Рисование иконки папки

22 января 2014 · Глеб Х. · «Мир Фотошопа»

Конечный результат:

Для работы нам понадобится узор кожи.

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 600х600 пикселей. Включите сетку (View → Show → Grid) и привязку к ней (View → Snap To → Grid). Перейдите в меню Edit → Preferences → Guides, Grid & Slices. Нам нужно настроить сетку (секция Grid). Введите число 5 в поле Gridline Every и 1 — в поле Subdivision. Выберите цвет #a7a7a7 для сетки. Нажмите ОК, чтобы применить изменения.

Сетка может показаться Вам лишней, но поверьте, она облегчит Вам работу. Чтобы выключить сетку, используйте сочетание клавиш Ctrl + ‘. Также включите панель Info (Window → Info), чтобы видеть изменение размера и координат в реальном времени.

Шаг 2

Выберите цвет #c69c6d как основной. Выберите инструмент (Rounded Rectangle Tool) (U), на верхней панели задайте Радиус (Radius) — 5 пикселей и создайте фигуру размером 105х15 пикселей. Затем на верхней панели выберите режим добавления к фигуре и создайте маленький прямоугольник размером 40х20 пикселей на левой стороне.

Шаг 3

Назовите слой с полученной фигурой «back». Кликните на нём дважды, чтобы открыть окно стилей. Настройте, как показано ниже.

Шаг 4

Убедитесь, что основной цвет по-прежнему #c69c6d. Инструментом Rounded Rectangle Tool) (U) создайте фигуру размером 115х75 пикселей и расположите его, как показано ниже. Активируйте режим Free Transform (Ctrl + T), кликните правой кнопкой мыши на холсте и выберите пункт Warp. Выберите тип деформации Bulge, кликните на иконку ориентации и введите значения, показанные ниже, и нажмите Enter. Назовите слой «front».

Шаг 5

К слою «front» примените стили, показанные на скриншоте.

Шаг 6

Выберите инструмент Эллипс (Ellipse Tool) (U) и создайте чёрный овал размером 105х5 пикселей. Кликните правой кнопкой мыши на слое овала и выберите пункт Convert to Smart Object. Опустите овал под две другие фигуры (Ctrl + Shift + [) и примените фильтр Gaussian Blur (Filter → Blur → Gaussian Blur) со значением 3 пикселя.

Шаг 7

Создайте чёрный овал размером 105х10 пикселей. Преобразуйте слой в смарт-объект и опустите под остальные слои (Ctrl + Shift + [). Примените фильтр Gaussian Blur со значением 3 пикселя.

Шаг 8

Выберите цвет #aecef5 как основной. Инструментом Rectangle Tool (U) создайте прямоугольник размером 105х70 пикселей. Расположит его, как показано на скриншоте ниже. Поверните прямоугольник на 4 градуса против часовой стрелки. Опустите этот прямоугольник под слой «front» и примените стиль Stroke. После этого кликните правой кнопкой мыши на слое и выберите пункт Copy Layer Style.

Шаг 9

Перейдите в меню Edit → Preferences → Guides, Grid & Slices. Введите число 1 в поле Gridline Every. Инструментом Rectangle Tool (U) создайте прямоугольник размером 105х70 пикселей и расположите его, как показано ниже. Поверните прямоугольник на 5 градусов против часовой стрелки. Кликните правой кнопкой мыши на этом слое и выберите пункт Paste Layer Style.

Шаг 10

Создайте ещё один прямоугольник размером 105х70 пикселей, как показано ниже. Поверните его на 3 градуса против часовой стрелки и вставьте стиль Stroke.

Шаг 11

Выключите сетку (View → Show → Grid) и создайте копию слоя «front» (Ctrl + J). Удалите стили с этого слоя через контекстное меню. Уменьшите Fill (заливку) до 0% и примените другие стили:

Шаг 12

Сейчас нужно выделить все синие фигуры. Зажмите клавишу Ctrl и кликните на миниатюре слоя одной из фигур. Затем зажмите Ctrl + Shift и кликните на миниатюрах других слоёв. Затем перейдите на слой «front» и добавьте маску (кликните на иконке в нижней части панели слоёв). Откройте стили слоя «front» и включите функцию Mask Hides Effects. Нажмите Ctrl + D, чтобы убрать выделение.

Шаг 13

Инструментом Horizontal Type Tool (T) напишите docs на папке. Используйте шрифт «Eras Bold ITC» размером 30pt. Откройте панель Character (Window → Character), чтобы настроить шрифт. Уменьшите заливку до 0% и примените стили, показанные ниже.

Шаг 14

Чтобы изменить цвет папки, нужно изменить цвет слоя с фигурой цветом #c69c6d.

Конечный результат:

ИП Егорова Е.Б. - купить доску пола брус доска пола.

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».

Переведено с сайта www.photoshopstar.com, автор перевода указан в начале урока.