Всё для Photoshop

Металлическая кнопка в стиле web 2.0

(2 голосов)

Автор Administrator

Автор: ArtG

Сложность: Средняя

В этом уроке я вам покажу как нарисовать в Photoshop металлическую кнопку web 2.0 для вашего веб сайта.

Интересный урок Adobe Photoshop который можно применить в Web дизайне.

В этом уроке я вам покажу как сделать металлическую кнопку web 2.0 как представлена ниже:

1. Создадим новый документ 200х200px с белым фоном. Теперь при помощи "Rounded Rectangle Tool" с параметрами "Radius" 2 рисуем вот такой вот прямоугольник:

2. Теперь применим следующее к нашему прямоугольнику идём в "Layer-->Layer Style-->Blending Options" и выставляем следующие параметры:3. Для "Inner Glow" выставим как показано на картинке:

4. Для "Gradient Overlay" выставим как на картинке и будем использовать вот эти цвета " #c0c0c0 #878787 и #f0f0f0 ":

5. Для "Stroke" выставим следующие значения как на картинке и используем вот этот цвет " #717171 ":

6. У вас должна получиться для начала вот такая вот кнопка:

7. Теперь добавим к нашей кнопке текст будем использовать шрифт "Arial" Bold 24 pt:

8. Применим к нашей кнопке следующие эффекты идём в "Layer-->Layer Style-->Blending Options":

9. Для "Drop Shadow" выставим значения как на картинке:

10. Для "Inner Shadow" выставим следующие значения как на картинке:

11. Вот что у нас должно получиться:

Перевёл: ArtG

Обсудить на форуме

Взято с сайта: www.pscloud.com

Добавить комментарий

JComments

Вернуться

Регистрация/Вход

Вход/регистрация

Закрыть

www.freedom-ru.net & www.joobb.ru

Adobe Photoshop

ArtGamma.net - Всё для Photoshop посвящён самому популярному графическому редактору Adobe Photoshop. У нас вы вы можете скачать уроки photoshop, кисти photoshop, стили фотошоп, плагины для photoshop, шрифты, actions, shapes для Adobe photoshop.