Кнопки для WEB

На примере о том как рисуются иконки и всевозможные кнопки для веб-графики, мы нарисуем две кнопки Start и Stop. Слова в кнопках можно заменить на любые нужные для вас.

Кнопки для WEB

Начнем…

Создайте новый документ в Photoshop. С помощью инструмента Elliptical Marquee tool выделите круг и залейте его черным цветом.

Кнопки для WEB

Залейте круг градиентом. Примените стиль зайдя в меню Layer — Layer Style — Gradient Overlay, с такими настройками:

Кнопки для WEB

Создай новый слой и нарисуйте черный круг внутри имеющегося.

Кнопки для WEB

Создайте ещё слой и круг внитри него с зеленым цветом (#14D64A). А также градиент, такой же как на картинке.

Кнопки для WEB

Примените стиль Inner Shadow

Кнопки для WEB

Теперь с помощью Text Tool напишите слово на кнопке.

Кнопки для WEB

Используя те же методы нарисуйте такую же кнопку, но с красным фоном

Кнопки для WEB

Добавьте слово

Кнопки для WEB

Вот и все, мы закончили урок.

Кнопки для WEB

Автор урока — zealot (pixelbox.ru)

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

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