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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *