Сергодня мы с вами научимся нарисовать иконку папки в стиле Windows Vista в Photoshop. Итак.

1. Создаём новое изображение с белым фоном нужного вам размера. Затем выбираем Rectangle Tool и рисуем прямоугольник любого цвета, как показано на скрине:


2. Задаём непрозрачность слоя (Opacity) - 75%:


3. Выбираем инструмент Direct Selection Tool и трансформируем наш прямоугольник данным образом:


4. Сейчас непрозрачность заливки Fill выставьте в 0% (находится там же, где мы изменяли Opacity, в палитре Layers).

Далее заходим в Layer Style данного слоя (для этого на панели слоёв Layers кликните правой клавишей по слою, выберите Blending Options...), и переходим на вкладку Inner Shadow (самозатенение) и выставляем следующие параметры:


5. После перейдём на вкладку Gradient Overlay (градиент) и там меняем:


Ниже показаны подробные настройки градиента (чтобы их открыть, кликните по полосе справа от надписи Gradient — красным текстом я написал шестнадцатеричные значения цветов для каждого из квадратов (html стандартны цветов):


Жмём везде ОК и смотрим на полученный результат:


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 и выставьте следующие параметры:


Ниже приведены подробные настройки градиента:


Жмём везде ОК и получаем следующую тень:


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 для вас готова!
Теперь вы можете повлаживать внутрь папки какие-нибудь предметы и сделать свой собственный набор иконок в стиле Windows Vista!

Автор урока: Gyljay S.V. aka Serg

__________________




Если вы хотите узнать, что на самом деле думает женщина, смотрите на нее, но не слушайте.