Фотошоп

Monday, June 24, 2013

Классные синие кнопки

Шаг 1
Создайте новый документ размером 500×400 пикселей и разрешением 72dpi, залейте фон черным цветом. Создайте новый слой (Create New Layer) инструментом Эллипс (Ellipse Tool) создайте фигуру цвета #6FB5E3.

Классные синие кнопки



Шаг 2
Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените следующие стили:
Внутреннее свечение:

Классные синие кнопки



Наложение градиента:
Классные синие кнопки



Результат:
Классные синие кнопки



Шаг 3
Создайте новый слой (Create New Layer) и нарисуйте ещё один круг цветом #5F9AC1, как показано ниже:

Классные синие кнопки



Шаг 4
Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените следующие стили:
Внутреннее свечение:
Классные синие кнопки



Наложение градиента:
Классные синие кнопки



Результат:
Классные синие кнопки



Шаг 5
Объедините оба слоя с кругами (Ctrl+E) и перейдите в меню Стилей слоя
(Layer Style - Blending Options), настройте так:
Отбрасывание тени:

Классные синие кнопки



Внутренняя тень:
Классные синие кнопки



Результат:
Классные синие кнопки



Шаг 6
Создайте новый слой (Create New Layer) и нарисуйте чёрный круг в центре, как показано ниже:

Классные синие кнопки



Шаг 7
Перейдите в меню Стилей слоя (Layer Style - Blending Options) для чёрного круга и настройте так:
Внутреннее свечение:

Классные синие кнопки



Обводка:
Классные синие кнопки



Результат:
Классные синие кнопки



Шаг 8
Выберите инструмент Горизонтальный текст (Horizontal Type Tool), шрифт - Webdings, размер - 72pt, Чёткое (strong), цвет – белый. В новом слое нажмите '%' и у вас получится иконка, показанная ниже. Поместите её в центр кнопки:
Классные синие кнопки



Шаг 9
К этому слою примените стиль Наложение градиента (Layer Style - Gradient Overlay) и настройте, как показано ниже. Потом установите Режим наложения – Замена тёмным
(Blending Mode – Darken).

Классные синие кнопки



Финальный результат:
Классные синие кнопки

Классные синие кнопки


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

No comments:

Post a Comment