Кожаный портфель

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

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

Шаг 1

Создайте новый документ (Ctrl + N) размером 512х512 пикселей с белым фоном. Нужно активировать функцию привязки. Перейдите в меню View → Snap. Затем активируйте Линейки (Ctrl + R). Отведите горизонтальную и вертикальную направляющие, чтобы они пересеклись в центре холста. Выберите инструмент Rounded Rectangle Tool (U): Radius — 10 пикселей. Расположите курсор мыши в центре холста (в точке пересечения направляющих). Удерживая Alt, создайте фигуру, как показано на скриншоте ниже. Как Вы уже поняли, клавиша Alt позволяет определять центр фигуры. Назовите слой с прямоугольником “main”.

Шаг 2

Сейчас добавим реалистичности “телу” портфеля при помощи вариации цветов. Установите цвет заливки — #8b493b, цвет фона — #672907. Создайте новый слой (Ctrl + Shift + N) и примените фильтр Clouds (Filter → Render → Clouds). Создайте обтравочную маску на слое с облаками (Ctrl + Alt + G).

Шаг 3

Переходим к добавлению кожаной текстуры. Откройте кожаную текстуру в Фотошопе. Инструментом Move Tool (V) перетащите её в наш документ. Назовите слой “texture”. Инструментом Free Transform (Ctrl + T) уменьшите её, как показано ниже. Текстура кожи должна быть немного больше “тела” портфеля (скриншот 3a). Сделайте выделение слоя “main” (удерживая Ctrl, кликните на иконке слоя). К слою с текстурой добавьте маску слоя (Layer → Layer Mask → Reveal All) (либо кликните на иконке маски в нижней части палитры слоёв) (скриншот 3b).

Установите Blending Mode слоя с текстурой на Soft Light и понизьте Opacity до 50% (скриншот 3c). Текстура выглядит немного мрачно. Чтобы сделать её ярче, перейдите к коррекции Levels (Image → Adjustments → Levels) и настройте, как показано ниже (скриншот 3d). В результате текстура должна стать светлее.

Шаг 4

Кликните дважды на слое “main”, чтобы открыть окно стилей. Примените стили, показанные ниже на скриншоте:

Шаг 5

Сделайте копию слоя с кожей, кликните на ней правой кнопкой мыши в палитре слоёв и выберите пункт Clear Layer Styles (скриншот 5a). Снова перейдите в меню стилей (кликните дважды на слое) и примените стиль Inner Glow (скриншот 5b). Жёсткие края внутренней фигуры нужно убрать. Для этого примените фильтр Gaussian Blur (Filter → Blur → Gaussian Blur) со значением Radius — 3 пикселя (скриншот 5c). Перейдите на слой “main” и примените к нему стиль Gradient Overlay, чтобы затемнить верхнюю часть (скриншот 5d).

Шаг 6

Сейчас мы создадим простроченные нити по периметру портфеля. Инструментом Rounded Rectangle Tool (U) создайте прямоугольник (скриншот 6a). Затем перейдите в меню Edit → Define Brush Preset и назовите кисть “stitch” (скриншот 6b). Можете удалить слой с прямоугольником.

Выберите инструмент Brush Tool (B) и перейдите в палитру кистей (F5). Настройте кисть, как показано ниже (скриншот 6c). Я определил эти значения методом проб и ошибок, используя окно предпросмотра в нижней части палитры кистей.

Шаг 7

Установите цвет заливки — #ede9ad (скриншот 7a). Выберите инструмент Rounded Rectangle Tool (U) в режиме Paths. Создайте фигуру размером между слоями “main” и “main copy”. По этому контуру пойдут нити (скриншот 7b). Перейдите в палитру контуров и назовите созданный контур “main-stitches” (скриншот 7c).

Создайте новый слой (Ctrl + Shift + N) и убедитесь, что он активен. Перейдите в палитру контуров, кликните правой кнопкой на контуре и выберите пункт Stroke Path. В появившемся окне выберите Brush, Simulate Pressure — выключено. Результат должен быть, как на скриншоте 7d.

Как видите, боковые стороны контура были обведены горизонтальным узором. Выберите инструмент Eraser Tool (E) и сотрите узор по бокам (скриншот 7d). Выделите один прямоугольник (нить) и инструментом Free Transform (Ctrl +T) поверните копию на 45 градусов (cкриншоты 7e и 7f). Такое нужно сделать во всех углах.

Шаг 8

