1. Design & Illustration
  2. Graphic Design

Создание принта в аппетитном стиле с использованием техники редактирования в Photoshop

Scroll to top
Read Time: 20 min

() translation by (you can also view the original English article)

Дизайнера часто вместе работают с иллюстраторами и художниками по цифровой графике, которые всегда помогают в работе. В этом уроке мы продолжим разработку  персонажа из Cgtuts + от Nacho Riesco и покажем вам, как создать рекламу, объединив обработку фотографии с некоторыми рендерами из другого курса.  Давайте начнем!

См. Учебное пособие по дизайну персонажей на Cgtuts +


Предпросмотр нашего урока

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


Учебные ресурсы

При создании урока использовались следующие ресурсы.  Загрузите их перед началом работы.  Если они недоступны, вам помогут их альтернативы.


1. Создание шаблона

Шаг 1

Создайте новый документ (File > New) / (Файл> Создать).  Размер не имеет значения, мы просто будем создавать шаблон в 3D.  Я начинаю с 8 x 5,5 дюймов.

Step 101Step 101Step 101

Шаг 2

На новом слое используем инструмент Brush Tool и выбираем точку, для последующего размещения клубники.

Step 102Step 102Step 102

Шаг 3

Копируйте (CMD / CTRL + C) и вставляйте (CMD / CTRL + V) точки, пока у вас не появится нескольких строк. (Для начала, я выделяю зеленым цветом клубнику, на которую будет направлен фокус).

Step 103Step 103Step 103

Шаг 4

Теперь мы начнем формировать фигуры, которые впоследствии станут местом размещения клубники на рисунке. Нажмите правой кнопкой мыши и выберите New 3D Extrusion from Selected Layer.

Step 104aStep 104aStep 104a
Step 104bStep 104bStep 104b

Шаг 5

Обязательно выберите слой 3D-объектов в 3D-панели.  На панели Properties / Свойства щелкните вкладку Coordinates Tab / Координаты  и поверните их на 90 градусов по оси X.

Step 105Step 105Step 105

Шаг 6

Выберите Mesh Tab и настройте Extruded Depth на 0.

Step 106Step 106Step 106

Шаг 7

Затем нажмите всплывающее меню в 3D-панели и выберите Snap Object to Ground Plane / Привязать объект к плоскости земли.

Step 107Step 107Step 107

Шаг 8

Мы хотим придать этим фигурам приблизительные размеры клубники. Для этого нажмите вкладку Cap Tab  и настройте параметры Bevel и Inflate, чтобы создать конус.

Step 108Step 108Step 108

Шаг 9

В 3D-панели выберите Current View Layer. Используйте кнопки управления камерой в верхней строке меню, чтобы переместить камеру в положение, которое удобно для вас.

Step 109Step 109Step 109

Шаг 10

Обратите внимание, как размещена каждая фигура.  Отредактируйте исходный файл (нажмите Edit Source) 3D слоя и перемещайте точки по кругу, пока они не будут размещены нужным образом. Может потребоваться не одна попытка редактирования исходного файла, его проверки и настройки камеры.

Step 110aStep 110aStep 110a
Step 110bStep 110bStep 110b
Step 110cStep 110cStep 110c


2. Настройка исходного изображение

Шаг 1

Теперь мы создадим еще один документ (Файл> Создать), где будем работать над изображением для нашего принта.  Исходное изображение будет 8.5 x 11 дюймов. Плюс 25 дюймов со всех сторон. Это означает, что наш документ будет 9 x 11.5 дюймов.

Step 201Step 201Step 201

Шаг 2

Вернитесь в наш 3D документ и нажмите CMD / CTRL + A, чтобы выбрать весь холст. Затем нажмите CMD / CTRL + Shift + C, чтобы скопировать сглаженную версию содержимого холста.

Step 202Step 202Step 202

Шаг 3

Вставьте (CMD / CTRL + V) содержимое на новый слой под названием Template.

Step 203Step 203Step 203

Шаг 4

Разместите слой Template в верхнюю половину нашего холста. При необходимости измените размер, используя Transform (CMD / CTRL + T). Поскольку это всего лишь шаблонный слой, мы можем масштабировать его до любого размера.

Step 204Step 204Step 204


3. Запуск 3D-рендеринга

Шаг 2

Откройте файл StrawberryRender_01.jpg. Дважды щелкните на слой, чтобы разблокировать его.

Step 301Step 301Step 301

Шаг 5

Создайте новый слой и заполните его черным цветом, непосредственно под рендерингом.

Step 302Step 302Step 302

Шаг 6

Используйте Magic Wand Tool (W), чтобы выбрать пустое пространство вокруг рендеринга. Этот инструмент редко делает хороший выбор. Мы используем его, только для начала работы с выбором. Мы выполним это в несколько шагов.

Step 303Step 303Step 303

Шаг 7

Когда выделение активно, щелкните значок Create Layer Mask на панели Layers / Слои.

Step 304Step 304Step 304

Шаг 8

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

Step 305Step 305Step 305

Шаг 9

Возможно следует отрегулировать маску вручную. Черный фон должен помочь обнаружить лишние белые следы, которые остались после нашей первой обработки. Чтобы исправить это, убедитесь, что миниатюра маски выбрана, и используйте инструмент Brush Tool (B) для её редактирования. Помните, черный скрывает, а белый выявляет.

Step 306Step 306Step 306


4. Подготовка глаз

Шаг 1

Увеличьте глаза и используйте инструмент Elliptical Marquee Tool (M), чтобы выбрать радужную оболочку. Скопируйте и вставьте каждую на новый слой. Назовите слой Iris.

Step 401Step 401Step 401

Шаг 2

Нажмите кнопку Lock Transparency на слое Iris. Скройте фоновый слой, используя Clone Tool для очистки радужной оболочки, прикрыв левую часть век.

Step 402aStep 402aStep 402a
Step 402bStep 402bStep 402b

Шаг 3

Добавьте и примените Inner Shadow Layer Style, чтобы помочь заполнить края радужной оболочки.

Step 403aStep 403aStep 403a
Step 403bStep 403bStep 403b

Шаг 4

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

Step 404Step 404Step 404

Шаг 5

На панели Paths назовите новый путь Eyes. Затем щелкните правой кнопкой мыши на путь и выберите Make Selection.

Step 405Step 405Step 405

Шаг 6

Скопируйте и вставьте выделение на новый слой. И переименуйте его в Whites.

Step 406Step 406Step 406

Шаг 7

Создайте новый монтажный слой для Whites  и используйте инструмент Brush Tool, чтобы рисовать поверх существующих глаз. Используйте кисть с высокой прозрачностью и рисуйте цветами, выбранными в белой части глаза. В конце концов, у нас получится белый глаз.

Step 407aStep 407aStep 407a
Step 407bStep 407bStep 407b
Step 407cStep 407cStep 407c

Шаг 8

Используйте монтажный слой Iris для White. Перемещайте этот слой Iris по кругу, чтобы увидеть движение глаз.

Step 408Step 408Step 408

Шаг 9

Мы можем добавить еще немного глубины в глаза с помощью простых трюков. Создайте новый слой под названием Specular Highlight и используйте кисть с твердой окантовкой, чтобы добавить отблик, которая будет размещена на радужной оболочке и зрачке.

Step 409Step 409Step 409

Шаг 10

Затем, на новом слое, называемом Eye Reflection, добавьте большую белую точку, которая будет расположена на верхней части глаза. Увеличьте прозрачность до 20%.

Step 410aStep 410aStep 410a
Step 410bStep 410bStep 410b

Шаг 11

Возвращаясь к исходному рендерингу, мы видим, что веко создает тень над глазом. Нам нужно повторить этот шаг. На новом монтажном слое, называемом Shadow, используйте Brush Tool для создания небольшой тени. Установите Blend Mode для Multiply.

Step 411aStep 411aStep 411a
Step 411bStep 411bStep 411b


5. Добавление тени на клубнику

Шаг 1

Следующим шагом будет добавление тени на клубнику. Но сначала нам нужно увеличить холст. Выберите инструмент Crop Tool и используйте указатели для увеличения холста с обеих сторон.

Step 501aStep 501aStep 501a
Step 501bStep 501bStep 501b

Шаг 2

Создайте новый слой под названием Base Shadow, размещенной под клубникой. Используйте мягкую кисть среднего размера с высокой прозрачностью и нанесите тени у основания клубники. Убедитесь, что Blend Mode установлен в режиме Multiply.  Будет полезно создать белый слой на время, чтобы лучше видеть прогресс.

Step 502Step 502Step 502

Шаг 3

Затем нам нужно сгладить тень, используя фильтр размытия.  Перейдите в Filter > Blur > Motion Blur.

Step 503Step 503Step 503

Шаг 4

Теперь добавьте фильтр Gaussian Blur  (Filter > Blur > Gaussian Blur) / Размытие по Гаусу.

Step 504Step 504Step 504

Шаг 5

Создайте новый слой и используйте инструмент Elliptical Marquee Tool, чтобы создать овальную фигуру у основания клубники.

Step 505Step 505Step 505

Шаг 6

Заполните выделение черным и примените Motion Blur и Gaussian Blur. Не забудьте установить Blend Mode в режим Multiply.

Step 506aStep 506aStep 506a
Step 506bStep 506bStep 506b
Step 506cStep 506cStep 506c

Шаг 7

Добавьте новый слой под названием Ambient Shadows и добавьте более мягкие тени вокруг основания клубники. Убедитесь, что для режима Blend Mode установлено значение Multiply.

Step 507Step 507Step 507

Шаг 8

Наконец, мы собираемся использовать инструмент Crop Tool, чтобы уменьшить холст, как нам необходимо. Выберите инструмент Crop Tool и переместите указатели внутрь, пока они не коснутся края холста. Обязательно скройте любые фоновые слои.

Step 508Step 508Step 508


6. Размещение клубники

Шаг 1

Выберите все слои и щелкните правой кнопкой мыши на Convert to Smart Object. Только эта функция поможет организовать наши файлы, а также облегчит внесение изменений в клубнику.

Step 601Step 601Step 601

Шаг 2

Переименуйте новый Smart Object в Strawberry и перетащите его в рабочий документ.

Step 602Step 602Step 602

Шаг 3

Мы хотим, чтобы каждая клубника стала  отдельным интеллектуальным объектом, т.е Smart Object (а не просто дубликатом оригинала). Когда каждая клубника будет отдельным Smart Object, это позволит нам редактировать отдельно каждый элемент. Для этого нам нужно создать новый смарт-объект с помощью Copy. Нужно только нажать правой кнопкой мыши на Smart Object.

Step 603Step 603Step 603

Шаг 4

Продолжайте создавать смарт-объекты через копию и размещайте их в соответствии с шаблоном. Можно также изменять размер каждой клубники, чтобы она соответствовала перспективам.

Step 604aStep 604aStep 604a
Step 604bStep 604bStep 604b

Шаг 5

Подготовьте файл StrawberryRender_02.jpg так же, как и предыдущий файл с клубникой; удалите фон и добавьте тени. Не редактируйте глаза. Этот шаг мы рассмотрим позже. Конвертируйте эти слои в Smart Object и назовите Scream.

Step 605Step 605Step 605

Шаг 6

Переместите этот смарт-объект в рабочий документ.

Step 606Step 606Step 606

Шаг 7

Для создания половины съеденной клубники вернитесь к файлу StrawberryRender_02.jpg. Выберите оригинальный слой клубники с помощью маски.

Step 607Step 607Step 607

Шаг 8

Затем нажмите на холст и перетащите этот слой в наш рабочий документ. На этом этапе мы хотим применить маску к слою. Перейти к Layer > Layer Mask > Apply (это упростит управление). Теперь положите эту клубнику на бок и мы отредактируем ее позже. Преобразуйте этот слой в Smart Object и назовите его Bite.

Step 608Step 608Step 608

Шаг 9

Теперь подведем итоги и упорядочить ряды. Обратите внимание, что наша сцена состоит из четырех рядов трех клубничек. Сгруппируйте каждый ряд клубники, называя каждую группу.

Step 609aStep 609aStep 609a
Step 609bStep 609bStep 609b


7. Добавление эмоций на клубнику

Шаг 1

Поскольку мы можем перемещать глаза клубники, мы также легко можем их отредактировать, работая с отдельным Smart Object (дважды щелкнув слой Smart Object). Как только вы перешли к Smart Object переместите слой Iris, чтобы клубника смотрела в другом направлении. Таким образом, вы можете изменить взгляд клубники.

Step 701Step 701Step 701

Шаг 2

Войдите в Scream Strawberry и примените Layer Mask к слою. Перейдите в Layer> Layer mask> Apply. Это навсегда удалит маскированные пиксели.

Step 702Step 702Step 702

Шаг 4

Затем используйте Liquify Filter, чтобы придать ярких эмоций клубнике. Я увеличил размер глаз и рта, а также линию бровей.

Step 703Step 703Step 703

Шаг 4

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

Step 704Step 704Step 704

Шаг 5

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

Step 705Step 705Step 705


8. Добавление эффекта надкусанной клубники 

Шаг 1

Следующий шаг - создать клубнику, которая кажется наполовину съеденной. Начните с открытия Bite Smart Object.

Step 801Step 801Step 801

Шаг 2

Позади слоя клубники добавьте еще один белый слой. Это поможет лучше понять наш прогресс. Затем используйте маску слоя, чтобы замаскировать края клубники, и чтобы изменить саму фигуру (и скрыть листья). Я использовал инструмент Pen Tool  / Перо.

Step 802Step 802Step 802

Шаг 3

Поместите слой клубники в группу и добавьте маску слоя в группу. Используйте эту маску, чтобы замаскировать лицо клубники. Попробуйте сделать пустое пространство похожим на место укуса.

Step 803Step 803Step 803

Шаг 4

Используйте Patch Tool для очистки областей лица.

Step 804Step 804Step 804

Шаг 5

На новом слое, ниже группы клубники, раскрасьте сердцевину клубники, используя красный цвет. Обязательно включите метки укуса. Назовите этот слой Base ColorПримечание.Я использовал вертикальные направляющие для правильного выравнивания меток укуса. Это очень важно для выполнения следующих шагов.

Step 805Step 805Step 805


9. Редактирование места укуса клубники

Шаг 4

Затем нам нужно добавить текстуру сердцевине клубники. Откройте изображение разрезанной клубники и используйте инструмент Path Tool / Путь, чтобы сделать выбор вокруг клубники.

Step 901Step 901Step 901

Шаг 2

Скопируйте и вставьте выделенную фигуру в новый документ. Выберите кнопку Lock Transparency / Прозрачность на панели Layers / Слои и используйте Spot Healing Brush для устранения любых недостатков.

Step 902Step 902Step 902

Шаг 3

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

Step 903Step 903Step 903

Шаг 4

Настройте для розового слоя Blend Mode на цвет инепрозрачность до 37%.

Step 904Step 904Step 904

Шаг 5

Затем объедините эти слои и скопируйте текстуру клубники на нашу рабочую сцену.

Step 905Step 905Step 905

Шаг 6

Переместите этот слой на монтажный в базовый цветной слой.

Step 906Step 906Step 906

Шаг 7

Поверните и преобразуйте (CMD / CTRL + T) этот слой так, чтобы он заполнял большую часть сердцевины клубники.

Step 907Step 907Step 907

Шаг 8

Сделайте копию текстуры этого слоя. Удостоверьтесь, что он является монтажным слоем.

Step 908Step 908Step 908

Шаг 9

Используйте метки места укуса в качестве направляющих линий и с помощью инструмента Rectangle Marquee Tool выберите 'bite mark'/метки укуса. Скопируйте и вставьте Paste Into Place (Shift + CMD / CTRL + V) данный фрагмент текстуры.  Преобразуйте в Smart Object.

Step 909aStep 909aStep 909a
Step 909bStep 909bStep 909b

Шаг 10

Повторите предыдущий шаг для других меток  места укуса.

Step 910Step 910Step 910

Шаг 11

Изменяйте / Warp (Edit> Transform> Warp) каждый элемент текстуры, чтобы создать его четкий контур.

Step 911aStep 911aStep 911a
Step 911bStep 911bStep 911b


10. Доработка укушенной клубники

Шаг 1

Чтобы добавить больше четкости на место укуса , мы будем рисовать в бликах и тенях. Выберите кисть Spatter 59 px и используйте панель Brushes, чтобы изменить Spacing, Shape Dynamics and Scattering. Это сделает кисть более «живой».

Step 1001aStep 1001aStep 1001a
Step 1001bStep 1001bStep 1001b

Шаг 2

На новом слое установите Blend Mode на Multiply и придайте кисти высокую прозрачность.  Выберите красный цвет и начните рисовать у основания укуса. Нарисуйте дополнительные тени с левой стороны меток укуса. Мы также добавим подсветку на другую сторону.

Step 1002Step 1002Step 1002

Шаг 3

С подсветкой мы будем работать над новым слоем в режиме Blend Mode, настроенным на Soft Light. Используйте светло-розовый цвет и ту же кисть, что и ранее, и добавьте подсветку на правые стороны.

Step 1003Step 1003Step 1003

Шаг 4

Следующим шагом будет работа с краями меток укуса. Сейчас переход от места укуса к клубнике слишком явный. Чтобы размыть края зайдите в маску клубники и используйте Blur Tool.

Step 1001Step 1001Step 1001

Шаг 5

Затем добавьте блики и тени по кругу.  Цель состоит в том, чтобы создать иллюзию, что кожица клубники немного закруглена.

