Глянцевая кнопка

Графика для сайта

В этом уроке вы узнаете, как создать круглую кнопку с красивым глянцевым эффектом.

Глянцевая кнопка - создаем круглую кнопу в п

В тему:

Бесплатные кнопки для сайта в стиле Web 2.0 – коллекция из 128 штук

Обзор программ для создания кнопок для сайта

Шаг #1. Создайте новый холст размером 329 / 169 пикселей.

Удостоверьтесь, что на переднем плане выбран белый цвет, затем выберите инструмент "Elipse Tool” (“Инструмент элипс”) и нарисуйте круг как показано ниже.

Шаг #2. После того как вы нарисовали круг щелкните правой кнопкой мыши в палитре слоев по слою с кругом и выберите пункт "Blending Options..." (“Параметры наложения…”).

Затем из списка стилей выберите пункт "Drop Shadow" (“Тень”) и установите следующие настройки:

Режим смешивания: Умножение.

Шаг #3. Теперь выберите пункт "Inner Glow" (“Внутреннее свечение”) и установите следующие настройки:

Режим смешивания: Нормальный.

Шаг #4. Выберите пункт “Bevel and Emboss” (“Тиснение”) и установите следующие параметры:

Шаг #5. Выберите пункт "Color Overlay" (“Наложение цвета”) и установите любой цвет, который вы желаете. В данном случае был выбран синий цвет:

Режим смешивания: Мягкий свет

Шаг #6. Выберите пункт “Gradient Overlay” (“Наложение градиента”) и установите следующие настройки:

Шаг #7. Выберите "Stroke" (“Обводка”) и установите следующие настройки:

Шаг #8. У вас должно получиться следующее изображение:

Шаг #9. В панели инструментов выберите инструмент "Eliptical Marquee Tool" и сделайте овальное выделение как это показано на рисунке ниже. Затем убедитесь, что на переднем плане установлен белый цвет и выберите инструмент "Gradient Tool" (“Инструмент градиент”), и выберите градиент “Передний план к прозрачному”.