Создайте новый слой (Ctrl + Shift + N) и перейдите в палитру кистей (F5). Введите значение Angle — 90 градусов (скриншот 8a). Теперь нити будут вертикальными. Кликните правой кнопкой на контуре “main-stitches” и выберите пункт Stroke Path. Инструментом Eraser Tool (E) сотрите нити на верхней и нижней сторонах (скриншот 8b). Результат должен быть таким, как на скриншоте 8с. Объедините оба слоя с нитями в один (Ctrl + E) и назовите полученный “stitches” (скриншот 8d).

Шаг 9

Сейчас нити выглядят необъёмно. Примените к слою с ними следующие стили:

Шаг 10

Кожа должна отражать свет. Поэтому сейчас мы займёмся созданием отражений. Инструментом Rounded Rectangle Tool (U) создайте фигуру цветом #cea295 в нижней части портфеля (скриншот 10a). Назовите слой “ambient reflection”. Установите его Blending Mode на Screen и Opacity на 40% (скриншот 10b). Чтобы смягчить края, примените фильтр Gaussian Blur (Filter → Blur → Gaussian Blur) со значением Radius — 3 пикселя.

Перейдите в режим Quick Mask (Q). Цвета будут установлены на чёрный и белый автоматически. Выберите инструмент Gradient Tool (G) и сделайте вертикальную заливку на всё портфеле, как показано ниже (скриншот 10d). Выйдите из режима Quick Mask (Q) и на холсте должно появиться выделение. К слою с розовым прямоугольником добавьте маску слоя (Layer → Layer Mask → Reveal All), чтобы немного скрыть его верхнюю часть (скриншот 10e). Можете понизить Opacity слоя с розовым прямоугольником до 60% и добавить размытие ещё раз (скриншот 10f).

Шаг 11

Сейчас мы создадим разделитель, который поможет создать два кармана на портфеле. Инструментом Ellipse Tool (U) создайте вертикальный овал по середине (скриншот 11a). Назовите слой “pockets”. Нужно чтобы концы были темнее середины, подразумевая тем самым наличие источника света с правой стороны. Также нужно добавить мягкие отражения вокруг выреза. Для всего этого мы будем использовать стили слоя, так как это самый простой способ получить то, что нам нужно. Примените стили показанные ниже (скриншоты 11b — 11d). Результат будет как на скриншоте 11e.

Шаг 12

Сейчас создадим открывающуюся часть портфеля. Используя направляющие, нарисуйте правую половину инструментом Pen Tool (P) (скриншот 12a). Сделайте копию слоя (Ctrl + J) и отразите её по горизонтали (Edit → Transform → Flip Horizontal). Расположите повёрнутую копию слева (скриншот 12b). Измените форму контура, если она Вам не понравится. Как закончите, кликните правой кнопкой на слое в палитре слоёв и выберите пункт Rasterize Layer. Назовите полученный слой “flap”.

Шаг 13

К слою “flap” примените стиль Gradient Overlay (скриншот 13a). Откидная часть портфеля также нуждается в текстуре. Поэтому сделайте копию слоя “texture” (Ctrl + J) и расположите её над слоем “flap”. Отразите её по вертикали (Edit → Transform → Flip Vertical) (скриншот 13b).

Сделайте выделение слоя “flap” (удерживая Ctrl, кликните на иконке слоя) и добавьте маску к копии текстуры над ним.

Шаг 14

Нужно сделать откидную часть портфеля толще. Для этого сделайте копию слоя “flap” (Ctrl + J) и расположите её под оригиналом. Назовите слой “flap thickness”. Опустите её немного при помощи инструмента Move Tool (V) (лучше использовать клавиши стрелок на клавиатуре) (скриншот 14а). К копии примените стиль Gradient Overlay (скриншот 14b), чтобы сделать её светлее. Полученная полоска не должна иметь текстуру. Так как откидная часть отбраывает тень на “тело” портфеля, примените стиль Drop Shadow (скриншот 14c).

Тень должна быть только на портфеле, поэтому нужно отсечь всё, что выходит на его пределы. Кликните правой кнопкой мыши на слое “flap thickness” и выберите пункт Create Layers. Стили слоя перейдут на отдельный слой (скриншот 14d). Сделайте выделение слоя “main” (скриншот 14e) и добавьте маску к слою стилей (скриншот 14f).

Шаг 15

Теперь добавим нитки на открывающуюся часть. Сделайте выделение слоя “flap” и перейдите в меню Select → Modify → Contract, введите значение — 6 пикселей (скриншот 15a). Степень сжатия выделения также была получена методом проб и ошибок. Кликните правой кнопкой на холсте и выберите пункт Make Working Path. Назовите этот контур “flap stitches” (скриншот 15c). Инструментом Direct Selection Tool (A) измените контур так, чтобы он выходил за пределы портфеля сверху. Это нужно потому, что нити уходят на заднюю часть портфеля (скриншот 15d).

Шаг 16

