Уроки Photoshop CS2 :: Уроки фотошопа :: Уроки adobe photoshop :: Регулярные пополнения базы уроков » Стильный значок для Вашего сайта

Важно! Создание прибыльных веб сайтов и поисковое продвижение сайтов в Москве: веб-компания StudioForYou!

Стильный значок для Вашего сайта

05.09.2007Категория урока: Веб-графика

Узнайте, как создать красивый веб 2.0 значок, который можно использовать где-угодно!

Стильный значок для Вашего сайта

Приблизительное время выполнения: 6 минут

Создайте новый документ 500х500 px с белым фоном. Выберите цвет, который хотите использовать в значке. Я выбрал темно-синий. Выберите инструмент Custom Shape:

glossy-starburst_2.gif

glossy-starburst_3.gif

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

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

Зажмите CTRL и кликните по иконке этого слоя, чтобы выделить его содержимое

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

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

glossy-starburst_4.gif

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

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

glossy-starburst_5.gif

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

glossy-starburst_6.gif

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

glossy-starburst_7.gif

Готово! ;)

Стильный значок для Вашего сайта

Источник: Glossy Starburst

+news2.ru +ВааУ.ru +newsland.ru +СМИ2.ru +del.icio.us +bobrdobr.ru +memori.ru +RUmarkz +Mister Wong +Мое Место

Похожие уроки photoshop: