Фотошоп для фотографа 2013

Рисуем стильную круглую кнопку используя Фотошоп

| Категория: Уроки по созданию дизайна в Фотошопе | Сложность урока: Низкая

В данном уроке мы рассмотрим, как можно создать в Фотошопе простую, стильную, круглую кнопку.


Финальный результат

Рисуем стильную круглую кнопку используя Фотошоп

Приступаем к уроку Фотошопа


Создаём новый документ произвольных размеров (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")) и рисуем на нём круг используя Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша "U") с зажатой клавишей - Shift, должно получиться примерно так: ↓


Рисуем стильную круглую кнопку используя Фотошоп

Применяем следующий стиль слоя (Blending Options (Параметры наложения), настройки слоя): ↓


Drop Shadow (Тень): ↓

Рисуем стильную круглую кнопку используя Фотошоп

Gradient Overlay (Наложение градиента): ↓

Рисуем стильную круглую кнопку используя Фотошоп

Gradient Overlay (Наложение градиента): ↓

Рисуем стильную круглую кнопку используя Фотошоп

Текущий результат: ↓

Рисуем стильную круглую кнопку используя Фотошоп

Рисуем поверх получившегося круга еще один круг инструментом Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша "U"), вот так: ↓


Рисуем стильную круглую кнопку используя Фотошоп

И применяем следующий стиль слоя (Blending Options (Параметры наложения)): ↓


Gradient Overlay (Наложение градиента): ↓

Рисуем стильную круглую кнопку используя Фотошоп

Stroke (Обводка): ↓

Рисуем стильную круглую кнопку используя Фотошоп

Текущий результат: ↓

Рисуем стильную круглую кнопку используя Фотошоп

Создаём новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")) и инструментом Elliptical Marquee Tools Инструмент - Овальная область выделения (Инструмент "Овальная область выделения" / Клавиша "M") создаем примерно так же как на изображении ниже: ↓


Рисуем стильную круглую кнопку используя Фотошоп

Уменьшаем выделение на 4 пикселя и зиливаем выделение таким цветом #AE8033 (Paint Bucket Tool Инструмент - Заливка (Инструмент Заливка / Клавиша "G")).


Рисуем стильную круглую кнопку используя Фотошоп

Рисуем стильную круглую кнопку используя Фотошоп

Выбираем мягкую кисть - инструмент Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") радиусом 40-50 pixel и рисуем блик, вот так: ↓


Рисуем стильную круглую кнопку используя Фотошоп

И финальное действие, добавляем текст - Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент "Горизонтальный текст" / Клавиша "T").


Финальный результат

Рисуем стильную круглую кнопку используя Фотошоп

Урок подготовлен для Вас командой сайта PhotoshopPro.ru