Step 1005Step 1005Step 1005

Шаг 6

Клубника выглядит неплохо, но мы хотим, чтобы она была еще сочнее. Выделите все компоненты, входящие в состав клубники и конвертируйте их в Smart Object.

Step 1006Step 1006Step 1006

Шаг 7

Дважды щелкните Smart Object для редактирования На новом монтажном слое окрасьте красным цветом всю текстуру. Обратите внимание, что я очистил панель Layers, объединив все слои текстуры.

Step 1007Step 1007Step 1007

Шаг 8

Установите Blend Mode на Multiply и непрозрачность до 66%.

Step 1008Step 1008Step 1008

Шаг 9

Чтобы еще лучше настроить цвета, добавьте Levels Adjustment Layer со следующими настройками.  Может показаться немного экстремальным, но такие настройки нам понадобятся для следующих шагов.

Step 1009Step 1009Step 1009

Шаг 10

Сохраните Smart Object и вернитесь к рабочему документу. Убедитесь, что выбран Smart Object, перейдите в  Filter> Filter Gallery и выберите Plastic Wrap под вкладкой Artistic.  Используйте приведенные настройки.

Step 1010aStep 1010aStep 1010a
Step 1010bStep 1010bStep 1010b

Шаг 11

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

Step 1011aStep 1011aStep 1011a
Step 1011bStep 1011bStep 1011b

Шаг 12

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

Step 1012Step 1012Step 1012


11. Добавление кусочков шоколада

Шаг 1

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

Step 1101Step 1101Step 1101

Шаг 2

Скопируйте и вставьте эти фигуры и преобразуйте их (CMD / CTRL + T) так, буд-то они отломились и раскрошились.

Step 1102Step 1102Step 1102

Шаг 3

Продолжайте до тех пор, пока у вас не будет нескольких больших кусочков вокруг основания клубники.

Step 1103Step 1103Step 1103

Шаг 4

Теперь мы немного изменим фигуры шоколада. Выберите инструмент Brush Tool  и на новом слое, используя темно-коричневый цвет, дорисуйте и сгладьте «стороны» каждой части шоколада.

Step 1104Step 1104Step 1104

Шаг 5

Чтобы нарисовать крошки шоколада, используйте инструмент Brush Tool меньшего размера. Начните с добавления маленьких точек, затем добавьте следующие, более темные для глубины оттенка.

Step 1105Step 1105Step 1105

Шаг 6

Наконец, мы добавим тени клубнике и шоколадным кусочкам. Вам поможет раздел номер 5.

Step 1106Step 1106Step 1106


12. Добавление дополнительного листочка

Шаг 1

Чтобы помочь определить плоскость земли для съеденной клубники, мы добавим дополнительный зеленый листочек.  Для этого нажмите «выбор» существующего листа, скопируйте его и вставьте над клубникой.

Step 1107Step 1107Step 1107

Шаг 2

Конвертирйте лист в Smart Object и преобразуйте его в перспективу.

Step 1202Step 1202Step 1202

Шаг 3

Используя методы из раздела 5, вручную добавьте тени.

Step 1203Step 1203Step 1203

Шаг 4

Наконец, добавьте блики и тени к краям листа.  Это даст иллюзию его толщины.

Step 1204Step 1204Step 1204


13. Иллюзия прикосновения к шоколадному топпингу

Шаг 1

Сейчас переход от шоколадной глазури и укусом кажется слишком резким. Чтобы сгладить края, мы скроем край шоколада. Для этого создайте новый слой и используйте инструмент Brush Tool, чтобы хорошо зарисовать край.

Step 1301Step 1301Step 1301

Шаг 2

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

Step 1302Step 1302Step 1302

Шаг 3

Добавьте Drop Shadow, чтобы придать трещинам глубину.

Step 1303aStep 1303aStep 1303a
Step 1303aStep 1303aStep 1303a

Шаг 4

Затем создайте новый монтажный слой на слое шоколадного края.  Используя мягкую кисть, добавьте тени и подсветку вдоль края (используя более темные и светлые цвета). Инструмент Blur Tool, поможет смягчить края.

Step 1304Step 1304Step 1304

Шаг 5

Наконец, используя мягкую кисть с высокой прозрачностью, вручную нарисуйте несколькооттенков цвета на треснувшем шоколаде.  Сохраните Smart Object.

Step 1305Step 1305Step 1305


14. Добавление фона и рабочей зоны кухни

Шаг 1