Создайте новый слой (Ctrl + Shift + N). Выберите кисть, которую мы использовали для создания нитей и перейдите в палитру кистей (F5). Установите значение Angle — 0 градусов. Кликните правой кнопкой на контуре и выберите пункт Stroke Path (скриншот 16a). Сотрите нити на боковых сторонах при помощи инструмента Eraser Tool (E). Инструментом выделения и Free Transform (Ctrl + T) поверните некоторые нити в нужное направление (скриншот 16b).

Перейдите в палитру кистей (F5) и установите значение Angle — 90 градусов. Выполните обводку контура ещё раз и сотрите нити, не соответствующие правильному направлению. Кликните правой кнопкой ¬мыши на слое с нитями “тела” портфеля и выберите пункт Copy Layer Styles. Затем кликните правой кнопкой на новом слое с нитями и выберите пункт Paste Layer Styles. В результате стили будут скопированы с одного слоя на другой (скриншот 16c).

Шаг 17

Теперь создадим замки. Инструментом Rounded Rectangle Tool (U) создайте жёлтый прямоугольник и расположите его под слоем “flap thickness”, назовите слой “lower plate” (скриншот 17а). Примените к нему стили, показанные ниже (скриншоты 17b — 17d).

Шаг 18

Сделайте копию слоя с жёлтой фигурой (Ctrl + J) и расположите её поверх остальных слоёв. Назовите слой “upper plate”. Инструментом Rectangular Marquee Tool (M) создайте выделения нижней и верхней частей фигуры и нажмите Delete (скриншот 18а). Откройте окно стилей этого слоя и уберите значение Reverse у стиля Gradient Overlay (скриншот 18b). Понизьте Opacity слоя Drop Shadow до 30% (скриншот 18c) и установите Opacity стиля Stroke на 50% (скриншот 18d). Результат будет как на скриншоте 18e. Сделайте копию слоя “lower plate” и уменьшите её инструментом Free Transform (Ctrl + T). Назовите слой “lock”. Перейдите к стилям и понизьте Opacity стиля Stroke до 50% (скриншот 18f).

Шаг 19

Под слоем “upper plate” создайте овал инструментом Ellipse Tool ( U) и назовите слой “strap” (скриншот 19a). Скопируйте стили слоя “main” на этот слой (скриншот 19b). Нужно немного их изменить (настройки показаны на скриншотах 19с — 19e). Результат будет как на скриншоте 19f.

Шаг 20

Добавим внутри созданного овала нити. Это процедуру я уже описывал дважды. Сделайте копию овала и уменьшите её. Преобразуйте в контур и измените кисть нитей (скриншот 20a). Обведите контур на новом слое “strap snitches”. На этот раз не нужно вращать нити, так как они закруглены. Примените к этим нитям те же стили, что и к предыдущим (скриншот 20b).

Выберите слои “lower plate”, “lock”, “upper plate”, “strap” и “strap stitches”. Инструментом Move Tool (V) перетащите их в центр левого кармана. Сделайте копию этих слоёв и переместите их на правый карман (скриншот 20с). Когда Вы создадите копии, новые слои будут находиться над оригинальными. Вам нужно расположить слои “lower plate copy” и “lock copy” под слоем “flap thickness”, чтобы они получили правильный эффект тени.

Шаг 21

Осталось создать ручку. Инструментом Rectangle Tool (U) создайте два прямоугольника (скриншот 21а). Примените к ним стиль Gradient Overlay (скриншот 21b). Под двумя прямоугольниками создайте два горизонтальных прямоугольника светло-коричневого цвета (скриншот 21с).

Шаг 22

Инструментом Rounded Rectangle Tool (U) создайте фигуру с радиусом 5 пикселей. Расположите её под вертикальные прямоугольники из шага 23 (скриншот 22a). Перейдите в режим Деформации (Edit → Transform → Warp). Выберите тип деформации — Arc и установите Bend на 20 (скриншот 22b). Уменьшите немного размер фигуры и сделайте её светлее (скриншоты 22c — 22d).

Шаг 23

В завершении примените несколько стилей к ручке, чтобы она выглядела реалистичнее.

Заключение:

Если хотите, можете создать отражение портфеля. Для этого сделайте копию всех слоёв портфеля и переверните их инструментом Free Transform (Ctrl + T). Добавьте маску слоя и чёрным цветом обрисуйте нижнюю часть мягкой кистью. Понизьте Opacity слоя, чтобы отражение не было слишком интенсивным.

В этом уроке Вы узнали многое о силе стилей слоя, которые можно использовать для создания объёмности и добавления яркости с минимальными усилиями и о том, как можно создавать свои кисти и использовать их для обводки по контуру.

Удачи!

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

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

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

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

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