7 days of PS Actions, graphics, templates & fonts - for free! Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Digital Painting

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

Read Time: 11 mins

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

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

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

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

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

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

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

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

how to paint in sketchbook prohow to paint in sketchbook prohow to paint in sketchbook pro

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

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

Шаг 1

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

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

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

Шаг 2

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

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

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

Шаг 3

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

full clipping maskfull clipping maskfull clipping mask

Шаг 4

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

cut clipping maskcut clipping maskcut clipping mask

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

clean clipping maskclean clipping maskclean clipping mask

Шаг 5

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

multiple shapes clipping maskmultiple shapes clipping maskmultiple shapes clipping mask

Шаг 6

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

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

Шаг 7

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

rename the layersrename the layersrename the layers

Шаг 8

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

group the layersgroup the layersgroup the layers

Шаг 9

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

lock layer pixelslock layer pixelslock layer pixels

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

Шаг 1

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

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

create grey maskscreate grey maskscreate grey masks

Шаг 2

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

change background colorchange background colorchange background color
image ready for aoimage ready for aoimage ready for ao

Шаг 3

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

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

ambient occlusion shapeambient occlusion shapeambient occlusion shape

Шаг 4

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

blending ambient occlusionblending ambient occlusionblending ambient occlusion

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

full ambient occlusionfull ambient occlusionfull ambient occlusion

Шаг 5

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

melon ambient occlusionmelon ambient occlusionmelon ambient occlusion
shaded melonshaded melonshaded melon

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

how to shade individual grapeshow to shade individual grapeshow to shade individual grapes
grapes with ambient occlusiongrapes with ambient occlusiongrapes with ambient occlusion
banana in ambient occlusionbanana in ambient occlusionbanana in ambient occlusion
full bananafull bananafull banana
kiwi in ambient occlusionkiwi in ambient occlusionkiwi in ambient occlusion
shaded kiwishaded kiwishaded kiwi
orange in ambient occlusionorange in ambient occlusionorange in ambient occlusion
shaded orangeshaded orangeshaded orange
pomegranate in ambient occlusionpomegranate in ambient occlusionpomegranate in ambient occlusion
shaded pomegranateshaded pomegranateshaded pomegranate
both bananas in aoboth bananas in aoboth bananas in ao
shaded bananasshaded bananasshaded bananas
details in ambient occlusiondetails in ambient occlusiondetails in ambient occlusion

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

ground in ambient occlusionground in ambient occlusionground in ambient occlusion
shaded groundshaded groundshaded ground

Шаг 6

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

full ambient occlusion layerfull ambient occlusion layerfull ambient occlusion layer

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

details of ambient occlusiondetails of ambient occlusiondetails of ambient occlusion
detailed aodetailed aodetailed ao

Шаг 7

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

detailed grounddetailed grounddetailed ground

Шаг 8

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

contact shadows ambient occlusioncontact shadows ambient occlusioncontact shadows ambient occlusion
contact shadow digital paintingcontact shadow digital paintingcontact shadow digital painting

Шаг 9

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

full ambient occlusion mapfull ambient occlusion mapfull ambient occlusion map

Шаг 10

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

blend mode multiplyblend mode multiplyblend mode multiply
ambient occlusion appliedambient occlusion appliedambient occlusion applied

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

Шаг 1

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

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

basic colorsbasic colorsbasic colors

Шаг 2

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

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

basic watermelon patternbasic watermelon patternbasic watermelon pattern

Шаг 3

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

detailed watermelon patterndetailed watermelon patterndetailed watermelon pattern

Шаг 4

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

draw watermelon patterndraw watermelon patterndraw watermelon pattern

Шаг 5

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

how to paint watermelonhow to paint watermelonhow to paint watermelon

Шаг 6

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

details of watermelondetails of watermelondetails of watermelon

Шаг 7

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

full watermelon surfacefull watermelon surfacefull watermelon surface

Шаг 8

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

watermeloin imperfectionswatermeloin imperfectionswatermeloin imperfections

Шаг 9

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

pomegranate surface texturepomegranate surface texturepomegranate surface texture

Шаг 10

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

pomegranate patternpomegranate patternpomegranate pattern

Шаг 11

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

pomegranate pattern detailspomegranate pattern detailspomegranate pattern details

Шаг 12

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

pomegranate surface imperfectionspomegranate surface imperfectionspomegranate surface imperfections

Шаг 13

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

calyx colorscalyx colorscalyx colors

Шаг 14

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

grapes patterngrapes patterngrapes pattern

Шаг 15

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

grapes detailsgrapes detailsgrapes details

Шаг 16

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

grape sprig colorsgrape sprig colorsgrape sprig colors

Шаг 17

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

banana tip colorsbanana tip colorsbanana tip colors

Шаг 18

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

banan detail colorbanan detail colorbanan detail color

Шаг 19

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

