Малая компьютерная академия

Визуальные эффекты
Урок №7. Cel Shading. Взрыв в стиле аниме
Урок №7. Cel Shading. Взрыв в стиле аниме
Глава. Внимание!

Внимание!
В этом уроке используются интерактивные воз-
можности формата PDF, содержащие кнопки, видео-
и аудиоматериалы, гиперссылки, закладки и перехо-
ды страниц.
Браузеры и приложения для просмотра файлов
формата PDF, встроенные в операционные системы и
на мобильные устройства, могут не отображать все ин-
терактивные элементы.
Для корректного просмотра рекомендуем открыть
урок в бесплатных программах Adobe Reader или Foxit
PDF Reader.
В ЭТОМ УРОКЕ ИСПОЛЬЗУЕТСЯ
МАСШТАБИРОВАНИЕ
ИЛЛЮСТРАЦИЙ
Можно увеличить масштаб иллюстра-
ции со значком , кликнув по нему
мышкой. Если кликнуть мышкой еще
раз, размер иллюстрации вернется к
первоначальному.
В ЭТОМ УРОКЕ ИСПОЛЬЗУЕТСЯ
ПЕРЕКЛЮЧЕНИЕ ИЛЛЮСТРАЦИЙ
Можно переключать изображения,
нажимая серые кнопки с номером ри-
сунка. Цветом отмечаются кнопки с
активным рисунком.

Рисунок 1 Рисунок 2

Стр. 3
Урок №7. Cel Shading. Взрыв в стиле аниме
Глава. Cel Shading. Взрыв в стиле аниме
Cel Shading. Взрыв в стиле аниме
Сегодня мы поговорим о технике Cel Shading — осо-
бом нефотореалистичном типе рендеринта, при кото-
ром 3D-объекты выглядят так, будто были нарисованы
вручную в 2D. Этот стиль напоминает комиксы, для ко-
торых характерны жёсткие контуры, матовая поверх-
ность, ограниченное число цветов и  резкие переходы
светотени (рис. 1).
Рисунок 1
Примеры подобного оформления можно найти в ви-
деоиграх. Вспомнить хотя бы игру The Legend of Zelda.
Внимательно рассмотрите рисунок 2, на  котором пред-
ставлен кадр из этой игры. При том, что персонаж создан
в 3D, за счет жёстких переходов между светом и тенью, он
выглядит нарисованным, а не объёмным.
Рисунок 2
Давайте воссоздадим такой же эффект в Blender, смо-
делировав и заанимировав настоящий взрыв в стиле ани-
ме (видео 1)!
Стр. 4
Урок №7. Cel Shading. Взрыв в стиле аниме
Глава. Cel Shading. Взрыв в стиле аниме

Видео 1

Создадим новую сцену. Добавим в  неё несколько Ico

Sphere разного размера. Разместим их так, чтобы сформи-
ровать облако взрыва (рис. 3). Выделим все сферы и объе-
диним их в одну модель, нажав Ctrl+J (Join).
После этого нужно вернуть точку манипуляций (Ori­
gin) в центр фигуры. Для этого переходим в меню Ob­ject —
Set Origin — Geometry to Origin (или Origin to Geomet­ry)
(рис. 4). Рисунок 3 Рисунок 4
Создадим для взрыва следующий материал: возьмём
простую ноду Diffuse, подключим её к ColorRamp с помо-
щью ноды Shader to RGB, а также соединим с нодой Emis­
sion (рис. 5).
Чтобы получить эффект жёстких переходов цвета, по-
меняем тип смешивания цветов градиента с Linear на Con­
stant. Также смешаем в градиенте несколько цветов, подхо-
дящих для окрашивания огня. Дополнительно увеличим Рисунок 5

Стр. 5
Урок №7. Cel Shading. Взрыв в стиле аниме
Глава. Cel Shading. Взрыв в стиле аниме

значение Strength в ноде Emission, чтобы взрыв получился

более ярким (рис. 6).

Рисунок 7 Рисунок 8 Рисунок 9

Рисунок 6

Поменяем цвет мирового фона на чёрный, чтобы луч-

ше видеть результат (рис. 7). Также активируем опцию
Bloom, чтобы усилить эффект излучаемого света (рис. 8).
Займёмся анимацией взрыва. Для этого повесим на
объект два модификатора: Edge Split и Smooth (рис. 9).
Анимируя значения, указанные на рисунке 10, можно
всячески менять форму взрыва.
Попробуем подобрать идеальные значения для ка-
ждой части анимации. В первом кадре необходимо распы- Рисунок 10

