Нарисовать кнопки для сайта в фотошопе

Поделюсь одним из самых простых способов создания блестящей кнопки для сайта. Всего за 3 шага.

Кнопки для сайта. https://etsphoto.ru/

Шаг 1. Задаем форму кнопки

Берем инструмент фигура со скругленными углами. В параметрах задаем скругление углов, например, 200 пикселей.

Шаг 2. Накладываем градиент

Добавляем стиль слоя  —  «Наложение градиента». Выберем линейный градиент. Расположим его по вертикали, так, чтобы черный был сверху.

Если градиента, который вам нужен нет в шаблонах, создайте его.

1.Я взяла чернобелый градиент.

2. Кликнула по маркеру белого цвета.

3. Затем кликнула в окошечке с цветом, выбрала подходящий, и нажала «Да»

Чтобы поменять местами черный и сиреневый, нужно поставить галочку в чекбоксе «Инверсия».

Шаг 3. Рисуем блик

Добавляем новый слой-фигуру со скругленными углами. Настройки такие же как и в первом шаге, только цвет задаем белый. Располагаем так, чтобы эта фигура была в верхней части кнопки.

Убавляем непрозрачность белой слой-фигуры приблизительно до 30%.

Дополнительно. Если необходимо, можно с помощью инструмента «Деформация» изменить форму блика. Я это сделала для круглой кнопки.

Если вам понравились кнопки, которые я нарисовала, нажмите правой клавшей на их изображение и выберите открыть картинку в новой вкладке. Щелкните правой клавишей по открывшейся картинке и нажмите в появившемся меню : «Сохранить как..»

Если вы скачали кнопки, но цвет не подходит, воспользуйтесь функциями: «Цветовой тон» или «Замена цвета». Читайте об этих и других приемах в статье: 7 экспресс- способов изменить картинку

Попробовав нарисовать простые кнопки, вы сможете переходить к более сложным: с несколькими бликами, сложными градиентами и так далее.

Как создать кнопку с отражением читайте в следующей статье.

5 ответов на “Нарисовать кнопки для сайта в фотошопе”

  1. Пошаговые уроки очень понятны и поэтому популярны , продолжайте в том же духе , а мы вас не забудем.

  2. Спасибо, надо будет попробовать сделать. Удачи Вам!

  3. Большое спасибо за интересную информацию! Благодарю за такой замечательный урок фотошопа.

  4. Предельно простой и быстрый способ создания кнопки. С фотошопом надо дружить.

  5. Блики прикольные.
    Время бы побольше.
    Тогда бы я кнопочками на сайтике своем занялась.
    Пока просто возьму на заметку.

Обсуждение закрыто.