Все для Веб мастера и создания сайта

Портал посвященный веб мастерам и созданию сайтов. На сайте вы сможете найти статьи по оптимизации сайта, все для Adobe Photoshop, иконки, шрифты, исходники, уроки графики и веб дизайна…

ВВЕДИТЕ ВАШ ПОИСКОВЫЙ ЗАПРОС В ЭТУ ФОРМУ И НАЖМИТЕ НА КНОПКУ "ПОИСК"




smooth_web2_arrow_11.jpgСимпатичная, и очень простая в изготовлении веб 2.0 стрелка для сайта. Может хорошо подойти для навигации(вообщем то где вы будете ее использовать, зависит только от вас и вашей фантазии). Примерное время выполнения урока: 5минут

Создайте новый документ(Ctrl+N) 200х200 пикселей. Выберите инструмент Custom Shape, фигуру стрелки и нарисуйте ее небольшого размера. Цвет стрелки произволен
smooth_web2_arrow_2.jpg
У вас должно получиться, нечто вроде этого
smooth_web2_arrow_31.jpg

Затем примените к слою со стрелкой следующие стили слоя:

smooth_web2_arrow_5.jpg

smooth_web2_arrow_4.jpg

smooth_web2_arrow_6.jpg
Инструментом Dodge с настройками:
smooth_web2_arrow_7.jpg

…немного поработайте в нижней части стрелки. Затем создайте новый слой, выделите область подобно тому, как это сделано на рисунке ниже и залейте ее белым цветом

smooth_web2_arrow_8.jpg
Понизьте прозрачность полученного слоя до 13 или около того процентов и вы получите, красивую стрелку для вашего сайта
smooth_web2_arrow_11.jpg

Источник: Smooth web 2.0 Arrow

Готово!

Еще нет комментариев.

Оставьте комментарий