Кодерастам от кодераста!

Блог программиста » Новости » Сайтостроение

Текстовый эффект в стиле Web 2.0

1.  Начнем с нового документа размером 400 x 400 рх, который обеспечит нам достаточное рабочее пространство, а обрезать никогда не поздно.

2. Включите text tool (текст) и напишите какое-нибудь слово, используя  указанные ниже параметры шрифта:
/data/articles/717860/1.jpg
3. Растрируйте текст, выбрав Layer > Rasterize > Type (Слои > Растрировать  > Текст), после чего текст станет недоступным для исправлений, поэтому сначала проверьте тот ли выбран размер.

4. Нажмите Ctrl и кликните по миниатюре буквы на слое текста, чтобы выделить контуры букв на холсте. Затем перейдите в Select > Modify (Выделение > Модификация) и выберите Expand (Расширить), указав 2 рх.
/data/articles/717860/2.jpg
5. Выберите черный в качестве фонового цвета и нажмите Ctrl+ Backspace, залив, таким образом, выделение черным цветом, вот так:
/data/articles/717860/3.jpg
6. Зайдите в Layer > Layer Style > Blending Options (Слои >  Стиль слоя  > Параметры наложения) и выберите gradient overlay (наложение градиента) с указанными ниже настройками (остальные параметры оставьте по умолчанию):
/data/articles/717860/4.jpg
7. Теперь выберите эффект stroke (обводка) с параметрами, как на рисунке ниже:
/data/articles/717860/5.jpg
Результат будет таким:
/data/articles/717860/6.jpg

Ваш текст, как основа для творческих экспериментов, готов! Прекрасный, двухцветный, простой текст в духе web 2.0. Поиграйте с окраской шрифта, не забывая придерживаться оттенков одного и того же цвета для лучшего эффекта.
/data/articles/717860/7.jpg
/data/articles/717860/8.jpg

Нужны проги для компа? Достали сайты требующие регистрацию? Сборник бесплатных программ без регистрации: http://progicompa.ru. Закачайтесь!