banana surface imprefectionsbanana surface imprefectionsbanana surface imprefections

Шаг 20

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

melon surfacemelon surfacemelon surface

Шаг 21

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

melon stalkmelon stalkmelon stalk

Шаг 22

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

kiwi surface colorkiwi surface colorkiwi surface color

Шаг 23

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

how to paint woodhow to paint woodhow to paint wood

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

create wood texturecreate wood texturecreate wood texture

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

Шаг 1

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

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

shade the sceneshade the sceneshade the scene

Шаг 2

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

reveal lightreveal lightreveal light

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

blend lightblend lightblend light
revea light on melonrevea light on melonrevea light on melon
blend light on melonblend light on melonblend light on melon
reveal light on bananareveal light on bananareveal light on banana
blend light on bananablend light on bananablend light on banana
full blended bananasfull blended bananasfull blended bananas
reveal light on orangereveal light on orangereveal light on orange
blend light on orangeblend light on orangeblend light on orange
reveal light on pomegranatereveal light on pomegranatereveal light on pomegranate
blend light on pomegranateblend light on pomegranateblend light on pomegranate
reveal light on kiwireveal light on kiwireveal light on kiwi
blend light on kiwiblend light on kiwiblend light on kiwi
reveal light on grapesreveal light on grapesreveal light on grapes

Шаг 3

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

add shadows on the groundadd shadows on the groundadd shadows on the ground

Шаг 4

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

add darker shadowsadd darker shadowsadd darker shadows

Шаг 5

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

add cast shadowsadd cast shadowsadd cast shadows

Шаг 6

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

make surface less unfiormmake surface less unfiormmake surface less unfiorm
paint melon surfacepaint melon surfacepaint melon surface

Шаг 7

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

paint orange surfacepaint orange surfacepaint orange surface

Шаг 8

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

shade digital paintingshade digital paintingshade digital painting

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

Шаг 1

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

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

change brightness to blackchange brightness to blackchange brightness to black

Шаг 2

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

change blend mode to screenchange blend mode to screenchange blend mode to screen

Шаг 3

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

add sharp shineadd sharp shineadd sharp shine

Шаг 4

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

blend the shineblend the shineblend the shine

Шаг 5

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

add sharp reflected lightadd sharp reflected lightadd sharp reflected light
blend reflected lightblend reflected lightblend reflected light

Шаг 6

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

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

Шаг 7

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

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

Шаг 8

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

add shine to pomegranate calyxadd shine to pomegranate calyxadd shine to pomegranate calyx

Шаг 9

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

add waxy texture to grapesadd waxy texture to grapesadd waxy texture to grapes

Шаг 10

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

add shine to grapesadd shine to grapesadd shine to grapes

Шаг 11

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

add shine to grape sprigadd shine to grape sprigadd shine to grape sprig

Шаг 12

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

add shine to melonadd shine to melonadd shine to melon
add shine to melon stigadd shine to melon stigadd shine to melon stig

Шаг 13

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

add shine to kiwiadd shine to kiwiadd shine to kiwi
blend shine of kiwiblend shine of kiwiblend shine of kiwi

Шаг 14

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

add texture to orangeadd texture to orangeadd texture to orange
add shine to orangeadd shine to orangeadd shine to orange

Шаг 15

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

how to paint an orangehow to paint an orangehow to paint an orange

Шаг 16

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

how to create orange texturehow to create orange texturehow to create orange texture

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

how to finish the orangehow to finish the orangehow to finish the orange

Шаг 17

Готово!

how to add shine digital paintinghow to add shine digital paintinghow to add shine digital painting

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

Шаг 1

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

change blend mode to overlaychange blend mode to overlaychange blend mode to overlay

Шаг 2

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

add subsurface scattering to grapesadd subsurface scattering to grapesadd subsurface scattering to grapes

Шаг 3

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

add subsurface scattering to fruitadd subsurface scattering to fruitadd subsurface scattering to fruit

Шаг 4

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

add hair to kiwiadd hair to kiwiadd hair to kiwi

Шаг 5

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

color kiwi furcolor kiwi furcolor kiwi fur
how to paint kiwihow to paint kiwihow to paint kiwi

Шаг 6

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

finish the wood tetxurefinish the wood tetxurefinish the wood tetxure

Шаг 7

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

change blend mode to glowchange blend mode to glowchange blend mode to glow

Шаг 8

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

brighten the woodbrighten the woodbrighten the wood
how to paint wood texturehow to paint wood texturehow to paint wood texture

Шаг 9

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

clean the edgesclean the edgesclean the edges

Шаг 10

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

pick the right blurpick the right blurpick the right blur

Шаг 11

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

blur the edgesblur the edgesblur the edges
finish the paintingfinish the paintingfinish the painting

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

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

how to paint photo realistic sketchbook prohow to paint photo realistic sketchbook prohow to paint photo realistic sketchbook pro
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