2022.08.19

Для трёхмерности! Как нарисовать свет и тень

«Свет и тень», создающие трёхмерность (стереоскопичность) в иллюстрациях.
В этом курсе мы представим, как нарисовать свет и тень в методе толстого покрытия.
Мы покажем вам базовую идею света и тьмы, базовую идею источника света, подсказки и т. д. с примерами, поэтому, пожалуйста, обращайтесь к ним.

Index

-Основы света и тьмы-

«Свет и тьма» — важный элемент для изображения трёхмерности.
В толстом покрытии имеет тенденцию сосредотачиваться на сложных цветах и выражениях света и тени, но сначала представим, что представляет собой выражение света и тени.

1. Светлая часть: часть, куда бросают свет.
2. Тёмная часть: часть, куда не бросают свет.
3. Блик: самая яркая часть.
4. Тень: тень, брошенная объектом.

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

5. Граница между светом и тьмой: часть, которая становится на границе между светлыми и тёмными частями.
6. Центральная тень: самая тёмная часть, возникающая на границе между светом и тьмой.
7. Отраженный свет: часть, куда бросают свет из-за отражения земли и окружающих предметов.

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

-Источник света-

Как следует из названия, «источник света» — это то, что излучает свет.
Атмосфера картины зависит от положения и угла, под которым он освещает объект.
Не ограничиваясь толстым покрытием, источник света является наиболее важным фактором при рассмотрении света и тени.

① Направление источника света

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

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

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

② Контраст в зависимости от расстояния до источника света

Рассмотрим, насколько далеко установлен источник света.

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

③ Изменение в зависимости от цвета источника света

Кроме того, цвета света и тени, а также общий цвет будут меняться в зависимости от источника света.

Слева вверху: «солнце», «луна», «свеча», «голубое и розовое освещение», «косой свет», «солнечные лучи» («косой свет» и «солнечные лучи» — это просто блокированный свет. Источником света является солнце.)
В дополнение к этому добавляются отраженный свет от фона и окружающих предметов, позволяют создавать более сложные выражения.
Таким образом, настроение иллюстрации зависит от того, «чем» и «откуда» она освещена.
Просто зная об этом, можно выразить персонажы и сцены во много раз более драматично.

-Как добавить свет и тень-

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

① Набросок с цветами

Сначала нарисуем набросок с цветами.
Размер холста 3197 x 4000 px. Если холст маленький, рисовать мелкие детали нельзя, поэтому рекомендуется установить размер холста не менее 2000 px для толстого покрытия.
На этот раз тема «Слуга, приносящий чай в сад».

Сделан ① грубый набросок → ② набросок.
На этот раз набросок ② будет рассматриваться как линейный рисунок.

[Расположение цветов]

Сделано расположение цвеов для каждой части.
Такие исходные цвета персонажей и объектов называются «Собственными цветами».

Пункты по выбору собственного цвета,
・ Не делать насыщенность слишком высокой
・ Не использовать чисто белый/чисто чёрный

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

② Нарисовать тень персонажа

Следующим шагом будет добавление теней к персонажу.
На этот раз мы представим два типа теней.

[Путем «умножения»]

Это метод добавления теней с использованием слоя «умножения».
Слева находится состояние, в котором применяется слой «умножения», а справа — состояние, в котором слой «умножения» возвращается к нормальному слою (непрозрачность 100%).
Используют слегка пурпурный цвет кожи для тени кожи и светло-фиолетовый цвет для тени волос и одежды.

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

[Выбрать от цветового тона]

Это метод путем двигания «цветового тона (цветового круга)» с использованием только нормальных слоев.
Здесь и цвет тени волос, и цвет тени одежды выбираются из того места, где двиган цветовой тон от собственного цвета.
Чтобы гармонировали цвета, наберём пипеткой окружающие цвета и смешим цвета.
Преимущество этого метода является в том, что в отличие от «умножения», можно свободно управлять цветом и получать удовольствие от смешивания.

[Пункт внимания]
▼ Как решить цвет тени

Здесь показаны примеры, как окрасить цвет тени хорошо и плохо.
Чем они отличаются?

Ответ — «как выбрать цвет тени».
В плохом примере цвет тени выбирается путем двигания только «яркости» вместо цветового тона.
Это сделает впечатление что-то плохым.

Наоборот, в хорошем примере цвет тени выбран с немного уменьшенной яркостью после двигания цветового тона.
Давайте помним об этом, чтобы избегать «что-то плохой» цвет тени.

▼ Направление источника света

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

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

Обращая внимание на складки одежды, тень персонажа имеет тенденцию усложнять, но попробуйте один раз упростить тело персонажа, как показано на рисунке. Глядя персонаж как простое «объёмное тело», например коробка или цилиндр, можно представлять приблизительно о том, куда бросают тени.

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

③ Добавить цвета

Этот процесс является важным в создании эффекта света, тени и трёхмерности.

