Фотошоп для чайников | Уроки фотошопа
Фотошоп для чайников - портал для любителей фотошопа!
Меню сайта
Категории раздела
Обработка фото [109]
Текстовые эффекты [87]
Анимация [32]
Спецэффекты [142]
Веб-дизайн [40]
Тюнинг [9]
Фотомонтаж [62]
Кнопки [39]
Рисование [55]
Наша группа
Опрос
Как Вам наш сайт?
Всего ответов: 186
КтО ОнЛаЙн

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная - Уроки фотошопа CS5 на русском - Кнопки - Рисуем эффектную веб 2.0 кнопку

Рисуем эффектную веб 2.0 кнопку

Рисуем эффектную веб 2.0 кнопку

Создайте новый документ средних размеров (у меня 540х440). Залейте фон темным градиентом или сплошным цветом.

basic-sleek-button_1.jpg

Создайте новый слой и выберите инструмент Rounded Rectangle с настройками, как указано на рисунке ниже

basic-sleek-button_2.jpg

Нарисуйте фигуру примерно как нарисунке

basic-sleek-button_3.jpg

Кликните правой кнопкой внутри нее и выберите пункт Make Selection

basic-sleek-button_4.jpg

basic-sleek-button_5.jpg

Заполним выделение градиентом от #7ebe3e к #a8da77

basic-sleek-button_6.jpg

basic-sleek-button_7.jpg

Добавим Stroke (Layer > Layer Style > Stroke):

basic-sleek-button_8.jpg

basic-sleek-button_9.jpg

На новом слое выделите полоску, как на рисунке ниже

basic-sleek-button_10.jpg

Далее Edit>Fill белым цветом.

basic-sleek-button_11.jpg

Создайте инструментом Text русскую закрывающую кавычку в левой части кнопки

basic-sleek-button_12.jpg

basic-sleek-button_13.jpg

Теперь Layer > Layer Style > Drop Shadow

basic-sleek-button_14.jpg

basic-sleek-button_15.jpg

Остается только добавить свой текст на кнопку! =)

Рисуем эффектную веб 2.0 кнопку

Готово! ;)



Похожие материалы:


Просмотров: 1517 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск по сайту
Форма входа
Популярные уроки
 
 
 
 
 
 
 
 
 
 

Хостинг от uCoz