|
 |

 |
 |
Стильный значок для сайта в стиле Web 2.0 |
 |
|
 |
 |
Название урока:Стильный значок для сайта в стиле Web 2.0 Автор: Перевод:DrozdOff Дата релиза:13 февраля 2008 Степень трудности:4 из 10 (не очень трудно) Количесвто шагов:10 После изучения урока вы освоите:Shape Tool, Contract.
Шаг 1. Создайте новый документ размером 500x500 пикселей. Залейте белым цветом. В качестве основного цвета выберите нужны Вам (я взял тёмно-синий). Шаг 2. Выберите инструмент Custom Shape Tool и фигуру, показанную на картинке.

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

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

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

Ваша иконка готова. Спасибо за внимание.
 |
 |
|
 |
 |
Стильный значок для Вашего сайта
Узнайте, как создать красивый веб 2.0 значок, который можно использовать где-угодно!Приблизительное время выполнения: 6 минутЧитать полностью »Популярность:17% |
 |
Создаем красивое лого в стиле Веб 2.0
Всего за семь минут Вы сможете сделать первоклассное Web 2.0 лого для своего сайта!Приблизительное время выполнения: 7 минутЧитать полностью »Популярность:18% |
 |
Стильная голубая кнопка
Этот урок расскажет Вам, как сделать небольшую, но стильную голубую кнопку для Вашего сайта.Читать полностью »Популярность:10% |
 |
Рисуем LCD-экран
Подойдет для дизайна Вашего сайта или других футуристических работ (кстати, такие “экранчики” применялись в скинах для winampa).Приблизительное время выполнения: 7 минутЧитать полностью »Популярность:9% |
|
|
 |
|
|