Создаем иконку папки Vista используя Фотошоп

| Категория: Уроки по созданию дизайна в Фотошопе | Сложность урока: Средняя

В данном уроке Фотошопа мы сделаем стильный значок (иконку) папки в Vista.


Финальный результат

Создаем иконку папки Vista используя Фотошоп

Приступаем к уроку Фотошопа


Шаг 1.


Начните с создания нового документа 256x256 (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")).


Выберите инструмент Polygonal Lasso Tool Инструмент - Многоугольное лассо (Инструмент Многоугольное лассо / Клавиша "L").

Сделайте вот такое выделение. ↓


Создаем иконку папки Vista используя Фотошоп

Теперь перейдите в Select > Modify > Smooth (Выделение > Модификация > Сгладить...) сделайте радиус 5 и жмем ОК.


Создаем иконку папки Vista используя Фотошоп

Края округлятся.


Создаем иконку папки Vista используя Фотошоп

Создаем новый слой - New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N").

Выберите цвет #000000 и залейте его - Paint Bucket Tool Инструмент - Заливка (Инструмент Заливка / Клавиша "G").


Создаем иконку папки Vista используя Фотошоп

Примените Стиль слоя - Blending Options (Параметры наложения).


Двойной щелчок на слое или зайти Layers (Слой) > Blending Options (Параметры наложения) и примените такие настройки: ↓


Drop Shadow (Тень): ↓

Создаем иконку папки Vista используя Фотошоп

Inner Glow (Внутреннее свечение): ↓

Создаем иконку папки Vista используя Фотошоп

Gradient Overlay (Наложение градиента): ↓

Создаем иконку папки Vista используя Фотошоп

Stroke (Обводка): ↓

Создаем иконку папки Vista используя Фотошоп

Текущий результат: ↓

Создаем иконку папки Vista используя Фотошоп

Шаг 2.


Создайте новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")). Сделайте выделение для второй части и примените к нему следующие значения: ↓


Создаем иконку папки Vista используя Фотошоп

Select > Modify > Smooth (Выделение > Модификация > Сгладить...): ↓

Создаем иконку папки Vista используя Фотошоп

Создаем иконку папки Vista используя Фотошоп

Заливаем черным... ↓

Создаем иконку папки Vista используя Фотошоп

Стили слоя, Blending Options (Параметры наложения): ↓


Drop Shadow (Тень): ↓

Создаем иконку папки Vista используя Фотошоп

Inner Glow (Внутреннее свечение): ↓

Создаем иконку папки Vista используя Фотошоп

Текущий результат: ↓

Создаем иконку папки Vista используя Фотошоп

Теперь сместите созданные слои как показано на рисунке (Move Tool Инструмент - Перемещение (Перемещение / Клавиша "V")). ↓


Создаем иконку папки Vista используя Фотошоп

Добавим тень к папке.


Выбираем → Polygonal Lasso Tool Инструмент - Многоугольное лассо (Инструмент Многоугольное лассо / Клавиша "L") и создаем выделение, как показано на рисунке. ↓


Создаем иконку папки Vista используя Фотошоп

Создаем новый слой → New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N").

Выберите цвет #000000 и залейте его.


Создаем иконку папки Vista используя Фотошоп

Примените стиль слоя - двойной щелчок на слое или зайти Layers (Слоя) > Blending Options (Параметры наложения) и примените такие настройки: ↓


Inner Glow (Внутреннее свечение): ↓

Создаем иконку папки Vista используя Фотошоп

Текущий результат: ↓

Создаем иконку папки Vista используя Фотошоп

Теперь добавим тень с другой стороны.


Создаем иконку папки Vista используя Фотошоп

Вот и все.


Финальный результат

Создаем иконку папки Vista используя Фотошоп

Урок подготовлен для Вас командой сайта PhotoshopPro.ru