В этом уроке я покажу, как создать романтическую кнопку для сайта женской тематики. Это достаточно простой урок, который смогут выполнить даже те, кто совсем недавно изучают программу Фотошоп.

Мы начнем этот урок с создания нового документа размером 300 x 155 px с белым фоновым цветом.

Теперь выберите инструмент Прямоугольник (Rectangle Tool) (U) и нарисуйте небольшой прямоугольник такого цвета - 8f8f8f. Назовите этот слой "кнопка" в панеле слоев.

Теперь мы создадим две вспомогательные точки на фигуре как показано ниже. Выберите инструмент Добавить опорную точку (Add Anchor Point Tool) и разместите дополнительные точки в тех же местах как на картинке.

Теперь выберите инструмент Удалить опорную точку (Delete Anchor Point Tool) и кликните по крайним точкам, которые отмечены на картинке.

Теперь правой кнопкой мыши щелкните на слое с кнопкой и выберите параметр Параметры наложения (Blending Options), там перейдите на Отбросить тень (Drop Shadow).

Примените настройки как на картинке:

Не нажимайте пока "OK"

Далее перейдите на вкладку Внутренняя тень (Inner Shadow).

Примените настройки как на картинке:

Не нажимайте пока "OK"

Выберите Наложение цвета (Color Overlay).

Примените настройки как на картинке:

Не нажимайте пока "OK"

На очереди Наложение градиента (Gradient Overlay).

Примените настройки как на картинке:

Не нажимайте пока "OK"

Выберите Обводка (Stroke).

Примените настройки как на картинке:

Теперь можете нажать OK.

У вас должно получиться вот такое изображение.

Выберите инструмент текст Горизонтальный текст (Horizontal Type Tool) (T) и установите такие настройки:

Напечатайте на кнопке то, что вы пожелаете.

Примените к тексту следующие стили:

Клик правой кнопкой по слою с текстом, переходим в Параметры наложения (Blending Options).

Затем идем в Отбросить тень (Drop Shadow).

И используем настройки как показано ниже:

Не нажимайте пока ОК.

Теперь нажмите на Внешнее свечение (Outer Glow). Примените настройки как показано и нажмите ОК.

Теперь у вас должно получиться вот так:

Зажмите клавишу Ctrl и кликните по слою с кнопкой для того, чтобы появилось выделение вокруг фигуры.

В главном меню выберите Выделение - Модификация - Сжать (Select - Modify - Contract). Сократите выделение на 2 и нажмите "OK".

Создайте новый слой и снова в главном меню выберите Редактирование - Выполнить обводку (Edit - Stroke). Ширина (Width) = 1, Цвет (Color) #000000 и Расположение (Location) - Внутри (Inside).

Можете убрать выделение Ctrl + D. Назовите этот слой - "обводка".

Измените параметр слоя "обводка" до 13%. Все готово!

Вот и результат!!!

Я еще добавил немного блеска нашей кнопке, пару сердечек на краю и отражение. Стиль у сердечек точно такой же как и у самой кнопки.

У меньшего сердца стиль был уменьшен (Слои - Стиль слоя - Воздействие слой-эффектов (Layer - Layer Style - Scale Effects) уменьшили до 30%).

Я надеюсь вам понравился этот урок.

А здесь еще использован фон.