Главная » Уроки » Уроки по веб-дизайну:
Перевод основных меню в Adobe Photoshop

Иконка icq

В этом уроке будем учиться создавать вот такую трехмерную иконку ICQ с помощью Фотошопа.

Изображение


Итак, приступим )

1. Создаем новый документ 300*300. Заливаем фон голубым цветом (напимер, 7b9bc1)

Изображение


2. С помощью Изображение (Pen Tool) создаем белый цветок.

Изображение


3. Корректируем кривые.

Изображение


4. Дублируем слой. Поменяем белый цвет на серый (596676), переместим этот слой под слой с белым цветком и сдвинем его немного вправо.

Изображение


5. С помощью Изображение (Р)создаем лепесток зеленого цвета (44ef02). Корректируем.

Изображение


6. Делаем настройки Drop Shadow, Inner Shadow, Stroke, как показано на рисунке.

Изображение


Вот, примерно то, что должно получиться.

Изображение


Можно сделать и свои - не бойтесь экспериментировать с настройками. Подвигайте ползунки, посмотрите результат, может, он вам понравится больше )

7. Создаем блик.
Выделим лепесток - зажав Ctrl, кликнуть в палитре слоев по иконке слоя.
Создадим новый слой и на нем мягкой кистью (радиус 65) нарисуем блик.

Изображение


8. С помощью Изображение (Move Tool) потянем за уголок во внутрь, зажав приэтом Shift - сделаем блик немного меньше лепестка.
Разместим блик равномерно от краев.

Изображение


9. Нажимаем Enter, снимаем выделение (Ctrl+D)
10. С помощью мягкой Изображение (Eraser) радиусом 45 аккуратно подкорректируем блик.
При необходимости можно отрегулировать прозрачность блика (в палитре слоев - Opasity )

Изображение


11. Повторяя шаги с 5-10, делаем остальные лепестки аналогичным способом.
Красный лепесток - cd0303
Желтый - f3db10
Все настройки делаем самостоятельно tongue.gif
Единственное, что могу сказать - если хотите сделать у отдельных лепестков другой угол наклона тени - снимите галочку Use Global Light.

Изображение


Вот, что должно получиться.

Изображение


12. Теперь растеризуем слой с серым цветком - в палитре слоев на слое кликнув правой кнопкой - Rasterize Layer.
Активируем Изображение (Burn). Настройки - мягкая кисть радиусом 65, прозрачность приблизительно 40%. Делаем темные участки в углах.
С помощью Изображение (Dodge), так же мягкой кистью, делаем светлые участки.

Изображение


Еще раз повторю - настройки, в том числе и кистей, можно делать другие - на ваше усмотрение )

13. Растеризуем слой с белым цветком. Пройдемся по нему Изображение (О) с прозрачностью 15% и в поле Range установить Highlights.

Изображение


Все, иконка готова )

Изображение


Изображение


Желаю удачи!
Перевод основных меню в Adobe Photoshop

Сообщить о проблемном уроке



Источник: http://sait-verunchika.narod.ru/lesson6.html
Категория: Уроки по веб-дизайну: | Добавил: To4kA (13.01.2009)
Просмотров: 6219 | Комментарии: 3 | Рейтинг: 2.0/2
Всего комментариев: 3
3 Zlata  
Навероное сиэс2.А у тя briunetka какой?
У меня таже проблема чтто и у Виктор.

2 briunetka  
na kakom photoshop eto rabota sdelana a to ni4ego ne poniatno
ti govorish tut odno a u menia vihdit sovsem drugoe

1 Виктор  
у меня не получается 2 шаг.... не могу сделать белый светок, он получается прозрачным чисто один котур делается..... как мне сделать его белым?
Ответ: Посмотри в настройках на самом верху что у тебя стоит?

dth="100%" cellspacing="1" cellpadding="2" class="commTable">
Имя *: Email:
Код *: