[ главная ]   [ рейтинг статей ]   [ справочник радиолюбителя ]   [ новости мира ИТ ]



Ответов: 0
25-02-12 07:01







   Web - программирование
PHP


ASP






XML



CSS

SSI





   Программирование под ОС











   Web - технологии








   Базы Данных









   Графика






Данные




Графика / Adobe Photoshop /

эффект вогнутая металлическая кнопка

Этот урок я решил сделать, ибо считаю, что хороших металлических кнопок в Интернете недостаточно. Выкладываю на ваш суд ещё одну...

Шаг 1

Создайте новое изображние размером 500х500 (в дальнейшем кнопку можно и нужно будет уменьшить). Затем новый слой - Layer->New Layer [Слой->Новый слой].
Сделайте цвет переднего плана #737373


Шаг 2

Нажмите Alt+Backspace. Теперь идите в Filter->Noise->Add Noise [Фильтр->Шум->Добавить Шум] и выставите значения:

amount 35
Distribution Gaussian
Monochromatic


Шаг 3

Зайдите в Filter > Blur > Motion Blur [Фильтр->Размытие->Способ генерации границ перемещающегося объекта ;) (движение пятна)] и выставите значение 75 pixel (угол не трогайте)


Шаг 4

Теперь идите в Image > Adjust > Brightness / Contrast... [Изображение->Насройка->Яркость и контраст]
Выставите эффект 'вогнутая металлическая кнопка'

Brightness -10
Contrast +35


Шаг 5

Щелкните по вкладке Каналы (там где находится палитра слоев), создайте новый канал и назовите его Окантовка. Используя любой инструмент, например пользовательской формы ( U ) нарисуйте произвольную форму

Дублируйте канал, бросив его на кнопку создания New Channel


Шаг 6

Бросьте вновь созданный слой на вот эту кнопку , тем самым вы сделаете выделение, вокруг кнопки

Идите в Filter > Blur > Gaussian Blur [Фильтр->Размытие->Размытие по Гауссу] и выставите значение 18, затем примените этот же фильтр с 9, потом 6, потом 3.


Шаг 7

Инвертируйте выделение Ctrl+Shift+I, затем нажмите клавишу D, и заполните выделение Alt+Backspace, таким образом, мы избавимся от неровностей.


Шаг 8

эффект 'вогнутая металлическая кнопка'Select > Modify > Expand [Выбор->Изменить->Растянуть] выставите значение 16 и примените этот фидьтр ещё два раза с этими же параметрами (если у вас выделение растягивается (а так и должно происходить), а не сжимается, то используйте вместо Expand - Contract ).

Шаг 9


Растушуем выделение Ctrl+Alt+D значение 25 . Теперь залейте тем цветом, который мы выбрали вначале урока.

 

 

 


эффект 'вогнутая металлическая кнопка'Шаг 10

Выберите самый первый канал (который не размывали) и загрузит его выделение, перетащив его на кнопку

Вернитесь к палитре слоев, щелкните на правой кнопкой мыши на слое, к которому мы применяли фильтр и выберите Слой через копирование [Layer Via Copy], теперь переместитесь опять на слой, который мы копировали и залейте его серым цветом, желательно темного оттенка.

 

 

 


Шаг 11

Вернитесь к каналам и загрузите выделение какнала Окантовка.

Теперь перейдите к слоям и создайте новый слой так, чтобы он располагался выше слоя с серым цветом, но ниже слоя, который был сделан через копирование. Залейте слой более светлым, но тоже серым цветом, затем щелкните по глазу на верхнем слое


эффект 'вогнутая металлическая кнопка'Шаг 12

Сделайте активным Слой 2

Затем идите в Filter > Render > Lighting Effects и выставите значения как на скриншоте






эффект 'вогнутая металлическая кнопка'


Шаг 13

Удерживая клавишу ctrl щелкните на слое, к которому мы применяли Lighting Effects и примените к нему фильтр Gaussan blur c параметром 6.


Шаг 14

Помните мы отключали слой щелкая по глазу? Даже если нет, то включите его - сделайте обратную операцию. Теперь у этого слоя поменяйте режим бленда [Blending mode] на Overlay [Наложение], можете ещё применит фильтр Lighting Effect .

Все, основа есть, дальше уже вариации

эффект 'вогнутая металлическая кнопка'




Комментарии

Zed
17-12-2010   
Вроде ты и не дурак, а урок хрен просышь, видео записывай, раз объяснить не можешь...

 Ваш комментарий к данному материалу будет интересен нам и нашим читателям!



Последние статьи: Графика / Adobe Photoshop /

Перекрасим небоскреб в золотистый цвет
23-04-2009   

В этом небольшом, но очень увлекательном уроке мы с вами научимся перекрашивать здание небоскреба из его естественного металлического цвета в золотистые оттенки... подробнее

Кол. просмотров: общее - 3294 сегодня - 2

Из брюнетки сделаем блондинку
23-04-2009   

В этой статье я вам расскажу, как в графическом редакторе photoshop можно изменить цвет волос на фотографии... подробнее

Кол. просмотров: общее - 3342 сегодня - 0

Нарисуем почтовую марку
23-04-2009   

В этом руководстве я вам расскажу, как из фотографии сделать симпатичную почтовую марку... подробнее

Кол. просмотров: общее - 3228 сегодня - 0

Создание заставки на рабочий стол со знаменитостью
23-04-2009   

Если в мире моды, кино или музыки у вас есть кумиры, то очень часто вы их изображения ставите у себя в качестве фона (wallpaper) на рабочий стол... подробнее

Кол. просмотров: общее - 3569 сегодня - 0

Ретуширование фотографий
23-04-2009   

Приветствую всех читателей моего сайта и любителей программы Photoshop. В этом руководстве мы с вами научимся ретушировать изображения, т.е. делать их более насыщенными и контрастными... подробнее

Кол. просмотров: общее - 3092 сегодня - 0



  WWW.COMPROG.RU - 2009-2012 | Designed and Powered by Zaipov Renat | Projects