Вернитесь на нашу рабочую сцену и перейдите в File > Place. Выберите файл KitchenScene_01.jpg для размещения в рабочей сцене.

Step 1306Step 1306Step 1306

Шаг 2

Переместите новый слой ниже всех объектов, измените размер (CMD / CTRL + T) и расположите изображение так, чтобы фон отображал только столешницу кухни. Примечание: Мы будем сильно размывать этот образ, поэтому пикселизация на этом этапе приемлема.

Step 1402Step 1402Step 1402

Шаг 3

Затем откройте MetalTexture_01.jpg и используйте Spot Healing Brush для устранения недостатков.

Step 1403Step 1403Step 1403

Шаг 4

Используйте инструмент Rectangle Marquee Tool, чтобы выбрать часть текстуры, скопировать и вставить ее в нашу рабочую сцену.

Step 1404aStep 1404aStep 1404a
Step 1404bStep 1404bStep 1404b

Шаг 5

Преобразуйте в Smart Object.  Дважды щелкните Smart Object для редактирования.

Step 1405Step 1405Step 1405

Шаг 6

Создайте копию фонового слоя и Add Noise / добавьте Шум. Затем добавьте фильтр Motion Blur.  Это придаст зернистость текстуре.

Step 1406aStep 1406aStep 1406a
Step 1406bStep 1406bStep 1406b

Шаг 7

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

Step 1407Step 1407Step 1407

Шаг 8

Сохраните Smart Object и вернитесь к нашей рабочей сцене.  Трансформируйте  (CMD / CTRL + T) новую металлическую текстуру в перспективе под клубникой.

Step 1408Step 1408Step 1408

Шаг 9

Переместите этот слой ниже групп клубники и добавьте Levels Adjustment Layer, чтобы осветить текстуру.

Step 1409Step 1409Step 1409

Шаг 10

Затем создайте копию слоя Metal Texture / Металлическая текстура и добавьте Noise Filter со следующими настройками.

Step 1410Step 1410Step 1410

Шаг 11

Увеличьте Opacity / прозрачность до 55%.

Step 1411Step 1411Step 1411


15. Добавление отражений

Шаг 1

Создание отражения может быть сложным процессом, особенно для природных объектов. Вместо того, чтобы тратить много времени чтобы воспроизвести точное отражение, мы используем простую технику для его имитации. Начнём с того, что выберем четыре группы, составляющие ряды клубники.

Step 1501Step 1501Step 1501

Шаг 2

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

Step 1502Step 1502Step 1502

Шаг 3

Поместите этот слой под сгруппированную клубнику. Измените имя на Reflections и примените фильтр Motion Blur.

Step 1503aStep 1503aStep 1503a
Step 1503bStep 1503bStep 1503b

Шаг 4

Немного переместите слой Reflections, чтобы он выглядел как настоящее отражение. Установите режим Blend на Linear Burn и прозрачностьнадо 73%.

Step 1504Step 1504Step 1504

Шаг 5

Добавьте маску слоя и выделите любые части отражения, которые, по вашему мнению, подходят. Обычно я удаляю «верхушки» отражений.

Step 1505Step 1505Step 1505

Шаг 6

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

Step 1506Step 1506Step 1506

Шаг 7

Установите Blend Mode для этого слоя на Overlay и прозрачность на 58%.

Step 1507Step 1507Step 1507

Шаг 8

Наконец, создадим образцы для листьев. На новом слое нанесите более жёсткое отражение под листьями каждой клубники, используя мягкую кисть.

Step 1508Step 1508Step 1508

Шаг 9

Установите Blend Mode на Soft Light.

Step 1509Step 1509Step 1509


16. Настройка альфа-канала

Шаг 1

Наши следующие шаги будут заключаться в том, что мы создадим Depth Map, которую мы сможем использовать для применения дополнительных эффектов. В этом случае это  будет альфа-карта с каждым элементом, затененным серым цветом, в соответствии с расстоянием этого объекта до фокальной точки. Для начала создадим копию четырех групп клубники.

Step 1601Step 1601Step 1601

Шаг 2

Щелкните правой кнопкой мыши на каждой из групп и выберите Merge Group. У нас должно остаться четыре слоя, которые представляют каждый ряд клубники.

Step 1602Step 1602Step 1602

Шаг 3

Начните со строки 4 и отрегулируйте Levels (CMD / CTRL + L), пока цвет клубники не станет белым.

Step 1603Step 1603Step 1603

Шаг 4

