Кнопка для влюбленных
Мы начнем этот урок с создания нового документа
размером 300 x 155 px с белым фоновым цветом.
Теперь выберите инструмент Rectangle Tool
и нарисуйте небольшой прямоугольник такого цвета -
8f8f8f. Назовите этот слой "кнопка" в панеле слоев.
![](http://www.photoshop-master.ru/lessons/2007/120607/girl_button/10000001.jpg)
Теперь мы создадим две вспомогательные точки на фигуре
как показано ниже. Выберите инструмент Add Anchor Point
Tool
и разместите дополнительные точки в тех же местах как на картинке.
![](http://www.photoshop-master.ru/lessons/2007/120607/girl_button/20000001.jpg)
Теперь выберите инструмент Delete Anchor Point Tool
и кликните по крайним точкам, которые отмечены на картинке.
![](http://www.photoshop-master.ru/lessons/2007/120607/girl_button/30000001.jpg)
Теперь правой кнопкой мыши щелкните на слое с кнопкой и выберите параметр
Blending Options, там перейдите на Drop
Shadow (отбросить тень)
Примените настройки как на картинке
![](http://www.photoshop-master.ru/lessons/2007/120607/girl_button/40000001.jpg)
Не нажимайте пока "OK"
Далее перейдите на вкладку Inner Shadow (внутренняя
тень)
Примените настройки как на картинке
![](http://www.photoshop-master.ru/lessons/2007/120607/girl_button/50000001.jpg)
Не нажимайте пока "OK"
Выберите Color Overlay (заливка цветом)
Примените настройки как на картинке
![](http://www.photoshop-master.ru/lessons/2007/120607/girl_button/60000001.jpg)
Не нажимайте пока "OK"
На
очереди Gradient Overlay (заливка градиентом)
Примените настройки как на картинке
![](http://www.photoshop-master.ru/lessons/2007/120607/girl_button/70000001.jpg)
Не нажимайте пока "OK"
Выберите Stroke (обводка)
Примените настройки как на картинке
Теперь можете нажать OK.
У вас должно получиться вот такое изображение.
![](http://www.photoshop-master.ru/lessons/2007/120607/girl_button/90000001.jpg)
Выберите инструмент текст
и установите такие настройки:
![](http://www.photoshop-master.ru/lessons/2007/120607/girl_button/10000003.jpg)
Напечатайте на кнопке то, что вы пожелаете.
![](http://www.photoshop-master.ru/lessons/2007/120607/girl_button/11000001.jpg)
Примените к тексту следующие стили:
Клик
правой кнопкой по слою с текстом, переходим в Blending
Options.
Затем идем в Drop Shadow.
И используем настройки как показано ниже:
![](http://www.photoshop-master.ru/lessons/2007/120607/girl_button/12000001.jpg)
Не нажимайте пока ОК.
Теперь нажмите на Outer Glow (внешнее свечение). Примените настройки как показано и нажмите ОК.
![](http://www.photoshop-master.ru/lessons/2007/120607/girl_button/13000001.jpg)
Теперь у вас должно получиться вот так:
![](http://www.photoshop-master.ru/lessons/2007/120607/girl_button/14000001.jpg)
Зажмите клавишу Ctrl и кликните
по слою с кнопкой для того, чтобы появилось выделение вокруг фигуры.
В главном меню выберите Select - Modify
- Contract.
Сократите выделение на 2 и нажмите "OK".
Создайте новый слой
и снова в главном меню выберите Edit - Stroke.
Ширина (width) = 1, цвет черный
и расположение (location) - внутри.
Можете убрать выделение Ctrl + D.
Назовите этот слой - обводка.
![](http://www.photoshop-master.ru/lessons/2007/120607/girl_button/15000000.gif)
Измените параметр слоя "обводка" до 13%.
Все готово!
![](http://www.photoshop-master.ru/lessons/2007/120607/girl_button/16000001.jpg)
Вот и результат!!!
Я еще добавил немного блеска нашей кнопке, пару сердечек на краю и отражение.
Стиль у сердечек точно такой же как и у самой кнопки
У меньшего сердца стиль был уменьшен (Layer, Layer
Style затем Scale Effects уменьшили до
30%).
Я надеюсь вам понравился этот урок.
![](http://www.photoshop-master.ru/lessons/2007/120607/girl_button/results0.jpg)
А здесь еще использован фон.
![](http://www.photoshop-master.ru/lessons/2007/120607/girl_button/resultsa.jpg)
Успехов! До встречи на www.photoshopworld.at.ua!
|