Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

наш канал

стать автором

Кнопка с отражением

25 октября 2008 85 366 просмотров | Сложность:

В этом уроке по web графике мы нарисуем кнопку с отражением.

1. Создайте новый документ(Ctrl+N) с белым фоном. Используя "Elliptical Marquee Tool", сделайте такое выделение:

2. Создайте новый слой (Layer/New или Ctrl+N+Shift) и залейте его каким-нибудь цветом. Назовите его "button" (кнопка).

3. Используя "Dodge Tool, создайте внутреннее свечение, как на рисунке:

4. Создайте еще одно выделение, используя .
Создайте новый слой и назовите его "border" (обводка).

5. Заполните его цветом и расположите под слоем "button".

6. Пройдите в Layer/Layer style/Gradient overlay (Слой - Стиль слоя - Наложение градиента), используйте такие настройки:

7.   Layer/Layer style/Stroke (Слой - Стиль слоя - Обводка).

8. Layer/Layer style/Drop shadow (Слой - Стиль слоя - Тень).

9. Выберите слой "button" и пройдите в  Layer/Layer style/Inner shadow (Слой - Стиль слоя - Внутренняя тень).  

11. Создайте новую круглую форму .

12. Уменьшите непрозрачность (Opacity) слоя до 8%.

13. Создайте новую форму в виде окон. Окошки можно нарисовать с помощью фигуры прямоугольника. Объедините 4 окна в один слой. Дублируйте его.

14. Удерживая "Ctrl", щелкните по слою "button".

15. Пройдите в меню Filter/Distort/Spherize (Фильтр - Искажение - Сферизация). Повторите действие фильтра.

Выберите слой с копией окна и сделайте с ним то же самое. Объедините слои с окнами.

16. Уменьшите Непрозрачность до 15% и Режим наложения на Overlay (Перекрытие):

17. Подкорректируйте окна с помощью мягкого ластика. Кнопка готова!

Автор: photoshopfan

Понравилось? Поделитесь с друзьями!
Источник: www.photoshopfan.com Переводчик: Дмитрий Максимов
Прикрепить работу или скриншот Максимально-допустимый вес для загрузки изображения (jpg): 5 MB
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
Moonlight Flower02 октября 20178

Спасибо!

Manush12 августа 20179

моя кнопка

alima0928 мая 20178

СПАСИБО

larisa_arefeva14 декабря 20168

Спасибо.

Людмила Влаева08 декабря 20163

спасибо)

creativearts29 октября 20167

Спасибо за урок!

even flow21 октября 20166

Спасибо!

veneraina20 апреля 20166

Спасибо за урок

Vitalij208824 марта 201610

Спасибо!

spectre_mdt02 марта 20169

Спасибо

studiohd9311 января 20168

Кнопки

Алекс Абрамов24 ноября 20157

Спасибо за интересный урок

Павел21 ноября 20152

Спасибо за урок!

PhotoWeb16 сентября 20158

Спасибо =)

di_050408 сентября 20156

Спасибо за урок!

Нюшка091205 сентября 20154

Спасибо!

viktoria297926 июня 20152

CПАСИБО!

Vorokosa03 мая 201515

Спасибо за урок! ENTER button/

Aneida27 января 20151

Спасибо за урок!)

goldegg29 декабря 20142

побаловалась

Bukca29 июня 20143

Кнопка с отражением. Спасибо.

Kostyaki15 июня 20144

Спасибо за урок. Было интересно. Первый раз применил фильтр сферизация. С окнами понравилось.

gulnoz9101 мая 20141

спасибо)))

helena_todorova11 февраля 20143

Спасибо вам за урок!

Татьяна 119 декабря 20136

Спасибо за урок!

voki03 декабря 20137

Кнопочка,спасибо!

Егор Белошапко23 ноября 20132

Спасибо!

lera_190312 ноября 20135

Спасибо за урок!

goldcoin29 сентября 20132

Кнопочка моя. Спасибо автору за урок!

Аглая21 августа 20131

Здорово, спасибо!

Авторизация


Регистрация

Наверх