Подпишись на наши RSS Уроки по Фотошоп , просто щелкнув по иконке.


Новинка! Узнайте о Самом Результативном Способе Изучения Фотошопа, Без Посещения Дорогих Курсов, Без Черно-Белых Самоучителей и Без Метода Тыка!

10 Часов Практических Уроков Записанных с Экрана Монитора с Подробными Аудио-Комментариями сделают из Вас настоящего Учителя Фотошоп!

Подробнее..


Создаём новогоднюю поздравительную открытку
Создаём сложное выделение волос
Превращаем современную фотографию в старую
Создаём разноцветную светящуюся спираль
Наносим естественную татуировку в Фотошопе


Создаем буквицу


Буквицей называется увеличенная первая буква текста или абзаца, базовая линия которой ниже на одну или несколько строк базовой линии основного текста. Для создания этого приема подойдет псевдоэлемент first-letter, он определяет стиль первого символа блочного элемента.


Чтобы буквица работала для каждого абзаца, следует воспользоваться селектором P, через двоеточие добавить first-letter, после чего описать нужный стиль буквы. В частности, указать ее размер и цвет. Изменение базовой линии можно осуществить с помощью атрибута float со значением left. Этот параметр выравнивает элемент по левому краю и заставляет обтекать текст справа.



Пример


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Буквица</title>
<style type="text/css">
p:first-letter {
font-size: 260%; /* Размер шрифта буквицы */
float: left; /* Выравнивание по левому краю */
color: red; /* Красный цвет первой буквы */
padding: 3px; /* Поля между буквицей и текстом */
margin-top: 3px; /* Отступ сверху */
}
</style>
</head>
<body>
<p>Необходимо, манипулируя полученными предметами материального мира и фрагментами информационного поля, эмпирическим путем достигнуть логического завершения конкурса.</p>
</body>
</html>


Результат данного примера показан ниже.



В примере размер буквицы задан как 260% от размера основного текста, а ее цвет установлен красным. Положение буквицы относительно текста можно регулировать параметрами padding и margin.




Если хотите не упустить данный урок, добавьте его в закладки:  

Хотите освоить весь Фотошоп с нуля?

Рекомендую Вам курс "Учитель Фотошопа в видеоформате", который состоит из 2-х частей: теоретической и практической. Все уроки даны в видеоформате с подробным озвучиванием всех выполняемых действий. Именно такой подход в изучении, позволит Вам в максимально короткие сроки овладеть всеми аспектами работы в Фотошоп.

Узнать подробнее

Рейтинг:     Добавлено: 2008-12-31    Просмотров: 1208    Сайт-источник: photoshop-php.ru

Оцените урок: 1   2   3   4   5   6   7   8   9   10    



Комментарии (1)


Комментарий by Denis, От 2009-08-04

Авторов сайта не учили тому, что нужно при перепечатке, указывать авторов статьи и ставить рабочую ссылку, на сайт, откуда взята статья? У вас же я вижу, что сайт источник этой статьи - ваш же собственный сайт. Вам ткнуть откуда взята статья?

Оставить комментарий:

Ваше имя:

Комментарий:

Введите число показаное на картинке (проверка от автороботов):

  


 

Рассылка - "Лучшие видеоуроки Фотошоп даром". Подписавшись на неё, Вы 2 раза в месяц будете получать на свой почтовый ящик, ссылки на лучшие уроки по работе в программе Adobe Photoshop совершенно бесплатно!

Лучшие уроки по Фотошопу 2 раза в месяц!

Ваше имя на русском: *
Ваш Email адрес: *

Подпишитесь сейчас и получите доступ к разделу "Лучшие уроки Фотошопа".


Если Вы давно мечтаете о создании собственного сайта на движке Drupal, то советую Вам обратить внимание на мой новый видеокурс "Drupal - Как создать профессиональный сайт с нуля". Это более 100 видеоуроков из которых Вы узнаете, как создать 4 сайта различной напрвленности, сложности и функционнальности.

Узнать подробнее


В версии Photoshop CS2 содержится много библиотек кистей (файлов с расширением .abr). Эти кисти можно загружать из меню палитры Brushes или раскрывающегося списка Brush на панели опций. В обоих случаях надо нажать стрелочку в правом верхнем углу – при щелчке по ней появится меню, в конце которого перечислены дополнительные файлы с наборами кистей.

Узнать больше


Внимание!
X
Хотите Получать 2 Видеоурока по Работе В Программе Фотошоп ЕЖЕМЕСЯЧНО?
Ваш e-mail: *
Ваше имя: *