Иконка на сайт

172
yand2

Урок о том как нарисовать иконку для сайта

Вот как выглядит иконка или значок в  последнее время модном стиле веб 2.0.

Иконка на сайт

Как вы будете её использовать решать вам, например для логотипа или пункта меню. Даже для рекламы чего-либо, главное чтобы был толк.

Итак, начнем. Откройте фотошоп и создайте новый документ с белым фоном.

Выберите инструмент Custom Shape и подходящий значок, он есть в стандартном наборе.

Иконка на сайт

Выберите нужный цвет и нарисуйте этот значек. Назовите слой с фигурой base.

Теперь нужно сделать выделение этого значка, для этого зажмите CTRL и кликните на слой со значком.

Не снимая выделения создайте новый слой и назовите его brightess.

Теперь уменьшим выделение на 1 пиксель, для этого выполните команду Select – Modify – Contract с параметром 1px.

Не снимая выделения, выберите красивый яркий цвет того же оттенка, что и цвет фигуры. К примеру, если фигура у Вас темно-синяя, выбирайте ярко-голубой и т.п. Выбирайте инструмент Gradient

Иконка на сайт

Расположите курсор мыши в правом нижнем углу фигуры за контуром выделения и тяните линию заливки по направлению к верхнему левому углу. Отпустите клавишу мыши примерно в середине пути.

Опять же, не снимая выделения, создайте новый слой над остальными и назовите его “блеск”. Выделите его. Выберите инструмент Elleptical Marquee и, зажав. SHIFT и ALT, выделите область, как на рисунке прямо поверх существующего выделения

Иконка на сайт

Залейте выделение белым цветом (выберите белый цвет и нажмите ALT+BackSpace). Нажмите CTRL+D, чтобы снять выделение. Понизьте непрозрачность слоя “Блеск” до примерно 27%

Иконка на сайт

Правый клик по слою “Основа” в панели слоев и пункт Blending Options. Примените стиль Drop Shadow:

Иконка на сайт

Иконка на сайт

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите свой комментарий!
Пожалуйста, введите ваше имя