Красивая иконка

[NemCe]

Наверное все видели такие красивые иконки,

[Только зарегистрированные пользователи могут видеть ссылки.]
[/URL]
подобные даже есть на нашем форуме. В этом уроке мы расскроем "секрет" как их делать!

1. Создадим новый документ 271х180 пикселей.

2. Поменяйте foreground color #F0D416 и выберете Pen Tool (P). Нарисуем само письмо. Назабываем нажать вот на эту кнопочку на Options Panel (наверху)

[Только зарегистрированные пользователи могут видеть ссылки.]
[Только зарегистрированные пользователи могут видеть ссылки.]
3. Теперь добавим пару эффектов, а имено градиент.

[Только зарегистрированные пользователи могут видеть ссылки.]

Должно быть похоже вот на это:

[Только зарегистрированные пользователи могут видеть ссылки.]
([Только зарегистрированные пользователи могут видеть ссылки.])
4. Добавим добавим тепь и "обводку", Drop Shadow и Stoke соответсвенно.

[Только зарегистрированные пользователи могут видеть ссылки.]

Ставим вот такой цвет #D39104

[Только зарегистрированные пользователи могут видеть ссылки.]

Уже больше похоже на письмо:

[Только зарегистрированные пользователи могут видеть ссылки.]

5. Теперь выделяем слой(Shift + правая кнопка мыши) и создаем новый слой Layer>New>Layer... (Ctrl+Shift+N).

[Только зарегистрированные пользователи могут видеть ссылки.]

6. С помощью лассо (Lasso Tool (L)) "отсекаем" как показано на рисунке (если зажать Alt, то выделение будет убираться(к курсору добавиться минус), если же с зажатым Shift'ом - будет добавляться.)

[Только зарегистрированные пользователи могут видеть ссылки.]

7. Сделаем этот угол потемнее. Выбираем опять градиент и заливаем (#996633) как показано(проверте, чтобы стояла галочка на Transparent):

[Только зарегистрированные пользователи могут видеть ссылки.]
([Только зарегистрированные пользователи могут видеть ссылки.])
8. И теперь повторяя 5-7 шаги, делаем также для другово угла, тока цвет белый:

[Только зарегистрированные пользователи могут видеть ссылки.]

Вот такое у нас должно быть:

[Только зарегистрированные пользователи могут видеть ссылки.]
([Только зарегистрированные пользователи могут видеть ссылки.])
9. Теперь изобраим текст на письме.

Выбираем Rectangle Tool (U), нарисуем небольшой прямоугольник.

10. Далее, Gradient Overlay

[Только зарегистрированные пользователи могут видеть ссылки.]

Цвет #C2901B

[Только зарегистрированные пользователи могут видеть ссылки.]
([Только зарегистрированные пользователи могут видеть ссылки.])
Нажимаем ctrl+T и подстраиваем под письмо.

[Только зарегистрированные пользователи могут видеть ссылки.]

[Только зарегистрированные пользователи могут видеть ссылки.]
([Только зарегистрированные пользователи могут видеть ссылки.])
Добавим еще 2 штучки:

[Только зарегистрированные пользователи могут видеть ссылки.]

12. Какое же письмо без марки?! Так приклеем и ее.

Можно взять тут ([Только зарегистрированные пользователи могут видеть ссылки.]).

[Только зарегистрированные пользователи могут видеть ссылки.]

13. Собственно само письмо готово, но можно добавить еще что-нить.

Меняем foreground color #00D91F. Используя Pen Tool, делаем примерно такое:

[Только зарегистрированные пользователи могут видеть ссылки.]
([Только зарегистрированные пользователи могут видеть ссылки.])
[Только зарегистрированные пользователи могут видеть ссылки.]

14. К тому, что у нас (наконец-то) получилось, добавим немно эффектов, а точнее Gradient Overlay, Inner Shadow, Bevel and Emboss, Stoke, Drop Shadow.

[Только зарегистрированные пользователи могут видеть ссылки.]
[Только зарегистрированные пользователи могут видеть ссылки.]
[Только зарегистрированные пользователи могут видеть ссылки.]

Цвет: #0A5C00

[Только зарегистрированные пользователи могут видеть ссылки.]
([Только зарегистрированные пользователи могут видеть ссылки.])
У меня вот что получаеться пока:

[Только зарегистрированные пользователи могут видеть ссылки.]

15. Создадим новый слой, и добавим кистью небольшую белую точку.

[Только зарегистрированные пользователи могут видеть ссылки.]
([Только зарегистрированные пользователи могут видеть ссылки.])
Сделаем Blur-Gauassian Blur, с радиусом 1.4 пикселя.
Ставим на Overlay

[Только зарегистрированные пользователи могут видеть ссылки.]

16. И теперь, также как и 5-7 шагах, делаем тут.

[Только зарегистрированные пользователи могут видеть ссылки.]
[Только зарегистрированные пользователи могут видеть ссылки.]
([Только зарегистрированные пользователи могут видеть ссылки.])
17. И почти также(тут обойдемся одним лассо) делаем тени чуть повыраженее.

[Только зарегистрированные пользователи могут видеть ссылки.]
[Только зарегистрированные пользователи могут видеть ссылки.]

И вот, путем долгих трудов, получаем вот такую очень красивую иконку:

[Только зарегистрированные пользователи могут видеть ссылки.]


Перевод: NemCe
Автор: [url][Только зарегистрированные пользователи могут видеть ссылки.] ([Только зарегистрированные пользователи могут видеть ссылки.])