1. Design & Illustration
  2. Add-Ons
  3. Overlays & Textures

Как рисовать текстуры и создавать объем цифровым способом в Adobe Photoshop

Scroll to top
Read Time: 11 min

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Как добавить объем и текстуру цифровым рисункам?

Очень просто. Нужно всего лишь обратиться к реальным объектам! Для многих людей цифровое рисование довольно сложное занятие, но, по сути, всё дело в терпении и предоставлении достаточного количества времени, чтобы наилучшим образом проработать все детали, насколько только позволяет ваше умение.

Поэтому, сегодня мы решимся одолеть эту задачу, нарисовав три французских десерта. Узнайте, как пользоваться такими важными инструментами, как обтравочные маски, Clipping Masks, и режимы наложения слоев, Layer Blend Modes, чтобы получить больше объема и текстуры!

Найдите свое вдохновение! Просмотрите невероятное иллюстрации для вашей работы на Envato Market.

Материалы для урока

В процессе создания этой статьи использовались следующие материалы:

1. Как найти вдохновение для эскизов.

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

Petit fours (птифуры) - это маленькие кондитерские изделия самых разных вкусов, цветов и оформления. Они выглядят очень аппетитно и заманчиво. В качестве вдохновения, вы можете найти множество их изображений на Pinterest.

Каждый десерт из этой стать был нарисован с помощью простых геометрических фигур. Я также приложила финальные эскизы, чтобы помочь вам чувствовать себя более уверенно в процессе рисования. Свободно скачивайте их, чтобы непосредственно перейти на этап их разрисовки!

Вот эти эскизы.

Dessert Sketches PhotoshopDessert Sketches PhotoshopDessert Sketches Photoshop

2. Как настроить фон, Spotlight Background.

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

Я буду использовать фон #5 из набора Abstract Spotlight Backgrounds, чтобы поместить на нём каждый десерт.

Шаг 1

Но сначала, я откорректировала цвета.

Создайте в Photoshop новый документ размером 1000 x 1000 пикселей, 150 dpi.

Разместите фон #5 на новом шаре, New Layer, убедитесь что вы растянули изображение, создав этим достаточно пространства для работы. Продолжайте редактировать фигуру с помощью инструмента свободной трансформации, Free Transform Tool (Control-T), пока вам не понравится результат.

Adjust the background sizeAdjust the background sizeAdjust the background size

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

Шаг 2

Далее настроим цвет.

Добавьте новый корректирующий слой Gradient Map выше нашего фона.

В качестве цвета укажите пресет Cobalt-Iron 2, затем установите режим наложения, Layer Blend Mode, на Color.

Recolor the spotlight backgroundRecolor the spotlight backgroundRecolor the spotlight background

Теперь добавьте два новых слоя. Выполните заливку первого светлым кремовым цветом #efebe6, воспользовавшись инструментом Paint Bucket Tool (G), затем установите режим наложения слоя, Layer Blend Mode, на Soft Light, а его непрозрачность, Opacity, на 55%.

Add a tan fill Add a tan fill Add a tan fill

Подобным образом выполните заливку второго слоя бледно голубым цветом #cbd5e3. Установите режим наложения слоя, Layer Blend Mode, на Color, а непрозрачность, Opacity, на 55%.

Add a blue fillAdd a blue fillAdd a blue fill

Давайте перейдем к десертам! Они даже выстроены в порядке от простых к более сложным.

3. Как нарисовать шоколадный десерт.

Шаг 1

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

Скопируйте и вставьте (Copy и Paste) эскиз шоколадного десерта на новый слой, New Layer, над нашим фоном. Добавьте его в новую группу, New Group, назвав ее First Dessert (Первый десерт).

Place the sketchPlace the sketchPlace the sketch

Шаг 2

Уменьшите непрозрачность, Opacity, слоя с эскизом до 86%.

Начните рисовать базовыми цветами. Создайте новый слой под эскизом для золотой тарелочки. Используйте жёсткую круглую кисть, Hard Round Brush (100% непрозрачность, Opacity, 100% жесткость, Hardness), чтобы рисовать цветом #ad8957 по нашей тарелке.

Paint the golde platePaint the golde platePaint the golde plate

Придадим этому цвету немного текстуры. Это добавит реалистичности и металлической отделки.

