Мы запустили Форум! (*beta)






Видеокурс «Photoshop Professional. От чайника до профи за один день» поможет Вам стать профессионалом в фотошопе всего за 24 часа! Курс специально построен так, чтобы Вы научились создавать работы профессионального качества уже на следующий день. МИНИМУМ ТЕОРИИ, МАКСИМУМ ПРАКТИКИ

Подробнее...




сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Шаг 1
Создайте новый документ размером 200х200 пикселей. Установите цвет заливки - #1f1f1f и цвет фона - #0e0e0e. Выберите инструмент Градиент (Gradient Tool) и установите тип - Радиальный градиент (Radial gradient). Проведите градиент от левого верхнего угла к правому нижнему.


Создание голубой 3D кнопки



Шаг 2
Выберите инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool) и сделайте выделение 120х40 пикселей, радиус -10 пикселей.


Создание голубой 3D кнопки




Теперь мы зальём выделение. Установите цвет заливки - #007beb и цвет фона - #003667 и опять используя Радиальный градиент, залейте выделение


Создание голубой 3D кнопки





Шаг 3
Теперь добавим отражение кнопки. Сделайте копию слоя (Ctrl + J) и далее переместите слой под оригинал:



Создание голубой 3D кнопки




Примените Отразить по вертикали (Transform - Flip Vertical).




Шаг 4
Добавьте векторную массу к слою с отражением – Слой»Маска слоя»Применить (Layer> Layer Mask>Apply). Затем выберите инструмент Градиент (Gradient Tool) - от чёрного к белому и протяните градиент от вершины к низу.



Создание голубой 3D кнопки



Шаг 5
Снизьте Непрозрачность (Opacity) слоя с отражение до 10%


Создание голубой 3D кнопки



Шаг 6
Выделите область кнопки (Ctrl + Click) и выберите инструмент Овальная область
(Elliptical Marquee Tool). Снимите выделение с нижней части удерживая Alt. У вас должно получиться что-то вроде этого:



Создание голубой 3D кнопки




Залейте слой белым цветом:


Создание голубой 3D кнопки




Шаг 7

Теперь установите Режим наложения - Мягкий свет (Blending Mode – Soft Light) и Непрозрачность (Opacity) - 20%.


Создание голубой 3D кнопки




Шаг 8

Теперь добавим ещё один эффект сияния. Выделите область кнопки опять и примените Сжатие (Modify - Contract), введите значение - 3 пикселя. Залейте выделение белым цветом.


Создание голубой 3D кнопки




Шаг 9

Установите Режим наложения – Наложение (Blending Mode – Overlay) и Непрозрачность (Opacity) - 20%.


Создание голубой 3D кнопки




Шаг 10
Далее добавим несколько точек внизу основания справа. Используя инструмент Кисть
(Brush Tool), мягкая кисть, добавьте несколько точек:


Создание голубой 3D кнопки




Установите Режим наложения – Наложение (Blending Mode – Overlay) и Непрозрачность (Opacity) - 20%.



Создание голубой 3D кнопки



Шаг 11
Используя инструмент Горизонтальный текст (Horizontal Type Tool), создайте текст на вашей кнопке.


Создание голубой 3D кнопки




Шаг 12
Примените стиль Обкодка (Layer Style - Stroke) и настройте как показано ниже:


Создание голубой 3D кнопки





Вот и всё!



Создание голубой 3D кнопки






Ссылка на источник урока

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: