Урок 3

Untitled Page

Стеклянный текст

Если вы обожаете различные "стеклянные" кнопочки, которые сейчас в моде, то этот урок, думаю, придется вам по душе. Итак, разминаем руки и приступаем к созданию стеклянного текста...

Шаг 1. Открываем Photoshop, создаем новый документ с белым фоном.

Шаг 2. Создадим желаемую надпись с помощью horisontal_type.gif Type Tool.
Эффект будет сомотреться лучше, если вы выберете какой-нибудь "толстый" шрифт, скажем, Impact.



Изображение


Шаг 3. Правой кнопкой кликаем по слою с текстом и выбираем из появившегося меня пункт Rasterize text.

Шаг 4. По аналогии со стеклянными кнопками этот эффект создается при помощи градиента.
Выбираем gradient.gif Gradient tool, щелкаем по окошечку, которое отображает текущий тип градиента, и упражняемся с полоской.
Обратите внимание на квадратики со стрелочками под полоской - с их помощью каждому участку градиента назначается цвет.
Нажимаем на квадратик, выбираем цвет и жмем ОК.
Составьте градиент для текста по своему вкусу.

Изображение



Шаг 5. Ctrl+click по слою с текстом, ставим указатель начала градиента на верхний край текста, зажимаем Shift и тянем до нижнего края текста. О, уже что-то есть:

Изображение



Шаг 6. Не снимаем выделение!
Идем в Select> Modify> Contract и выбираем небольшое значение этого параметра. Я использовала значение 3 пикселя.

Шаг 7. Все еще не снимаем выделение! Создаем новый слой и жмем на символ маски.

Изображение



Шаг 8. Теперь создаем блик для нашего текста.
Жмем клавишу D, затем X.
Проверьте перед этим раскладку клавиатуры - горячие клавиши работают только в английской раскладке!
Опять выбираем Gradient tool, опять щелкаем по полоске текущего градиента и обращаем внимание на квадратики наверху, в разделе Presets. Нас интересует второй слева в первом ряду. Выбираем его, отмечаем галочкой пункт Transparency наверху и тянем градиент от верхнего края текста до...А вот тут вам уже придется проявить фантазию. Можете тянуть до нижнего края, можете - до середины. В итоге получаем вот это:

Изображение



Уже здорово, но не хватает объема. Спускаемся на слой текста, дважды кликаем по его иконке и выбираем пункт Inner Shadow. Выбираем для параметра Angle значение -90 градусов. Меняем цвет внутренней тени, играем с настройками Distance, Choke, Size до тех пор, пока результат не начнет нам нравиться. Слой с бликом можно чуть-чуть размыть - Gaussian blur со значением в доли пикселя. 0,7 пикселей хватит. Вуаля! И ничего сложного.

Изображение



Шаг 9, необязательный. А не хотите ли изогнуть нижний край блика волной? Используем для создания очертаний волны инструмент pen.gif Pen tool в режиме Paths. Не выставляйте слишком много точек привязки в области текста, 2-3 точек хватает. Замыкаем путь. Настраиваем кривизну волны с помощью Convert point tool (растягивание - чтобы появились касательные, а если зажать Ctrl и выбрать какую-нибудь точку, ее можно перемещать).

Изображение


Жмем правой кнопкой мыши по пути и выбираем Make selection, жмем ОК. Если чем-то не нравится положение волны на рисунке, выбираем Selection Tool и стрелками сдвигаем таковую в нужное место.
Сделали? Жмем Delete, снимаем выделение (Ctrl+D) и хвастаемся полученным результатом smile.gif

Изображение
Hosted by uCoz

Webset  by © KissDesign Website

Hosted by uCoz