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

Блог о дизайне и программировании. Помощь разработчикам сайтов и веб дизайнерам. Статьи по программированию, оптимизации и раскрутке сайта. Все для 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

Готово!


Похожие записи по теме:
  • Урок по Adobe Photoshop: Рисуем логотип игры NFS ProSteet
  • Бесплатный psd исходник для Adobe Photoshop: G Letter Free PSD logo
  • Красивые иконки в стиле иконок Windows XP
  • Прикольные иконки RSS фидов
  • Набор прикольных иконо: ConsumerWay Icons

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

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

    При написании комментария вы можете использовать bbCode для оформления своего комментария. Подробнее о bbCode вы можете прочитать здесь.