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

Создаем радужную кнопочку используя Фотошоп

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

В данном уроке Фотошопа мы рассмотрим процесс создания радужной кнопочки.


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

Создаем радужную кнопочку используя Фотошоп

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


Шаг 1.


Создаем новый документ (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")), размер - 300х90.

Рисуем прямоугольник используя - Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" ).


Создаем радужную кнопочку используя Фотошоп

Создаем радужную кнопочку используя Фотошоп

Применяем к нему настройку стиля (Blending options), добавляя стили слоя с настройками как на изображении ниже. ↓


Создаем радужную кнопочку используя Фотошоп

Создаем радужную кнопочку используя Фотошоп

Градиент: от #6090bf до #cee7fa.


Создаем радужную кнопочку используя Фотошоп

Цвет обводки (Stroke): #5f8ab3.


Создаем радужную кнопочку используя Фотошоп

Шаг 2.


Текст.


Печатаем поверх слоя с кнопкой текст → Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент "Горизонтальный текст" / Клавиша "T").


Создаем радужную кнопочку используя Фотошоп

Далее применяем к нему настройки стиля (Blending options), добавляя стили слоя с настройками как на изображении ниже. ↓


Создаем радужную кнопочку используя Фотошоп

Создаем радужную кнопочку используя Фотошоп

Создаем радужную кнопочку используя Фотошоп

Цвет: #186bbf.


Создаем радужную кнопочку используя Фотошоп

Получаеться так: ↓

Создаем радужную кнопочку используя Фотошоп

Шаг 3.


Ctrl+click на слое с прямоугольником, получаем выделение.


Создаем радужную кнопочку используя Фотошоп

Градиент: #ff0000 - #ffea01 - #9ce400 - #007eff.


Создаем радужную кнопочку используя Фотошоп

Новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")), заливаем градиентом (Gradient Tool Инструмент - Градиент (Инструмент Градиент / Клавиша "G")) выделенную область. Режим смешивания > Overlay (Перекрытие).


Создаем радужную кнопочку используя Фотошоп

Применяем фильтр → Filter > Distort > Diffuse Glow (Фильтр > Искажение > Рассеянное свечение) к слою с "радугой".


Создаем радужную кнопочку используя Фотошоп

Далее Ctrl+click на слое с текстом, получаем выделение и с его помощью вырезаем кусок на слое с "радугой".


Создаем радужную кнопочку используя Фотошоп

Вуаля, готово!


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

Создаем радужную кнопочку используя Фотошоп

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