ColorWorld.org > Дизайн > Стильный значок для сайта в стиле Web 2.0

Стильный значок для сайта в стиле Web 2.0


13 февраля 2008. Разместил: DrozdOff
Стильный значок для сайта в стиле Web 2.0Название урока: Стильный значок для сайта в стиле Web 2.0
Автор: PSDTutz.com
Перевод: DrozdOff
Дата релиза: 13 февраля 2008
Степень трудности: 4 из 10 (не очень трудно)
Количесвто шагов: 10
После изучения урока вы освоите: Shape Tool, Contract.



Шаг 1.
Создайте новый документ размером 500x500 пикселей. Залейте белым цветом. В качестве основного цвета выберите нужны Вам (я взял тёмно-синий).

Шаг 2.
Выберите инструмент Custom Shape Tool и фигуру, показанную на картинке.

Стильный значок для сайта в стиле Web 2.0































Шаг 3.
Выберите фигуру Starburst (если ее не видно изначально, кликните по маленькой стрелочке справа вверху в этом маленьком окошке и выберите там пункт ALL).

Шаг 4.
На новом слое нарисуйте значок нужного Вам размера (зажмите SHIFT для сохранения пропорций) и назовите слой "Основа".

Шаг 5.
Зажмите CTRL и кликните по иконке этого слоя, чтобы выделить его содержимое
Создайте новый слой над слоем "Основа" и назовите его "Яркость". Выберите этот слой. Убедитесь, что у Вас до сих пор выделена фигура. Отправляйтесь в Select -> Modify -> Contract и вводите 1px. Нажимайте ОК.

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



















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

Шаг 8.
Опять же, не снимая выделения, создайте новый слой над остальными и назовите его "блеск". Выделите его. Выберите инструмент Elliptical Marquee Tool и, зажав SHIFT и ALT, выделите область, как на рисунке прямо поверх существующего выделения:
Стильный значок для сайта в стиле Web 2.0


















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

Шаг 10.
Правый клик по слою "Основа" в панели слоев и пункт Blending Options. Примените стиль Drop Shadow:
Стильный значок для сайта в стиле Web 2.0
























Ваша иконка готова. Спасибо за внимание.
Стильный значок для сайта в стиле Web 2.0