Стр. 6
Урок №7. Cel Shading. Взрыв в стиле аниме
Глава. Cel Shading. Взрыв в стиле аниме

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

в кадре. Для этого поменяем значение Edge Angle на 11°,
Smooth Factor — на 1.6, а количество повторов (Repeat) —
на  4 (рис. 11). Не забываем закрепить каждое значение
в ключе, нажав I.

Рисунок 12

В 40 кадре немного уменьшим взрыв, чтобы создать

эффект затухания. Подходящие значения (рис. 13):
■ Edge Angle — 29°;
■ Smooth Factor — 0.1;
■ Repeat — 6.

Рисунок 11

Перейдём в следующий кадр (к примеру, в 15), в кото-

ром взрыв должен достигнуть своих максимальных раз-
меров. Для этого ключа подойдут значения (рис. 12):
■ Edge Angle — 24°;
■ Smooth Factor — 0.3;
■ Repeat — 4. Рисунок 13

Стр. 7
Урок №7. Cel Shading. Взрыв в стиле аниме
Глава. Cel Shading. Взрыв в стиле аниме

В 50 кадре необходимо снова уменьшить взрыв на-

столько, чтобы он исчез из  кадра. При этом в  процессе
огонь должен превратиться в маленькие светящиеся ша-
рики (рис. 14).

Рисунок 15

Рисунок 14

Нужные значения для такого эффекта (рис. 15):

■ Edge Angle — 21°;
■ Smooth Factor — 2.2;
■ Repeat — 11.
Настоящий взрыв никогда не остаётся статичным. Он
растёт, опадает, клубится и  закручивается. Давайте вос-
создадим такой эффект. Вернёмся в  15 кадр и  закрепим
в ключе значения Rotation, Location и Scale (рис. 16). Рисунок 16

Стр. 8
Урок №7. Cel Shading. Взрыв в стиле аниме
Глава. Cel Shading. Взрыв в стиле аниме

Перейдём в первый кадр и повернём невидимый взрыв

на произвольное количество градусов по оси Z. Закрепим
новое значение ключом.
В 15 кадре немного растянем и снова повернём модель
по оси Z (рис. 17). Не забывайте сохранять новые значе-
ния в ключах, либо активируйте режим автокеинга.
В 40 кадре уменьшим взрыв и повернём по оси Z в дру-
гую сторону (рис. 18).

Видео 2

Размножим взрыв с помощью системы частиц. Доба-

вим в сцену торус (рис. 19). При этом основной взрыв дол-
жен оказаться в центре кольца.

Рисунок 17 Рисунок 18

В 50 кадре повторно повернём невидимый взрыв по

оси Z. В итоге мы получим подобную анимацию (видео 2). Рисунок 19

Стр. 9
Урок №7. Cel Shading. Взрыв в стиле аниме
Глава. Cel Shading. Взрыв в стиле аниме
Форму и размер торуса можете задать по своему усмот-
рению (например, немного сплюснуть его по вертикали).
Затем навесим на кольцо систему частиц. Тип частиц
поменяем на Object, а в качестве самого объекта подклю-
чим модель взрыва (рис. 20).
Рисунок 20
Поменяем значения Scale и Scale Randomness, чтобы уве-
личить и  разнообразить размеры генерируемых взрывов.
Также отключим отображение самого эмиттера (рис. 21).
Рисунок 21
Также можно поиграть и с другими значениями излу-
чателя, к примеру, с параметрами вкладки Rotation, чтобы
новые огни клубились более правдоподобно (рис. 22).
Рисунок 22
Стр. 10
Урок №7. Cel Shading. Взрыв в стиле аниме
Глава. Cel Shading. Взрыв в стиле аниме

Также не забываем полностью отключить гравитацию

для излучаемых частиц, иначе новые взрывы будут падать
вниз (рис. 23).

Рисунок 24

Рисунок 23

Дополнительно настроим источник света. Разместим

его в центре над главным взрывом, поменяем тип источ-
ника на Area (Область) и повысим уровень яркости так,
чтобы на материале проявились все цвета, от красного, до
белого (рис. 24).
В результате должна получиться следующая сцена (ви-
део 3).
Видео 3
Давайте поработаем с новым инструментом, а заодно
добавим в  проект ещё несколько мультипликационных
элементов. Откроем панель Dope Sheet и переключим её
в режим Grease Pencil (Жирный карандаш). В этом режи-

