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

Следующий урок посвящен созданию реалистичной тени для кнопки в редакторе Adobe Photoshop. Урок будет полезен не только тем, кто собирается рисовать меню для веб-сайта, но и самому широкому кругу пользователей Фотошоп.

Шаг 1
Создаем новый документ, например, размером 200х200 пикселей. Вы можете в дальнейшем применять этот эффект и для более больших форматов вашего творчества, без ограничений. Для удобства освоения данного эффекта сделайте фон белым.

Шаг 2
Создаем при помощи инструмента Rounded Rectangle Tool (U) (Прямоугольник с округленными углами) небольшую фигуру в центре документа.

Увеличить

Увеличить


Шаг 3
Дальше применяем на этом слое ряд эффектов на только что созданном слое, в котором находится наш прямоугольник. Это необходимо для придания нашей фигуре эффекта браузерной кнопки в стиле MAC.

Увеличить

Увеличить

Увеличить

Увеличить

Увеличить


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

Увеличить


Шаг 4
Теперь создадим саму тень. Для этого выбираем инструмент Прямоугольная область (Rectangle Marque Tool) и выделяем небольшую узкую область под нашей кнопочкой.

Увеличить

Увеличить


После того как выделили, не снимая выделения, создаем новый слой (Ctrl+Shift+N), заливаем выделенную область черным цветом (#000000), только потом убираем выделение (Ctrl+D).
Следующим действием мы уменьшаем прозрачность нашего нового слоя до 30 процентов.

Увеличить


В конце применяем эффект на этом слое Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur).

Увеличить


Ставим радиус размытия 3 пикселя.

Увеличить


После всех манипуляций у нас должно получиться так:

Увеличить


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

Увеличить


Удачного креатива вам.
Источник не помню, англосайт какой-то.

TEXT +   TEXT -   Печать Опубликовано : 04 Февраль 2009 | Просмотров : 2737

Рекомендуем
 
Популярные уроки
14 Июнь 2008 - Создание эффекта светящегося текста
13 Июнь 2008 - Травяной текст в Photoshop
14 Июнь 2008 - Создание пылающего света
12 Декабрь 2008 - Перевод фото в вектор
12 Февраль 2009 - Broken Dreams
12 Февраль 2009 - Ruinous Brick Wall
20 Май 2008 - Create Stencil Graffiti
21 Май 2008 - Create Wavy Strands
24 Май 2008 - Creating an iPod Scratch
02 Июнь 2008 - Mimic 'The Hills' Text
22 Май 2008 - Transparent Bubble Text
24 Май 2008 - Creating a Broken Photo
12 Февраль 2009 - Nature Blur Effect
21 Май 2008 - Glowing Header Tutorial
21 Май 2008 - Using Actions Creatively
Меню
Авторизация
Вход:
Имя:

Пароль:


Регистрация
Забыли пароль?