Как нарисовать иконку папки в стиле Windows Vista (в фотошопе)
1. Создаём новое изображение с белым фоном. Затем выбираем Rectangle
Tool и рисуем такой прямоугольник (любого цвета):
2. Непрозрачность слоя (Opacity) поставим равной 75%:
3. Выбираем инструмент Direct Selection Tool и
трансформируем наш прямоугольник следующим образом:
4. Сейчас непрозрачность заливки Fill выставьте в 0%
(находится там же, где мы изменяли Opacity).
Затем заходим в Layer Style данного слоя (для этого на
панели слоёв Layers кликните правой клавишей по слою, выберите Blending
Options...), там переходим на вкладку Inner Shadow
(самозатенение) и выставляем следующие параметры:
5. После перейдём на вкладку Gradient Overlay (градиент) и
там выставим следующие параметры:
Ниже показаны подробные настройки градиента (чтобы их открыть,
кликните по полосе справа от надписи Gradient:) — красным текстом
я написал шестнадцатеричные значения цветов для каждого из квадратов:
Жмём везде Ok и смотрим на результат:
6. Это мы нарисовали заднюю сторону папки. Начнём рисовать
фронтальную сторону.
Создайте новый слой. Затем с помощью Rectangle Tool
нарисуйте прямоугольник следующего вида:
7. Затем измените непрозрачность слоя (Opacity) на 75% и
трансформируйте примоугольник следующим образом (с помощью инструмента Direct
Selection Tool):
8. Примените к фигуре такие же эффекты, как и к предыдущей. Для
этого на панели слоёв кликните правой клавишей по уже оформленному слою с
задней стороной папки, и из появившегося меню выберите пункт Copy
Layer Style, потом кликните по слою с фронтальной стороной папки и
выберите Paste Layer Style.
Сейчас зайдите в Layer Style этого слоя и там, на вкладке Gradient
Overlay измените угол поворота градиента (Angle) с -45
градусов на -75 градусов. Должно получится как у меня:
9. А сейчас создайте ещё один слой и на нём нарисуйте
прямоугольник, трансформируйте его как показано ниже:
10. Скопируйте эффекты с ранее созданного слоя и примените их к
этому слою (как мы это делали ранее).
Сейчас зайдите в Layer Style данного слоя и там, на вкладке
Gradient Overlay измените угол поворота градиента (Angle)
на -90 градусов.
Перейдите на вкладку Stroke (обводка) и установите там
следующие параметры:
Получиться должно вот так:
11. Нарисуйте ещё один прямоугольник и трансформируйте его как
показано ниже:
12. Скопируйте эффекты с предыдущей фигуры и примените их к этой:
13. А сейчас будет самое сложное из того, что есть в этом уроке.
Выберите инструмент Pen Tool и нарисуйте фигуру следующей
формы (при этом используйте так же инструмент Direct Selection Tool):
14. Зайдите в Layer Style данного слоя, перейдите на
вкладку Gradient Overlay и сделайте там так как у меня:
Вот подробные настройки градиента:
15. На вкладке Stroke настройте обводку:
16. Непрозрачность заливки Fill выставьте в 0%. Вот что
должно у вас получиться:
17. Нарисуйте ещё один прямоугольник, трансформируйте его как у
меня:
18. Непрозрачность заливки Fill выставьте в 0%.
Затем зайдите в Layer Style на вкладку Gradient Overlay
и выставьте следующие параметры:
Ниже приведены подробные настройки градиента:
Жмём везде Ok и получаем следующую тень:
19. Сейчас нарисуйте фигуру следующей формы:
20. Непрозрачность заливки Fill выставьте в 10%, затем
зайдите в Layer Style на вкладку Inner Shadow и там
сделайте так:
Если вы всё сделали верно, то у вас должна получиться такая тень:
21. Это ещё не всё. Нужно добавить блики. Что мы для этого будем
делать: создайте новый слой, затем зажмите клавишу Ctrl и на
панели слоёв кликните по слою с фронтальной стороной фигуры, чтобы
создать выделение.
Выберите инструмент Paint Bucket Tool и залейте выделение
белым цветом:
22. Не снимая выделение выберите Elliptical Marque Tool,
зажмите клавишу Alt и выполните следующее выделение:
23. Инвертируйте выделение (нажмите Shift + Ctrl + I
или в меню Select — Inverse), удалите выделенную часть
слоя (клавиша Delete):
24. Добавьте к слою маску (на панели слоёв кликните по иконке в
виде прямоугольника, внутри которого круг) и залейте её чёрно-белым
градиентом слева направо (с помощью инструмента Gradient Tool):
Вот то вы получите:
25. Создайте ещё один слой и повторите последние действия для
создания ещё одного блика:
Всё! Красивая папка в стиле Windows Vista готова!
|