Раскрась свой мир! Качай кисти, шрифты и много полезностей

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

Уроки » Дизайн

DrozdOff

13 февраля 2008

Напечатать

Стильный значок для сайта в стиле 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



Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.
 (голосов: 4)

Просмотрено: 1736 раз

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.


Поиск по сайту

Популярное

Друзья сайта

www.FlexZERO.ru

Наш код:

Реклама

Публикации друзей

01Навигация

02Архив публикаций

03Опрос на сайте

Сколько Вы рисуете?

Не рисую
Меньше 1 месяца
1-3 месяца
4-7 месяцев
8-11 месяцев
1-2 года
Больше


04Календарь

«    Февраль 2008    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 

05Рекламный блок