Перейдите в ВидеоFilter > Filter Gallery > Film Grain. Добавьте два слоя Film Grain с такими настройками:

Add Film GrainAdd Film GrainAdd Film Grain

Шаг 3

Установите режим наложения слоя эскиза, Layer Blend Mode, на Overlay.

Теперь порисуйте остальными однотонными цветами, каждый на новом слое, New Layer, воспользовавшись жесткой круглой кистью, Hard Round Brush (B).

Ниже приведены значения:

  • Шоколад: #3f2a28
  • Красный: #be1b00
  • Орехи: #9b7b4c
  • Завиток, элемент декора: #dce8e5
Paint flat colorsPaint flat colorsPaint flat colors

Шаг 4

Добавим тени к каждому элементу.

Для этого у вас должно войти в привычку создание новых слоев, New Layers, в качестве обтравочных масок, Clipping Masks, для каждого элемента. Установите режим наложения, Layer Blend Mode, для первой пары слоев на Multiply.

Для каждого элемента используйте инструмент Eyedropper Tool (I), чтобы установить цвет переднего плана, Foreground Color, на соответствующий цвет элемента. Затем используйте круглую мягкую кисть, Soft Round Brush, (0% жесткость, Hardness, 30% непрозрачность, Opacity), чтобы нарисовать мягкую тень для большего объёма.

Если вам нужно, чтобы тени были темнее, используйте инструмент пипетка, Eyedropper Tool (I), чтобы установить цвет переднего плана, Foreground Color, на более тёмный, чем тень этого элемента.

Add shadowAdd shadowAdd shadow

Шаг 5

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

Добавьте освещение на эти области, порисовав белым, кремовым цветом #b3b2a4, и светло-зеленым #d9e4dd (для завитка), воспользовавшись круглой мягкой кистью, Soft Round Brush. Настройте непрозрачность кисти на ваше усмотрение.

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

Paint light onto each sectionPaint light onto each sectionPaint light onto each section

Шаг 6

Теперь объедините все плоские слои, их тени и освещение вместе. Не включайте сюда слой с эскизом.

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

Выберите цвет на ближайшем участке с помощью инструмента пипетка, Eyedropper Tool (I),  чтобы установить цвет переднего плана, Foreground Color, на нужный вам. Затем используйте круглую, мягкую кисть, Soft Round Brush, (0% жесткость, Hardness, 40% непрозрачность, Opacity), чтобы завершить тени на золотой тарелочке, а также красном элементе декора и завитке.

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

Add more shadowAdd more shadowAdd more shadow

Шаг 7

Теперь создайте новый слой, New Layer, выше слоя эскиза.

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

Для этого используйте круглую жесткую кисть, Hard Round Pressure Opacity Brush, соответственно настроив их непрозрачность и жесткость.

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

Refine the paintingRefine the paintingRefine the painting

Шаг 8

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

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

Paint highlightsPaint highlightsPaint highlights

С помощью круглой жесткой кисти, Hard Round Pressure Opacity Brush, нарисуйте белым, серым и золотым #f7c17a цветом на месте бликов на каждом элементе. Обратите внимание, как свет падает на десерт и отражается на задней стенке.

Создайте четкие, сияющие блики света на измельченных орехах и завитке для большей реалистичности. Используйте ластик, Eraser Tool (E), (0% жесткость, Hardness, 30% непрозрачность, Opacity) каждый раз, когда хотите несколько размыть цвета, которые применяете.

Шаг 9

Как только вы это сделаете, добавьте корректирующий слой, New Levels Adjustment Layer, над группой. Настройте RGB и Blue каналы как показано ниже.

Levels adjustment layerLevels adjustment layerLevels adjustment layer

Вот окончательный вариант шоколадного десерта.

Chocolate dessert painting Photoshop tutorialChocolate dessert painting Photoshop tutorialChocolate dessert painting Photoshop tutorial

4. Как нарисовать красочный десерт.

Давайте перейдем ко второму десерту!

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

Шаг 1

Начнем с золотой тарелочки. Примените тот же фильтр и раскрасьте как перед этим, чтобы создать золотую основу. Затем установите режим наложения эскиза на Overlay.

Рисуйте каждым новым цветом на новом слое, New Layer, воспользовавшись жесткой круглой кистью, Hard Round Brush. Вот значения:

  • Синий верхний: #88e4d2
  • Синий нижний: #65ddd0
  • Желтый клин: #ccd758
  • Три круга: #fff4e4
