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

Стильный значок для сайта в стиле Web 2.0Название урока:Стильный значок для сайта в стиле Web 2.0
Автор:
Перевод: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
Стильный значок для Вашего сайта Стильный значок для Вашего сайта
Узнайте, как создать красивый веб 2.0 значок, который можно использовать где-угодно!Приблизительное время выполнения: 6 минутЧитать полностью »Популярность:17%

Создаем красивое лого в стиле Веб 2.0 Создаем красивое лого в стиле Веб 2.0
Всего за семь минут Вы сможете сделать первоклассное Web 2.0 лого для своего сайта!Приблизительное время выполнения: 7 минутЧитать полностью »Популярность:18%

Стильная голубая кнопка Стильная голубая кнопка
Этот урок расскажет Вам, как сделать небольшую, но стильную голубую кнопку для Вашего сайта.Читать полностью »Популярность:10%

Рисуем LCD-экран Рисуем LCD-экран
Подойдет для дизайна Вашего сайта или других футуристических работ (кстати, такие “экранчики” применялись в скинах для winampa).Приблизительное время выполнения: 7 минутЧитать полностью »Популярность:9%

Как сделать листок в линейку в Photoshop Как сделать листок в линейку в Photoshop
Создаем реалистичный тетрадный листок своими руками!Приблизительное время выполнения: 10 минутЧитать полностью »Популярность:18%