Смарагдова кнопка

У цьому Фотошоп уроці будемо робити смарагдову кнопочку для сайту.

1) Створіть новий документ 300?150 px із чорним тлом

2) Створіть новий шар. Візьміть інструмент /, намалюйте прямокутне виділення й залийте його будь-яким цвітом, наприклад, білим.

3) Натисніть на кнопочкувнизу палітри шарів і виберіть там наступні стилі:

Тиснення:

Накладення градієнта:

Цвіту градієнта: від 0a521d до 2ac553

Ви одержите такий результат:

4) Тепер будемо малювати рамку. Створіть новий шар.

5) Снову за допомогою виділення намалюйте прямокутник, але ледве більше зеленого. Розмістите так, щоб краю однаково виступали з усіх боків.

6) Залийте виділення білим цвітом.

7) Ctrl + клич по шарі із зеленою кнопкою, з'явиться виділення.

8) Тепер перейдіть на шар з білим прямокутником і натисніть DELETE. Тепер у нас є рамочка, якою залишилося тільки додати стилі.

9) Додаємо стилі:

Зовнішнє світіння

Тиснення:

Накладення градієнта:

Цвіту градієнта: #598e67- #ffffff

Обведений цвіту # 5e6270

У результаті:

10) Створіть новий шар для відблиску на кнопці.

11) Виберіть иструмент /і намалюйте форму схожу на цю:

12) Клич правою кнопкою по шарі в палітрі шарів - виберіть команду Rasterize Layer (Растрировать шар).

13) Далі в меню Filter > Blur > Gaussian Blur (Фільтр - Размитие - Размитие по Гауссу). Установите такий радіус як вам подобається, тут 3,0 px

От такий з'явився відблиск:

14) У висновку, додайте який-небудь текст кнопці.

ГОТОВО!

Кориснi статтi:

Смарагдова кнопка

Джерело: photoweb.com.ua