Paint flat colors for the cakePaint flat colors for the cakePaint flat colors for the cake

Шаг 2

Как и до этого, начните с добавления новых слоев в качестве обтравочных масок к каждому элементу.

Начиная с верхнего синего и слоя клина, прикрепите новые слои, режим наложения - Normal.

Создайте мягкие желтые градиенты, переходящие в однотонный плоский цвет, с помощью мягкой круглой кисти Soft Round Brush (0% жесткость, Hardness, 50-100% непрозрачность, Opacity). Используйте инструмент ластик, Eraser Tool (E), чтобы убрать всё лишнее.

Вот значения:

  • Клин#f4faba;
  • Синий верхний: #eeffe0
Paint gradients onto the cakePaint gradients onto the cakePaint gradients onto the cake

Шаг 3

Прикрепите новые слои, установите их режим наложения на Multiply.

Используйте Soft Round Brush (0% жесткость, Hardness, 30-50% непрозрачность, Opacity) и начните рисовать тень для каждой пары слоев. Выберите нужные вам цвета с помощью инструмента пипетка, Eyedropper Tool (I).

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

Paint shadow on the green cakePaint shadow on the green cakePaint shadow on the green cake

Шаг 4

Объедините все плоские цвета, тени и освещение вместе. Не включайте слой с эскизом.

Нарисуйте мягкую, темно-серую тень под объединенным слоем с помощью круглой мягкой кисти, Soft Round Brush. Затем создайте новый слой над эскизом. Это необходимо, чтобы скрыть оригинальные линии эскиза.

Уделите время тому, чтобы подчистить края жесткой кистью, Hard Round Pressure Opacity Brush. Также задействуйте и мягкую круглую кисть, Soft Round Brush, с низким уровнем непрозрачности, Opacity, где это возможно для получения лучшего результата.

Clean up the paintingClean up the paintingClean up the painting

Шаг 5

Если цвета кажутся недостаточно насыщенными, добавьте новый слой, New Layer, выше всех остальных, задав его режим наложения на Color Burn.

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

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

Saturate with color burnSaturate with color burnSaturate with color burn

Шаг 6

Добавьте новый слой, New Layer, выше всех остальных и установите его режим наложения на Overlay.

Нарисуйте белые блики на каждом элементе. Сконцентрируйте освещение по центру, чтобы оно отражало и соответствовало настройке освещения фона.

Paint highlightsPaint highlightsPaint highlights

Теперь "отшлифуем" нашу картинку. Уделите этому время. Используйте круглую жесткую кисть, Hard Round Pressure Opacity Brush, для придания четких краев, а круглую мягкую кисть, Soft Round Brush, для смешивания. "Почистите" все края, пока не получите результат, как показано ниже.

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

Refine the paintingRefine the paintingRefine the painting

Шаг 7

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

Не экономьте на бликах; они придают невероятный реализм вашим работам.

Paint white and yellow highlightsPaint white and yellow highlightsPaint white and yellow highlights

Шаг 8

Увеличим контраст нашего пирожного, добавив новый корректирующий слой уровни, New Adjustment Layer - Levels, сверху группы. Настройте значения RGB канала, RGB Channel, следующим образом:

add levels adjustmentadd levels adjustmentadd levels adjustment

Вот окончательный вариант нашего красочного десерта!

How to paint a colorful dessert in Adobe PhotoshopHow to paint a colorful dessert in Adobe PhotoshopHow to paint a colorful dessert in Adobe Photoshop

5. Как нарисовать роскошный десерт.

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

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

Шаг 1

Скопируйте и вставьте эскиз третьего десерта на новый слой, создайте новую группу. Зарисуйте каждый элемент используя жесткую круглую кисть, Hard Round Brush, предварительно установив режим наложения эскиза на Overlay. Не забудьте добавить мягкую серую тень под остальными слоями, как прежде.

Ниже приведены значения:

  • Элемент декора: #a57727
  • Листья: #adc992
  • Верхний круг: #e1dbc8
  • Пирожное: #c9b283
Paint flat colors for the Paint flat colors for the Paint flat colors for the

Шаг 2

Настройте каждый элемент, создав новые слои и установив их в качестве обтравочных масок, Clipping Masks.

