Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Digital Painting
Design

Как создать фотореалистичный цифровой рисунок в SketchBook Pro

by
Difficulty:IntermediateLength:LongLanguages:

Russian (Pусский) translation by Anastassiya Abramenko (you can also view the original English article)

Final product image
What You'll Be Creating

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

В этом руководстве я покажу вам, как создать такую картину в SketchBook Pro и как узнать о ней больше в процессе.

Что вам понадобится

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

Конечно, вам также понадобится SketchBook Pro. Я буду использовать версию для компьютера с кистями из разных бесплатных наборов (базовые, текстурные, меховые, текстурные акварельные). У вас может быть большинство из них, но для большего удобства процесса я собрала их в набор, который вы можете скачать и прикрепить к палитре. Справа вы увидите прикреплённый файл.

Я буду использовать метод, основанный на 3D-моделировании. Каждый световой эффект рисуется отдельно в форме "карты". Все карты влияют друг на друга, отображаясь на конечном виде объекта. Карты, которые я буду использовать: форма, объёмный цвет, цвет, тень и сияние. Это не самый эффективный способ рисования с образца, но он действительно помогает понять процесс создания рисунка, так что вы сможете полностью взять его под контроль, что особенно важно в рисовании из воображения.

how to paint in sketchbook pro

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

1. Как начать рисунок

Шаг 1

Сначала нам нужно что-то вроде штрихового рисунка. Откройте образец в SketchBook Pro, слегка снизьте его Непрозрачность и создайте новый слой. Карандашом или Чернильной ручкой нарисуйте линии.

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

basic line art
Я проигнорировала некоторые объекты, чтобы снизить количество закрашиваемой поверхности.

Шаг 2

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

В SketchBook Pro нет настоящих Обтравочных масок, но есть обходной вариант, который мы используем сегодня. Сначала нам нужно определить "маски" - фигуры объектов. Каждую фигуру нужно закрашивать на отдельном слое. Возьмите Чернильное перо и нарисуйте контур одного из объектов.

clipping mask outline
Цвет не имеет особого значения здесь.

Шаг 3

Заполните контур Инструментом "Сплошная заливка".

full clipping mask

Шаг 4

Чтобы облегчить остальную часть процесса, в масках должна находиться только видимая часть объекта. Вы можете удалить скрытые части, выделив передний объект Инструментом "Волшебная палочка"...

cut clipping mask

...и, нажимая Backspace, отделить выделенную область от объекта на заднем плане.

clean clipping mask

Шаг 5

Вы можете раскрасить несколько фигур на одном слое, но только если они не касаются друг друга.

multiple shapes clipping mask

Шаг 6

После того, как вы закрасили все маски, вы можете заметить, что их так много, что будет сложно найти ту, которую вы хотите отредактировать. Мы будем копировать их тоже! Чтобы избежать тотального беспорядка, давайте объединим некоторые маски в один слой - выделите все слои с фигурами, которые не касаются друг друга, и выберите "Объединить слои" в меню Слоя. 

merge clipping masks
how to create clipping mask in sketchbook
Все эти маски можно спокойно поместить в один слой.

Шаг 7

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

rename the layers

Шаг 8

Во-вторых, выделите все слои и Сгруппируйте их.

group the layers

Шаг 9

Наконец, чтобы превратить раскрашенные фигуры в функциональные маски, заблокируйте их пиксели.

lock layer pixels

2. Как нарисовать тени объёмного света

Шаг 1

Скопируйте группу (выберите "Копировать" в Меню слоя). Возьмите Чернильное перо и заполните все маски в скопированной группе 50% ярко-серого цвета.

Снова Скопируйте группу. Назовите копию "серые маски", а оригинал - "ос". Спрячьте группу "серые маски".

create grey masks

Шаг 2

Измените фоновый цвет на 50% ярко-серого. 

change background color
image ready for ao

Шаг 3

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

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

ambient occlusion shape

Шаг 4

Теперь просто растушуйте свет и тень кистью для растушёвки. Моя любимая кисть - Bristle Blender, она создаёт приятную, мягкую текстуру.

blending ambient occlusion

Продолжайте растушёвывать, пока не останется ни намёка на оставшуюся тень. Это всё, что вам нужно!

full ambient occlusion

Шаг 5

Используйте этот метод для раскраски всех остальных объектов:

melon ambient occlusion
shaded melon

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