[Добавить цвета]

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

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

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

[«Наложение» + «сложение»]
Так используем слои «наложения» и «сложения», чтобы подчеркнуть свет.

Левое изображение показывает слой «наложения», возвращенный в нормальный смешивание (100%).
Правое изображение показывает слой «сложения», возвращенный в нормальный смешивание (100%).

Накрасим тёплые цвета, такие как оранжевый и красный, на светлых частях в основном.

Левым является изображение до [Добавить цвета], а правым — изображение, нанесенное «наложение» и т. д.
«Наложение» применяется при 43%, а «сложение» применяется при 19%.
При этом цвета настраивались и получили такой эффект, как освещены.

Кроме того, казалось немного плохо, поэтому изменился собственный цвет жилета.
Если хотется изменить цвет по пути, можно настроить цвет с помощью «Цветовой тон/Насыщенность/Яркость».

[Пункт внимания по изображению света и тени]

▼ Не сделать слишком светлым

Это плохой пример, который возникает, когда слишком много «наложений» применяется, обращая внимание на красивый свет и цвет.

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

Кроме того, на этой картине источником света является «дневной солнечный свет», так что этот свет неестествен.
Если источник света не заходящее солнце, свет сзади или сильное освещение, «наложение» и «сложение» должны быть скромными.

▼ Слишком тёмные тени плохо выделяются

Это плохой пример, которого происходит, когда слишком много думают: «В толстое покрытие важным являются свет и тьма и трёхмерность!»

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

Оба приведённых выше примера часто происходят.
Если кажется «недостаточным», добавить позже легко, но если кажется «слишком сильным», часто бывает трудно это исправить, поэтому будьте осторожны.

④ Лицо

Так раскрасим каждую часть.

Слои можно легко изменить, разделив их на такие части, как «волосы» и «одежда».

Слои, отмеченные красным цветом, являются слоями наброска (линейный рисунок).
Продублировав слои наброска для каждых частей, изменив смешивание к «наложению» и нажав «Вырезать», линии и цвета гармонируют и не будут мешать окрашиванию.

Когда это готово, продолжаем раскрашивать, обращая внимание на источнике света.

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

При рисовании тени лица помните, что «тень, падающая от челки» и «тень, создаваемая перекрывающимися пучками волос», прорисовываются чётко.

⑤ Одежда

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

⑥ Вещи и фон

[Чайный сервиз]

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

[Забор]

Нарисуем забор так же, как и чайный сервиз.
■ Обратить внимание на то, где бросают свет и не бросают, а нарисовать чёткую тень.

[Роза]

Нарисуем розы и листья, как добавления света к тени.
1. Нарисовать тень примерно, обращая внимание на источнике света.
2. Добавить более тёмную тень и постепенно нарисовать листья в освещенной части.
3. Нарисовать лепестки и детали листьев.

[Фон]

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

⑦ Отделка

Наконец, отделаем.
Эта отделка определяет окончательное выражение «света и тени».

[Подчеркнуть тени путем «умножения»]

Используем «умножение».

①: Слой «умножения», возвращенный в нормальный смешивание (непрозрачность 100%)

②: Слой «умножения» (непрозрачность примерно 20-40%)

Эффект трёхмерности усиливается за счёт добавления к тени большего количества тени.
Однако в частях, которые уже имеют тёмную тень, не добавьте или добавьте немного.

[Подчеркните свет с помощью «наложения» + «сложения»]
Затем используем «наложение» и «сложение», чтобы подчеркнуть свет.
Окрасим тёплые цвета, такие как оранжевый и красный, на часть, куда бросают свет.

①: Слой «наложения», возвращенный в нормальный смешивание (непрозрачность 100%)
②: Слой «наложения» (непрозрачность примерно 20-30 %)

③: Слой «сложения», возвращенный в нормальный смешивание (непрозрачность 100%)
④: Слой «сложения» (непрозрачность примерно 20-30 %)

[Сравнение]

①: Перед отделкой
②: После отделки

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

Однако, если вы доработаете слишком много, это приведёт к «слишком ярким» и «слишком тёмной тени», поэтому будьте осторожны с настройкой.
Исправим детали и завершено!

Как это было?
Очень важно помнить об «источнике света» и «яркости/контраст» при нанесении света и тени толстым слоем.
Я надеюсь, вы можете почувствовать радость от выражения света и тени.

Текст и картинка: Хосито Рену
———-
Преимущества ранга
https://medibang.com/page/about-creatorrank/
Работа «Работи о Иллюстрации»
————-
«Хосито Рену»
ART street
Коллекция работ: https://medibang.com/u/Caphricina/
Интервью: https://medibang.com/page/interview/Lenu/

e-mail: [email protected]
Twitter: https://twitter.com/Caphricina02

https://lenulenushi.wixsite.com/fesria

＼ We are accepting requests for articles on how to use ／

Request