Сделайте то же самое со следующей строкой. Однако, здесь используйте Levels, чтобы сделать её светло-серой.

Step 1604Step 1604Step 1604

Шаг 5

Продолжайте работать, пока каждая строка не станет более темной, чем предыдущая.

Step 1605Step 1605Step 1605

Шаг 6

На новом слое расположенном под всей клубникой, закрасьте в черный верхнюю половину нашей сцены и 50%-ым серым в нижней половине.

Step 1606Step 1606Step 1606

Шаг 7

Теперь нам нужно добавить фокус. Мы будем использовать белый для определения фокальной точки. Используя большую мягкую кисть, нарисуйте белое пятно на земле, за слоями клубники.

Step 1607Step 1607Step 1607

Шаг 8

Используйте темно-серый цвет и затемняйте области вокруг краев поверхности. Эффект должен выглядеть как радиальный градиент на плоскости.

Step 1608Step 1608Step 1608

Шаг 9

Пройдитесь по каждому слою клубники и добавьте монтажный слой. Раскрасьте белым и темно-серым оттенком каждую клубнику, чтобы они казались тем светлее, чем ближе они к фокусу, и темнее чем они дальше. Заметьте, что я сделал лицо «кричащей» клубничной светлее, чтобы это была точка фокуса. Теперь у нас есть Depth Map. Следующий шаг объяснит, как преобразовать её в альфа-карту.

Step 1609aStep 1609aStep 1609a
Step 1609bStep 1609bStep 1609b

Шаг 10

Нажмите Select All (Ctl + A) и Copy Merged (Shift + CMD / CTRL + C).  Это скопирует растрированную версию нашей сцены в буфер обмена. Теперь перейдите на панель Channels и нажмитезначок Create New ChannelНажмите Paste (CMD / CTRL + V) выбрав этот канал. Теперь у нас есть альфа-карта.

Step 1610Step 1610Step 1610


17. Добавление итоговых эффектов

Шаг 1

Следующие шаги - это добавление дополнительных эффектов на наше изображение. Начните с того, что скройте  альфа группу Теперь перейдите в группу клубники и добавьте новый монтажный слой в строку № 4. Установите режим Blend mode на Overlay и используйте кисть светло голубого цвета, чтобы добавить подсветку по краям каждой клубники.

Step 1701Step 1701Step 1701

Шаг 2

Повторите этот шаг в других строках.

Step 1702Step 1702Step 1702

Шаг 3

Поскольку мы планируем добавить текст к нижней части нашей сцены, нам нужно немного осветлить эту область. Используйте большую мягкую кисть и окрасьте белым по направлению от верха к нижней части изображения. Установите Blend Mode этого слоя на Linear Dodge (Добавить).

Step 1703Step 1703Step 1703

Шаг 4

Отрегулируйте ползунок Blend If (на панели Стили слоев), чтобы подчеркнуть структуру с помощью белого цвета.

Step 1704Step 1704Step 1704

Шаг 5

На новом слое используйте ту же кисть уже темно-коричневого цвета и выкрасьте уголки и края изображения.

Step 1705Step 1705Step 1705

Шаг 6

Придайте этому слою Gaussian Blur и установите Blend Mode на Multiply. при необходимости увеличьте прозрачность. Это даст нам приятную тонкую виньетку.

Step 1706Step 1706Step 1706

Шаг 7

Затем мы собираемся использовать карту глубины, чтобы добавить глубину поля в нашу сцену. Для этого выберите самый верхний слой в сцене и нажмите Shift + CMD / CTRL + Alt + E, чтобы вставить сведенную копию на новый слой.

Step 1707Step 1707Step 1707

Шаг 8

С помощью сведенной копии выберите Filter> Blur> Lens Blur. Используйте приведенные настройки. Обязательно выберите нашу альфа-карту в качестве источника.

Step 1708 Step 1708 Step 1708

Шаг 9

Затем мы добавим корректирующие слои, которые используют нашу карту Alpha, чтобы применить эффект. Перейдите на панель Channels / Каналы и CMD / CTRL - щелкните миниатюру альфа-карты, чтобы выбрать.

Step 1709Step 1709Step 1709

Шаг 10

Затем вернитесь на панель Layers и добавьте слой Hue/Saturation/ настройка оттенка/насыщенности. Поскольку у нас выбран холст, корректирующий слой автоматически применит маску, используя наш выбор как ссылку. Выберите эскиз маски и нажмите CMD/CTRL + I, чтобы инвертировать маску.