how to shade individual grapes
grapes with ambient occlusion
banana in ambient occlusion
full banana
kiwi in ambient occlusion
shaded kiwi
orange in ambient occlusion
shaded orange
pomegranate in ambient occlusion
shaded pomegranate
both bananas in ao
shaded bananas
details in ambient occlusion

Каждому объекту нужно уделить одинаковое внимание, даже полу.

ground in ambient occlusion
shaded ground

Шаг 6

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

full ambient occlusion layer

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

details of ambient occlusion
detailed ao

Шаг 7

Не забудьте о деталях "земли".

detailed ground

Шаг 8

Объёмный свет - самая тёмная область, когда два объекта касаются друг друга ("контактные тени"). Создайте эти тёмные, но маленькие тени под каждым фруктом, касающимся дерева. 

contact shadows ambient occlusion
contact shadow digital painting

Шаг 9

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

full ambient occlusion map

Шаг 10

Но объёмный свет, на самом деле, не должен быть белым. Белый означает свет, а серый - тень. Чтобы это работало таким образом, измените Режим наложения группы "ос" на Умножение.

blend mode multiply
ambient occlusion applied

3. Как раскрасить цветной рисунок

Шаг 1

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

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

basic colors

Шаг 2

Но большинство объектов на нашей сцене имеют более одного цвета. У них даже есть узоры! Давайте сейчас добавим эти детали.

Раскрасьте полоски арбуза в ярко-зелёный цвет. Убедитесь, что они изображают объём на этой поверхности. Используйте текстурную кисть, например, Кисть 3. 

basic watermelon pattern

Шаг 3

Сделайте полоски неровными.

detailed watermelon pattern

Шаг 4

Используйте кисть "Трещины", чтобы узор получился более неровным. 

draw watermelon pattern

Шаг 5

Используйте кисть "Точечная_2", чтобы покрыть арбуз тёмными точками.

how to paint watermelon

Шаг 6

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

details of watermelon

Шаг 7

Сделайте акцент на ярких полосках при помощи зелёно-жёлтого цвета.

full watermelon surface

Шаг 8

Идеальность нереалистична! Нарисуйте несколько царапин на поверхности.

watermeloin imperfections

Шаг 9

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

pomegranate surface texture

Шаг 10

Вы можете успешно воссоздать этот узор кистью "Короткая шерсть".

pomegranate pattern

Шаг 11

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

pomegranate pattern details

Шаг 12

Здесь тоже не забудьте о несовершенствах!

pomegranate surface imperfections

Шаг 13

Раскрасьте чашечку.

calyx colors

Шаг 14

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

grapes pattern

Шаг 15

Добавьте виноградинам больше деталей, например, раскрасив их кистью "Короткая жёсткая шерсть".

grapes details

Шаг 16

Текстурной кистью нарисуйте веточку.

grape sprig colors

Шаг 17

Чёрные кончики бананов должны выглядеть так, будто они сливаются с остальной частью.

banana tip colors

Шаг 18

Не забудьте добавить немного деталей этой части.

banan detail color

Шаг 19

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

banana surface imprefections

Шаг 20

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

melon surface

Шаг 21

Также закрасьте её цветоножку.

melon stalk

Шаг 22

Киви не требует большой работы - просто окрасьте её кистью "Уголь".

kiwi surface color

Шаг 23

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

how to paint wood

...и Кистью 5.

create wood texture

4. Как накладывать тень в цифровом рисунке

Шаг 1

Сейчас наша сцена идеально освещена, и все цвета представлены в полной яркости. Это не то, к чему мы привыкли, поэтому выглядит неестественно. Давайте добавим несколько теней для придания объёма объектам.

Скопируйте группу "серые маски" и сделайте её видимой. Измените её Режим наложения на "Умножение". Это наполнит нашу сцену тенями. 

shade the scene

Шаг 2

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

reveal light

...затем растушуйте её. 

blend light
revea light on melon
blend light on melon
reveal light on banana
blend light on banana
full blended bananas
reveal light on orange
blend light on orange
reveal light on pomegranate
blend light on pomegranate
reveal light on kiwi
blend light on kiwi
reveal light on grapes

Шаг 3

Обратите особое внимание на пол - каждый объект должен отбрасывать тень в нужном направлении и нужной формы.

add shadows on the ground

Шаг 4

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

add darker shadows

Шаг 5

Не забудьте о маленьких тенях, отбрасываемых объектами - они очень важны!

add cast shadows

