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