Step 1710Step 1710Step 1710

Шаг 11

Выберите миниатюру эффектов, чтобы вытянуть свойства на панели Properties. Отрегулируйте насыщенность и яркость, чтобы выделить фокусную точку. Варьируйте с различными корректирующими слоями, используя альфа-карту для создания подходящих эффектов.

Step 1711Step 1711Step 1711

Шаг 12

Последнее, что я хочу сделать, это создать эффект зернистости. Выберите слой Merge Layers и преобразуйте в Smart Object. Теперь перейдите к Filter > Pixelate > Mezzotint. Используйте параметры, указанные ниже.

Step 1712Step 1712Step 1712

Шаг 13

После нажатия ОК, перейдите на панель Layers и дважды щелкните значок ползунка на "умном" фильтре (Smart Filter), который был применен к этому слою. Укажите уровень прозрачности до 6%, чтобы уменьшить эффект.

Step 1713Step 1713Step 1713

Шаг 14

Перед сохранением документа, настройте цветной режим на CMYK для принтера. Перейдите в Image > Mode > CMYK Color. Теперь мы можем сохранить наш документ в формате JPEG (убедитесь, что для параметра Quality установлено значение 12).

Step 1714Step 1714Step 1714


18.Завершение редактирование в InDesign

Шаг 1

Откройте InDesign и создайте новый документ. Используйте заготовку и выберите портретный макет размером 8.5 x 11 дюймов. Установите значения Margins на 1.0 дюйма и Bleeds на 25 дюймов.

Step 1801Step 1801Step 1801

Шаг 2

Перейдите в File> Place (COMMAND / CTRL + D) и выберите JPG, который мы только что сохранили.

Step 1802Step 1802Step 1802

Шаг 3

Нажмите на документ, чтобы поместить изображение.

Step 1803Step 1803Step 1803

Шаг 4

На панели Layers переименуйте Layers 1 в Images и щелкните на пустое поле слева, чтобы заблокировать его содержимое.

Step 1804Step 1804Step 1804

Шаг 5

Затем щелкните значок Create New Layer  и назовите его Text.

Step 1805Step 1805Step 1805

Шаг 6

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

Step 1806Step 1806Step 1806

Шаг 7

Установите шрифт Myriad Pro Semibold на 26pt и введите следующую фразу.

Step 1807Step 1807Step 1807

Шаг 8

Выделите текст и установите выравнивание Align Center. Удерживайте Alt и перетащите копию текстового поля.

Step 1808Step 1808Step 1808

Шаг  9

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

Step 1810Step 1810Step 1810

Шаг 10

Выберите текст во втором поле и измените кегль на 13 пикселей и введите адрес.

Step 1811Step 1811Step 1811

Шаг 11

Чтобы изменить цвет шрифта, сначала перейдите на панель Swatches и выберите черный. Нажмите на всплывающее меню и выберите New Tint. Установите оттенок на 75%.

Step 1812Step 1812Step 1812

Шаг 12

Выделите веб-сайт и нажмите ан новый оттенок, чтобы изменить цвет.

Step 1813Step 1813Step 1813

Шаг 13

Наконец, взглянем на наш слоган и настроим, если это необходимо, интервал между символами. Для того чтобы это сделать, поместите курсор между парами символов, которые требуют корректировки, (в данном случае, буквы "f"» и "e" в "life"). Используйте Alt + Left/Right Arrows чтобы уменьшить / увеличить интервал.

Step 1814Step 1814Step 1814

Шаг 14

Чтобы сохранить наш плакат в формате, для печати, перейдите в File > Adobe PDF Preset и выберите одну из настроек (для печати плакатов, я предпочитаю использовать High Quality Print).

Step 1815Step 1815Step 1815

Шаг 15

Выберите место для сохранения файла. В диалоговом окне экспорта Adobe PDF, которое появится, перейдите на вкладку Marks and Bleeds и отметьте галочкой Crop MarksRegistration Marks, и Use Document Bleed Settings. Нажмите кнопку Export и все готово.

Step 1816Step 1816Step 1816

Поздравляем! Мы закончили.

Этот урок затрагивает несколько методик, которые помогли нам создать рекламный плакат. Мы создали шаблон, который помог нам создать красивую сцену, применяли 3D моделирование, использовали фотографии, чтобы украсить наш проект. Надеюсь, вы нашли несколько методик в нашем уроке, которые вы можете использовать для вашего следующего проекта.

Strawberry AdStrawberry AdStrawberry Ad
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads