Індустріальні кнопки для сайту

У цьому фотошоп-уроці ми зробимо індустріальні кнопки для сайту.

1. Спочатку створи новий документ для твоєї кнопки. Я використовував документ розміром 400x300 пикселей і встановив цвіт тла (background) на # 5c5947.

2. Створи новий шар. Layer> New> Layer Тепер зміни основний (foreground) цвіт на # 4a4839, потім інструментом Rounded Rectangle Tool :

Створи прямокутник з округленими кутами приблизно так :

3. Клацни правою кнопкою миші на кнопці шару й вибери Blending Options. Натисни й застосовуй наступні стилі шару :

У кінцевому результаті повинне вийде от так :

4. Створи новий шар потім нажавши CTRL вибери іконку основного шару. Тепер зменш виділення на 3 пиксела.Select > Modify > Contract

Заповни виділення чорним (# 000000)

Після цього перемісти виділення нагору на 10 пикселов Shift+Up Arrow. Тепер перейди Select >Modify > Feather, постав значення 4 потім натисни клавішу delete.

Зміни режим накладення цього шару на Soft Light і знизь непрозорість на 60%.

5. Останнє, що необхідно зробити додати текст. Для тексту я використовував наступні стилі шару :

От, що вийшло

6. Тепер ти можеш копіювати цю кнопку, і додати інший текст. Щоб зробити ще краще, я зробив ще 2 кнопки, додав небагато grunge і застосував фільтр Filter > Render > Lighting Effects для всього зображення.

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

Індустріальні кнопки для сайту

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