Создаём гладкую кнопочку

24 февраля 2008 · Photoshop

[картинка не сохранилась]

ШАГ 1:
Создайте новое изображение размером 300×300 пикселей и 72dpi и белым фоном. Затем на панели интсрументов выставите свет фона #009CFF.

Добавьте новый слой (Layer > New > Layer Set). В новом слое нарисуйте маленький прямоугольник размером 9 x 26 px с цветом заливки #009CFF. В свойствах слоя (Layer > Layer Style) на вкладке Gradient Overlay выставьте следующее:

[картинка не сохранилась]

ШАГ 2:
Увеличьте изображение. Создайте новый слой используя Pencil Tool нарисуйте линию с цветом #42B6FF.

[картинка не сохранилась]

ШАГ 3:
Создайте новый слой и дорисуйте справа от синего прямоугольника серый(#F3F3F3) размером 80 x 26 px.

[картинка не сохранилась]

ШАГ 4:
В стиле слоя (Layer > Layer Style) добавьте Inner Shadow и Gradient Overlay к серому прямоугольнику.

[картинка не сохранилась]

ШАГ 5:

Теперь выделите все созданные слои и объедените их ( Layer > Merge Layer Set). Вы получите один слой.

В стилях слоя (Layer > Layer Style) добавьте Inner Glow, Gradient Overlay и Stroke.

[картинка не сохранилась]

ШАГ 6:
Выберите [картинка не сохранилась] и выставите следующие настройки для шрифта на панели: шрифт Arial, bold, 12 pt, smooth. В новом текстовом слое создайте текст для кнопки.

[картинка не сохранилась]

ШАГ 7:
В стилях слоя (Layer > Layer Style) добавьте Gradient Overlay и Stroke к слою с текстом.

[картинка не сохранилась]

Всё!

[картинка не сохранилась]

Источник: http://originmaker.com
Перевод: vladimir.sumy