В этом Фотошоп уроке мы будем рисовать кнопочку для размещения ее на сайте под формой обратной связи, простыми словами кнопка "Отправить письмо" Создайте новый документ размерами 281 x 129 px и залейте его 6aa3cf цветом. Дважды щелкните по слою и нажмите ОК. Затем, загрузите . В палитре слоев найдите вот такую кнопку , щелкните по ней и выберите стиль "Наложение градиента". Установите такие же настройки:
![](/uploads/posts/2008-08/210208_20000001.jpg) Еще один добавим стиль под названием "Перекрытие узора/ Наложение текстуры":
![](/uploads/posts/2008-08/210208_30000001.jpg) Вот что у вас должно получиться.
![](/uploads/posts/2008-08/210208_40000001.jpg) Возьмите фигуру . Установите радиус скругления угла на 5 px, цвет - 2a425f и нарисуйте основу для кнопки, как показано ниже.
Добавим стили к кнопке. Первый из них - это "Тень" (режим - Умножение)
![](/uploads/posts/2008-08/210208_60000001.jpg) "Внутреннее свечение" (режим - Осветление основы):
![](/uploads/posts/2008-08/210208_70000001.jpg) "Наложение цвета":
![](/uploads/posts/2008-08/210208_80000001.jpg) "Наложение градиента":
![](/uploads/posts/2008-08/210208_90000001.jpg) "Обводка":
![](/uploads/posts/2008-08/210208_10000003.jpg) Результат после применения всех стилей:
![](/uploads/posts/2008-08/210208_11000001.jpg) Возьмите инструмент - произвольная фигура (Custom Shape Tool), наверху в настройках выберите форму конверта.
Установите в качестве основного цвета a1c9f7 и нарисуйте конвертик на кнопке.
![](/uploads/posts/2008-08/210208_13000001.jpg) Добавим стиль:"Внешнее свечение"
![](/uploads/posts/2008-08/210208_14000001.jpg) И "Внутреннее свечение":
![](/uploads/posts/2008-08/210208_15000001.jpg) В итоге...
![](/uploads/posts/2008-08/210208_16000001.jpg) Напишем текст. Установите такие настройки в палитре "Символ":
![](/uploads/posts/2008-08/210208_17000001.jpg) Напишите на кнопке "Отправить нам письмо" или что-то другое.
![](/uploads/posts/2008-08/210208_18000001.jpg) Добавьте "Тень":
![](/uploads/posts/2008-08/210208_19000001.jpg)
![](/uploads/posts/2008-08/210208_20000003.jpg) Теперь нарисуем блик. Возьмите Перо и нарисуйте белым цветом фигуру как показано ниже:
![](/uploads/posts/2008-08/210208_21000001.jpg) Зажимаем "Ctrl" кликнем по слою с кнопкой - загрузится выделение. Переходим в меню Выделение - Инвертировать ("Selection"- "Inverse") или просто нажимаем Shift + Ctrl + I. Вернитесь к слоям, кликните правой кнопкой по слою с белой фигурой выберите команду "Растрировать слой" (rasterize), а теперь вам осталось нажать на клавишу "Delete". Уменьшите прозрачность слоя с бликом до 40%.
![](/uploads/posts/2008-08/210208_22000000.gif) ГОТОВО!
До встречи на www.photoshop-master.ru!
|