Шаг 6

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

make surface less unfiorm
paint melon surface

Шаг 7

К апельсину нужен особый подход - распределите на нём точки для имитации неровной поверхности.

paint orange surface

Шаг 8

Убедитесь, что тени на всей сцене указывают на один и тот же источник освещения. 

shade digital painting

5. Как раскрашивать сияющие поверхности

Шаг 1

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

Мы добавим сияние на другой карте. Скопируйте группу "серые маски" и сделайте её видимой.  Выделите один из слоёв и перейдите в Изображение > Настроить > Яркость/Контраст. Перетащите ползунок Яркости вниз, чтобы сделать слой чёрным. Проделайте то же самое с другими слоями.

change brightness to black

Шаг 2

Измените Режим наложения группы на Экран. В этом режиме каждая тень, ярче чёрного цвета, делает ярче цвета ниже. Чем темнее тень, тем более она прозрачна.

change blend mode to screen

Шаг 3

Нанесите ярко-серый штрих на арбуз Чернильным пером. Вы должны видеть узор под ним.

add sharp shine

Шаг 4

Растушуйте штрих. Только на очень глянцевых поверхностях есть чёткие блики; чем более матовая поверхность, тем больше растушёвки требуется.

blend the shine

Шаг 5

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

add sharp reflected light
blend reflected light

Шаг 6

Даже самые матовые объекты, такие как бананы, немного сияют.

add shine to bananas
blend banana shine
add reflected light to bananas

Шаг 7

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

add shine to pomegranate
blend shine of pomegranate
add reflected light to pomegranate

Шаг 8

Даже на тёмной чашечке есть небольшой блик, раскрывающий её текстуру.

add shine to pomegranate calyx

Шаг 9

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

add waxy texture to grapes

Шаг 10

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

add shine to grapes

Шаг 11

Не забудьте о хвостике!

add shine to grape sprig

Шаг 12

Завершите создание дыни.

add shine to melon
add shine to melon stig

Шаг 13

Удивительно, но даже на пушистом киви есть блик под "шерстью".

add shine to kiwi
blend shine of kiwi

Шаг 14

Апельсин со своей рельефной текстурой потребует немного больше работы. Во-первых, добавьте блик, как и на другие фрукты, но при помощи более хаотичной кисти, например "Уголь".

add texture to orange
add shine to orange

Шаг 15

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

how to paint an orange

Шаг 16

Кистью "Короткая, редкая шерсть" создайте текстуру в закруглённой области.

how to create orange texture

Нарисуйте текстуру яркого и тёмного оттенка серого для изображения ямок.

how to finish the orange

Шаг 17

Готово!

how to add shine digital painting

6. Как закончить цифровой рисунок

Шаг 1

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

change blend mode to overlay

Шаг 2

Красно-оранжевым Аэрографом раскрасьте виноградины, чтобы получить самые светлые области. Т.к. виноград просвечивается, то свет, проходящий сквозь поверхность, освещает его изнутри. Этот феномен называется подповерхностным рассеиванием, и он отвечает за яркость/теплоту теней материалов, которые не являются полностью непрозрачными, например, человеческая кожа.

add subsurface scattering to grapes

Шаг 3

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

add subsurface scattering to fruit

Шаг 4

Не забудьте о киви! Создайте новый слой и нарисуйте на нём немного шерсти. Она не должна выглядеть идеально.

add hair to kiwi

Шаг 5

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

color kiwi fur
how to paint kiwi

Шаг 6

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

finish the wood tetxure

Шаг 7

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

change blend mode to glow

Шаг 8

Сияние освещает яркие части и пропускает тёмные части. Таким образом можно добавлять осветляющие текстуры без риска повлиять на тени.

brighten the wood
how to paint wood texture

Шаг 9

Выделите все слои и объедините их (выберите "Объединить слои" в Меню слоя). Мы собираемся их изменить все за один раз. Присмотритесь к краям фруктов. Гладкие ли они? Исправьте любые найденные недоработки.

clean the edges

Шаг 10

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

pick the right blur

Шаг 11

Примените размытие к краям объектов, делая больше размытия на некоторых фруктах на фоне и меньше - на тех, которые на переднем плане.

blur the edges
finish the painting

Отличная работа!

Надеюсь, вы узнали много нового, рисуя этот урок! Если хотите погрузиться глубже в теорию, рекомендую эти статьи:

how to paint photo realistic sketchbook pro
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.