|
|
 |
|
|
Кнопка "Отправить письмо" |
|
|
|
|
В этом уроке мы нарисуем кнопочку для размещения на сайте под формой обратной связи, простыми словами кнопку "Отправить письмо".
Создаем новый документ размерами 281 x 129 px и залеваем его 6aa3cf цветом. Дважды кликаем по слою и нажимаем "ОК".
Затем, загрузим текстуру.
В палитре слоев находим кнопку  , щелкаем по ней и выбираем стиль "Наложение градиента". Устанавливаем такие настройки:
Теперь добавляем стиль под названием "Перекрытие узора/Наложение текстуры":
Результат:
Возьмем фигуру  . Установим радиус скругления угла на 5px, цвет- 2a425f и нарисуем основу для кнопки, как показано ниже:
Добавим стили к кнопке:
Первый из них - это "Тень" (режим - Умножение)
"Внутреннее свечение" (режим - Осветление основы):
"Наложение цвета":
"Наложение градиента":
"Обводка":
Результат:
Возьмите инструмент - произвольная фигура (Custom Shape Tool), наверху в настройках выберите форму конверта.
Установите в качестве основного цвета a1c9f7 и нарисуйте конвертик на кнопке.
Добавим стиль:"Внешнее свечение"
И "Внутреннее свечение":
Результат:
Напишем текст. Установите такие настройки в палитре "Символ":
Напишите на кнопке "Отправить нам письмо" или что-то похожее.
Добавьте "Тень":
Теперь нарисуем блик. Возьмите Перо и нарисуйте белым цветом фигуру как показано ниже:
Зажимаем "Ctrl" кликнем по слою с кнопкой - загрузится выделение. Переходим в меню Выделение - Инвертировать ("Selection"- "Inverse") или просто нажимаем Shift + Ctrl + I.
Вернитесь к слоям, кликните правой кнопкой по слою с белой фигурой выберите команду "Растеризовать слой" (rasterize), а теперь вам осталось нажать на клавишу "Delete".
Уменьшите прозрачность слоя с бликом до 40%.
Конечный результат:
|
|
|
 |
 |
Кнопка - "Отправить письмо"
В этом Фотошоп уроке мы будем рисовать кнопочку для размещения ее на сайте под формой обратной связи, простыми словами кнопка"Отправить письмо" |
|
Значок "Скайп"
В этом Фотошоп уроке будем рисовать логотип программы Skype (Интернет телефон) |
|
|
|
|
|
