Рисование иконки блокнота

13 августа 2014 · Глеб Х. · «Мир Фотошопа»

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

Шаг 1

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

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

Шаг 2

Выберите цвет #f9e7c3 на панели инструментов. Инструментом Rectangle Tool (U) создайте прямоугольник размером 120х125 пикселей.

Шаг 3

Инструментом Direct Selection Tool (A) выделите четыре якорные точки. Откройте панель свойства (Window → Properties). Нажмите на кнопку связки угловых радиусов и введите значение 3 пикселя. У получится фигура со скругленными углами.

Шаг 4

Кликните дважды на слое со скругленным прямоугольником, чтобы открыть окно стилей. Примените стили, показанные ниже. Слой с прямоугольником назовите «page».

Шаг 5

Выберите инструмент Pen Tool (P) и нарисуйте линию шириной 120 пикселей. Создайте обводку цветом #71441b толщиной 1pt через верхнюю панель. Уменьшите непрозрачность слоя до 10%.

Шаг 6

Создайте несколько копий линии (Ctrl + J) и расположите их друг над другом.

Шаг 7

Создайте вертикальную линию высотой 100 пикселей. Так же выключите заливку и включите обводку цветом #f5989d толщиной 1pt. Уменьшите непрозрачность до 50%.

Шаг 8

Создайте прямоугольник размером 120х25 пикселей цветом #c69c6d. Инструментом Direct Selection Tool (A) выделите четыре якорные точки фигуры. На панели Properties кнопка связки угловых радиусов не должна быть включена. Введите значение 3 пикселя для верхних углов и 2 пикселя для нижних. Назовите слой «top».

Шаг 9

Перейдите в меню Edit → Preferences → Guides, Grid & Slices и в поле Gridline Every введите цифру 1. Расстояние между линиями сетки уменьшится до 1 пикселя. Выберите инструмент Rounded Rectangle Tool (U) и на верхней панели установите радиус на 1 пиксель. Создайте фигуру цветом #946a3b размером 7х5 пикселей. На скриншоте показано расположение прямоугольника.

Шаг 10

Создайте копию прямоугольника (Ctrl + J) и сдвиньте её на 8 пикселей вправо. Продолжайте создавать копии и сдвигать каждую на 8 пикселей. Как закончите, выберите все прямоугольники, кликните на одном из них и выберите пункт Merge Shapes.

Шаг 11

Примените несколько стилей:

Шаг 12

Создайте закруглённый прямоугольник размером 2х15 пикселей цветом #ed1c24. Выберите инструмент Direct Selection Tool (A) и выделите все якорные точки фигуры. Зажмите клавишу Alt и передвиньте красный прямоугольник на 3 пикселя вправо.

Шаг 13

Создайте копию двух красных фигур (Ctrl + J) и сдвиньте их на 15 пикселей вправо. Как Вы поняли, это железная скоба. Заполните все дыры.

Шаг 14

Создайте копию красных скоб и опустите их под оригинал. Уменьшите заливку до 0% и примените стиль Stroke.

Шаг 15

Выделите слой «page» (удерживая Ctrl, кликните на миниатюре слоя). К слою с обводкой добавьте маску. Часть обводки за пределами блокнота будет скрыта. Как Вы поняли, это тень от скобы на бумаге.

Шаг 16

Создайте копию красных элементов. Выберите копию и нажмите Ctrl + [. Уменьшите заливку копии до 0% и примените стиль Drop Shadow.

Шаг 17

Выделите слой «page» и добавьте к слою с фигурой предыдущего шага.

Шаг 18

К красным элементам примените пару стилей:

Шаг 19

К слою «page» тоже примените пару стилей.

Шаг 20

Создайте копию слоя «page», кликните на ней правой кнопкой мыши и выберите пункт Clear Layer Style. Уменьшите заливку копии до 0% и примените пару стилей.

Шаг 21

Создайте белую полоску размером 114х1 пиксель инструментом Rounded Rectangle Tool (U). Уменьшите заливку слоя до 60% и установите режим наложения Soft Light.

Шаг 22

Создайте закруглённый прямоугольник размером 6х1 пиксель цветом #a56e3e. Создайте копию этого прямоугольника и сдвиньте на 9 пикселей вправо. Создайте несколько копий и заполните весь блокнот по горизонтали. Расстояние между прямоугольниками должно быть 3 пикселя. Как закончите все прямоугольники объедините.

Шаг 23

Примените стиль Bevel & Emboss к слою с маленькими прямоугольниками:

Шаг 24

Создайте новый слой и отправьте его на задний план (Ctrl + Shift + [). Залейте его цветом #c7b29a и примените стиль Inner Glow.

Шаг 25

Преобразуйте слой с коричневым фоном в смарт-объект (Filter → Convert for Smart Filters). Примените фильтр шума (Filter → Noise → Add Noise).

Шаг 26

Перейдите в меню Edit → Preferences → Guides, Grid & Slices и в поле Gridline Every введите цифру 5. Создайте чёрный закруглённый прямоугольник с радиусом 3 пикселя размером 120х125 пикселей. Опустите этот слой под остальные слои блокнота. Уменьшите заливку до 0% и примените стиль тени.

Шаг 27

Создайте копию слоя тени предыдущего шага и измените настройки стиля.

Шаг 28

Создайте чёрный закруглённый прямоугольник размером 110х100 пикселей, как показано на скриншоте ниже. Опустите этот слой под все слои блокнота. Уменьшите непрозрачность до 50% и установите режим наложения Soft Light. Примените фильтр Gaussian Blur (Filter → Blur → Gaussian Blur).

Шаг 29

Создайте обычный чёрный прямоугольник размером 110х60 пикселей. Опустите его под все слои иконок. Установите режим наложения Soft Light и примените фильтр Motion Blur (Filter → Blur → Motion Blur). Затем примените фильтр Gaussian Blur.

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

Симонов Олег Анатольевич - купить диван дешево угловые мягкие диваны. наличие на складе

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

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

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

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

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