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

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

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

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


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

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

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


1. Создайте новый документ, размер - 230х180 (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")) и залейте его цветом 2a2a2a (Paint Bucket Tool Инструмент - Заливка (Инструмент Заливка / Клавиша "G")).


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

2. Возьмите Rounded Rectangle Tool Инструмент - Прямоугольник со скругленными углами (Инструмент "Прямоугольник со скругленными углами" / Клавиша "U"), радиус 5 пикселей, цвет чёрный, и нарисуйте так: ↓


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

3. Дальше идём Layer > Layer Style > Blending Options (Слой > Стиль слоя > Параметры наложения) и настраиваем так: ↓


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

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


Inner Glow (Внутреннее свечение): ↓

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

Outer Glow (Внешнее свечение): ↓

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

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

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

Цвета градиента от 148791 до 000f1b.


Параметры градиента: ↓

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

4. Теперь когда мы создали форму кнопки, сделайте на ней эффект стекла, возьмите Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M") и сделайте такое выделение: ↓


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

5. Создайте новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")).


6. Теперь держите нажатыми Ctrl+Shift+Alt, и щёлкните указателем туда, куда показана стрелка на рисунке, затем Select > Modify > Contract (Выделение > Модификация > Сжать) значение 1 пиксель.


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

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

7. Установите цвет переднего плана - белый и покрасьте выделение, используя - Paint Bucket Tool Инструмент - Заливка (Инструмент Заливка / Клавиша "G"), получите это:

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

8. Снизьте непрозрачность до 20%, и получите это: ↓


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

9. В конце добавьте свой текст - Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент "Горизонтальный текст" / Клавиша "T") и получите результат: ↓


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

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

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