Уникальные Видеоуроки по Photoshop.
Убедитесь Сами в их Эффективности!
(каждый месяц свежие уроки)

+ ПОДАРОК
(Ваше реальное имя,
желательно на русском языке)


Закрыть
 
Простая пластиковая кнопка
(15 голосов)
Автор\Перевод Вячеслав Пчелов   
09.10.2008
 
Шаг 1
Создайте новый документ 300х300 пикселей, с белым фоном.

Шаг 2
Установите в качестве основного цвета вот такой #71c0f8

Шаг 3
Создайте новый слой, сделайте прямоугольное выделение с помощью инструмента Rounded Rectangle Tool , радиус должен быть 10, из тех иконок, что сверху слева, должа быть выбрана, самая правая ( Fill Pixels )

Шаг 4
Теперь, находясь на слое с прямоугольным выделением, используйте Gradient Tool , чтобы добавить внизу еще один цвет (такой #c9e1fa)



Шаг 5
Создайте новый слой и не снимая прежнего выделения, залейте его белым цветом.

Шаг 6
Переключитесь на Rectangular Marquee Tool , чтобы немного сдвинуть выделение (примерно на 4 пикселя вниз)

Шаг 7
Теперь нажмите на клавишу Del, теперь на ctrl+D, чтобы снять выделение.



Шаг 8
Уменьшите параметр Opacity этого, белого слоя до 70%

Шаг 9
Вы можете изменить немного размер, используя EditFree transform , чтобы его сузить.



Шаг 10
Нажмите на слое с прямоугольным слоем, дважды щелкните на слое, который находиться на вкладке Layers , чтобы вызвать Blending options

Шаг 11
Теперь выберите Drop Shadow ( Opacity 30, Angle 120, Distance 5, Spread 0, Size 5)

Шаг 12
Stroke ( Size 1, Outside , Color черный, Opacity 30)



Шаг 13
И добавьте немного размытия на свое усмотрение, я сделал с размером в 1 пиксель ( FilterBlurGaussian Blur )



Если вам понравился или не понравился этот фотошоп урок, в любом случае - можете оставить свой комментарий и проголосовать за него. Хотя, я надеюсь, что он вам понравился:)

Если вы нашли опечатку, можете уведомить меня об этом, выделите текст и нажмите Shift+Enter

 

Комментарии 

 
# Tanya/ 21.02.2009 21:35
Спасибо, очень интересно
Ответить | Ответить с цитатой | Цитировать
 
 
# Никбин 09.08.2009 17:08
:lol: Клёво!Кстати, если я не ошибаюсь
во 2-ом шаге, вы указали цвет который обычно употребляеться в HTML. А где ввести этот HTML код в программе Photoshop?
Ответить | Ответить с цитатой | Цитировать
 
 
# Agust_porn 20.08.2009 10:05
О! Большое спасибо очень хорошая штучка) :lol:
Ответить | Ответить с цитатой | Цитировать
 
 
# папко 04.09.2009 06:35
плохой урок, никудышняя кнопка.... не приделяете внимание деталям - результат УГ! :-* можете удалить комент, но это правда... блик должен быть либо на пол кнопки, либо в 1рх... и не размытый как здесь... фу... градиент всего с 2х цветов??? ооооллололоо!.... надо минимум 3 оттенка... а то и 5... низачод
Ответить | Ответить с цитатой | Цитировать
 
 
# Slavik 25.01.2010 18:21
:lol: СУПЕР! Спасибо! =)
Ответить | Ответить с цитатой | Цитировать
 
 
# bednyi_Yuric 01.01.2011 22:38
Огромное спасибо! С большим удовольствием почитал и попробовал применить на практике на своем сайте
http://www.puls-planety.ru/ ... Ввиду того, что работаю верстальщиком газеты, а фотошоп знаю, к сожалению, не очень хорошо с сегодняшнего дня постоянный читатель этого сайта... Буду, так сказать, набираться опыта... Огромное спасибо автору... Искренняя просьба - больше самого разнообразного материала... поверьте - это действительно нужно... СПАСИБО!!!
Ответить | Ответить с цитатой | Цитировать