Главная » Статьи » Уроки Фотошоп » Рисование и Дизайн

Создание иконки в стиле Vista

Создание иконки в стиле Vista

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

1.Создадим новый документ, размером 256х256 пикселей, с прозрачным фоном. При помощи направляющих ( Guides ) построим сетку.

2. Выберем инструмент перо ( Pen Tool ) с вот такими настройками.

3. Создадим путь, как у меня на иллюстрации

4. Теперь тр*мат*ется скруглить некоторые углы:



5. В результате, у нас должен получиться вот такой путь:

6. Теперь щелкнем правой кнопкой мышки внутри пути и создадим выделение. Создадим градиент .

7. Зальем выделение, как у меня на иллюстрации:

8. Сохраним выделение, напр., под номером 1. Снимем выделение. Должно получиться вот так:

9. Выберем цвет переднего плана - # FCECBF, загрузим сохраненноевыделение. При помощи стрелок на клавиатуре сдвинем его на один пиксельвниз и на один влево. Создадим новый слой (Слой2) и зальем выделениевыбранным цветом. Опять сдвинем на один пиксель вниз и на один влево иотрежем лишнее. Снимем выделение. Должно получиться вот так:

10. Создадим градиент и сохраним его, он нам понадобится.

11. Загрузим выделение 1, при помощи стрелок сдвинем на один пиксельвправо. Создадим новый слой (Слой3). Зальем выделение градиентом воттак:

12. Сдвинем выделение на один пиксель влево и отрежем лишнее. Перейдемна Слой2, возьмем мягкую кисть диаметром 45 пикселей и прозрачностью25% и сотрем часть слоя.

13. Должно получиться вот так:

14. Создадим новый слой, ПОВЕРХ всех слоев (Слой4). Отключим первые трислоя, чтобы не мешали. Создадим новую сетку из направляющих:

15. При помощи пера, нарисуем новый путь:

16. Скруглим некоторые углы:



17. Создадим новый градиент:

18. Создадим выделение и зальем его градиентом так, как у меня:

19. Сохраним выделение под номером 2. Снимем выделение. Должно выглядеть вот так:

20. Создадим новый слой (Слой5). Загрузим выделение 2 и, при помощистрелок на клавиатуре сдвинем его на 1 пиксель влево и на один вниз.Зальем выделение цветом # FCF2CF. Опять сдвинем выделение на 1 пиксельвлево и на один вниз, отрежем лишнее. Снимем выделение.

21.Создадим новый слой (Слой6). Загрузим выделение 2 и сдвинем его на одинпиксель вправо. Выберем сохраненный нами градиент и зальем выделениесверху вниз, как на иллюстрации.

22. Сдвинем выделение на один пиксель влево и отрежем лишнее. Снимем выделение. Должно получиться вот так:

23. Перейдем на Слой3 и создадим новый слой (Слой7). Загрузим выделение2. Сдвинем выделение, при помощи стрелок, одновременно удерживаяклавишу Shift, два раза вправо и два раза вниз. Зальем черным цветом.Установим прозрачность слоя ( Opacity) 25%. При помощи пера нарисуемвот такой путь:

24. Создадим выделение из пути и отрежем лишнее. Теперь применим Filter – Blur – Gaussian Blur на 2 пикселя.

25. Перейдем на Слой1. Создадим новый слой (Слой8). Передвинем его НИЖЕ Слоя1. Нарисуем вот такой путь:

26. Создадим выделение на основе пути с вот такими параметрами:

27. Нажмем на клавиатуре клавишу D. Выберем градиентарную заливкуForeground to Transparent и зальем выделение, как на иллюстрации.

28. Прозрачность слоя ( Opacity) 50%.

29. Выберем инструмент Single Column Marquee Tool , создадим новый слой (Слой9) ПОВЕРХ всех слоев. Щелкнем немного отступив от левого края папки, и зальем выделение сверху вниз.

30. Загрузим выделение 2, Select – Modify – Contract на 1 пиксель.Инвертируем выделение и отрежем лишнее. Прозрачность слоя ( Opacity)50%. Скопируем слой. При помощи стрелок сдвинем три раза вправо и трираза вниз. Еще раз скопирум и так же сдвинем.

31. Создадим новый слой (Слой10). При помощи Rectangular Marquee Tool (прямоугольного выделения) создадим вот такое выделение.

32. Select – Transform Selection. В верхней панели выставим вертикальный скос 15

33. Зальем белым цветом. Выделение не снимаем. Создадим еще один слой(Слой11) и зальем цветом # 649 DF7. При помощи стрелочек сдвинемвыделение вниз примерно вот так:

34. Инвертируем, отрежем лишнее.

35. Создадим новый слой, Слой12. Загрузим выделение Слоя10. Выберемчерный цвет цветом переднего плана. Выберем мягкую кисточку диаметром100 пикселей и прозрачностью 10%. Щелкнем несколько раз в правом нижнемуглу выделения.

36. Создадим еще один слой (Слой13). Создадим прямоугольное выделение:

37. Из стандартного набора кистей выберем вот такую кисточку, или нечтопохожее. Прозрачность установим 100%. Щелкнем несколько раз, меняяположение кисти внутри выделения.

38. Вот и наша папочка:

Автор Alisa ©

Категория: Рисование и Дизайн | Добавил: Raxxell (28.01.2010)
Просмотров: 792
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]