Стр. 11
Урок №7. Cel Shading. Взрыв в стиле аниме
Глава. Cel Shading. Взрыв в стиле аниме

ме мы сможем дополнять сцену рисованными 2D-объек-

тами, например, языками пламени (рис. 25).

Рисунок 26

Далее переключим основное окно в режим Draw (Ри-

сование) (рис. 27).

Рисунок 25

Сама панель Dope Sheet напоминает стандартный

таймлайн. На ней также будут размещаться анимацион-
ные +кадры.
Перед тем, как нарисовать первый кадр, нужно доба-
вить в сцену специальный объект-пустышку для каранда-
ша. Его можно найти в меню Add — Grease Pencil — Blank
(рис. 26). Рисунок 27

Стр. 12
Урок №7. Cel Shading. Взрыв в стиле аниме
Глава. Cel Shading. Взрыв в стиле аниме

На панели Object Data Properties создадим новый слой

для рисунка (рис. 28).

Рисунок 28

Затем откроем панель материалов, и  зададим цвет Рисунок 29

будущего рисунка. Обратите внимание, что при работе
с 2D-объектами необходимо задавать не только основной Выберем кадр, в котором появляются первые элемен-
цвет заливки, но и цвет контура. Подберём подходящие от- ты взрывов (например, десятый), и  нарисуем в  центре
тенки для огня, например, оранжевый и красный (рис. 29). сцены несколько небольших языков пламени (рис. 30).

Стр. 13
Урок №7. Cel Shading. Взрыв в стиле аниме
Глава. Cel Shading. Взрыв в стиле аниме

Рисунок 31

Рисунок 30

Перейдём на 2-3 кадра вперёд и вставим пустой ключ

для нового рисунка. Для этого откроем во вьюпорте меню
Draw — Animation — Insert Blank Keyframe (Active Layer)
(рис. 31).
Нарисуем новые огни большего размера (рис. 32).
Таким же способом создадим новые языки пламени
через каждые 3-5 кадров на  протяжении всего ролика,
вплоть до полного исчезновения взрывов.
Когда все будет готово, необходимо отрендерить ви-
део с помощью Eevee. Обратите внимание, что для подоб-
ного типа оформления сцены необходимо использовать
именно этот тип рендера. Рисунок 32

Стр. 14
Урок №7. Cel Shading. Взрыв в стиле аниме
Глава. Cel Shading. Взрыв в стиле аниме

Реалистичный Cycles не даст нужного результата тины всегда выглядят необычно и интересно. В качестве
(видео 4). примера приведём кинофильм «Том и Джерри» 2021 года,
создатели которого смогли подарить новую жизнь 2D-пер-
сонажам, созданным еще в 1940 году (рис. 33).

Видео 4

Разберём последний вопрос: а как же применять такие

эффекты в кино? Ответ довольно прост — включите фан-
тазию, и  вы сможете создать действительно необычный
видеоряд. Совмещение видео и  мультипликационных
материалов встречается нечасто. Тем не менее такие кар- Рисунок 33

Стр. 15
Визуальные эффекты
Урок №7. Cel Shading. Взрыв в стиле аниме

© Компьютерная Академия «Шаг», www.itstep.org

Все права на охраняемые авторским правом фото-, аудио- и видеопроизведения, фрагменты которых использованы
в материале, принадлежат их законным владельцам. Фрагменты произведений используются в иллюстративных
целях в объёме, оправданном поставленной задачей, в рамках учебного процесса и в учебных целях, в соответствии
со ст. 1274 ч. 4 ГК РФ и ст. 21 и 23 Закона Украины «Про авторське право і суміжні права». Объём и способ цитируемых
произведений соответствует принятым нормам, не наносит ущерба нормальному использованию объектов авторского
права и не ущемляет законные интересы автора и правообладателей. Цитируемые фрагменты произведений на момент
использования не могут быть заменены альтернативными, не охраняемыми авторским правом аналогами, и как таковые
соответствуют критериям добросовестного использования и честного использования.
Все права защищены. Полное или частичное копирование материалов запрещено. Согласование использования
произведений или их фрагментов производится с авторами и правообладателями. Согласованное использование
материалов возможно только при указании источника.
Ответственность за несанкционированное копирование и коммерческое использование материалов определяется
действующим законодательством Украины.