Начнем с того, что установим режим наложения новых слоев на Multiply (для тарелки, пирожного и листьев).  Используйте мягкую круглую кисть, Soft Round Brush (0% жесткость, Hardness, 30% непрозрачность, Opacity), чтобы постепенно создать тень.

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

Если вам нужна более тёмная тень в этой области, используйте инструмент пипетку, Eyedropper Tool (I), чтобы выбрать более тёмный оттенок оригинального базового цвета.

Paint the shadows with multiplyPaint the shadows with multiplyPaint the shadows with multiply

Шаг 3

Теперь переведите все прикрепленные новые слои в режим Normal для каждого элемента.

Используйте мягкую круглую кисть, Soft Round Brush,  с низким уровнем непрозрачности, Opacity,  чтобы сбалансировать освещение. Слои, необходимые вам для верхнего круга и пирожного включены ниже. Создайте объём на верхнем круге с помощью тени #c2af9b, создав деликатные углубления, а затем добавьте ярких акцентов вверху #f2fcf5.

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

Develop the lighting Develop the lighting Develop the lighting

Шаг 4

Объедините слои с их тенями и бликами. Не включайте сюда слой с эскизом.

Прикрепите новый слой, установите его режим наложения по отношению к объединенному слою на Dissolve. Используйте мягкую круглую кисть, Soft Round Brush, чтобы нарисовать кремовым цветом #eff4ea на верхнем круге и листьях. Это мгновенно создать эффект крошечных, рассеивающихся точек, что добавит отличный текстурный эффект. Если нужно, немного удалите их с помощью ластика, Eraser Tool (E).

Далее прикрепите новый слой над текстурой, установите его режим наложения на Multiply. Еще больше поработаем над тенями. Добавьте немного коричневых оттенков (взятых из основы) на листья для большей реалистичности.

Add texture and shadowAdd texture and shadowAdd texture and shadow

Шаг 5

Далее добавьте новый слой над эскизом. "Почистите" рисунок с помощью жесткой круглой кисти, Hard Round Pressure Opacity Brush.

Начнем с улучшения формы пирожного: придадим рубчику вид цилиндрической формы.

Paint the tart Paint the tart Paint the tart

Шаг 6

На этом этапе мы кардинально поменяем цвет, добавив два новых слоя, New Layers, и установив их режим наложения на Color Burn.

Сделаем рисунок более насыщенным. Используйте приглушенный красный цвет #745d5a для основы и верхних округлых областей. Затем добавьте ещё один слой с режимом наложения Color Burn и раскрасьте оба желтым цветом #d4c39c.

Change the color scheme with color burnChange the color scheme with color burnChange the color scheme with color burn

Шаг 7

Для большей реалистичности продолжайте рисовать на новых слоях. Для естественного вида используется серый цвет с фона.

Далее установите режим наложения нового слоя на Overlay и нарисуйте белые блики вокруг кондитерских листьев и золотой тарелочки.

Add highlightsAdd highlightsAdd highlights

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

Используйте жесткую круглую кисть, Hard Round Pressure Opacity Brush, чтобы нарисовать комбинации волнистых линий и точек для ещё большей фактуры. Не забудьте добавить светло-коричневых бликов для большей реалистичности.

Fix the tart baseFix the tart baseFix the tart base

Шаг 8

Закончим работу над пирожным, нарисовав яркий белый луч посередине света на фоне. Затем используйте корректирующий слой уровни, Levels Adjustment Layer, (над группой) для улучшения контраста.

Используйте следующие настройки:

Add a levels adjustment layerAdd a levels adjustment layerAdd a levels adjustment layer

Вот финальное изображение роскошного десерта!

How to paint a fancy dessertHow to paint a fancy dessertHow to paint a fancy dessert

Объедините их вместе для альтернативного результата.

How to digitally paint volume and texture in PhotshopHow to digitally paint volume and texture in PhotshopHow to digitally paint volume and texture in Photshop

Ну вот и всё. Отличная работа!

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

Итак, вы все сделали? Свободно делитесь вашими результатами в комментариях.

Узнайте больше советов по цифровому рисованию в следующих статьях:

How to digitally paint volume and texture in Adobe PhotoshopHow to digitally paint volume and texture in Adobe PhotoshopHow to digitally paint volume and texture in Adobe Photoshop
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