big

1. Создание аниматика.

Просмотр и обсуждение мультфильма (15 минут). Давайте посмотрим аниматик, а затем итоговую анимацию музыкальной сцены из мультфильма «Фионна и Пирожок». Насколько точно он нарисован? Всё ли вошло в итоговый мультфильм?
Loading...
Loading...
Лекция (30 минут). Создание аниматика является одним из самых важных этапов производства, потому что именно здесь история начинает оживать, пусть пока ещё в очень простой форме. Аниматиком называется черновая версия мультфильма, собранная из кадров раскадровки. По сути раскадровка — аниматик на бумаге, который потом переводят на компьютер. Картинки расставляются по порядку и показываются в определённом темпе, чтобы можно было понять, как будет выглядеть движение, ритм сцены и монтаж. Аниматик — это пробный просмотр будущего мультфильма. Создав аниматик, авторы в шутку говорят: «Мультфильм готов. Осталось только его сделать». Посмотрим сравнение аниматика и итоговой анимации из мультфильма «Рататуй» режиссёров Брэда Бёрд и Яна Пинкава. Как вы можете заметить, они не сильно отличаются.
Loading...

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

Исходный размер 800x533

Демонстрация аниматика Кутеповой Елизаветы в программе Toon Boom Storyboard Pro

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

Loading...

Одна из главных задач аниматика — найти правильный темп. Если кадры сменяются слишком быстро, зритель не успевает понять, что происходит. Если слишком медленно, то сцена начинает казаться скучной. Например, если персонаж вдруг увидел что-то неожиданное, перед реакцией можно оставить небольшую паузу. Эта пауза усилит эффект удивления. Если герой быстро убегает, кадры могут сменяться быстрее, чтобы передать динамику. Аниматик помогает почувствовать этот ритм. Посмотрите, как в аниматике драке динамично сменяются кадры.

Исходный размер 800x533

Malika Animated Pilot — Fight Scene Animatic Test (WIP)

На этапе аниматика становится понятно, как сцены соединяются между собой. Иногда оказывается, что два кадра плохо работают рядом. Монтаж помогает направлять внимание зрителя и даже создавать новые смыслы. Например, один и тот же кадр с лицом персонажа может восприниматься по-разному в зависимости от того, что показано до или после него. Если после спокойного лица показать тарелку еды, зритель решит, что герой голоден. Если затем показать пустую комнату — появится ощущение одиночества. Этот принцип получил название эффект Кулешова. Это монтажный эксперимент, проведённый советским режиссёром и теоретиком кино Львом Кулешовым в 1918 году. Он продемонстрировал, что одни и те же кадры в монтажной взаимосвязи могут приобретать разный смысл в зависимости от контекста и последовательности изображений.

Исходный размер 1920x1280

Эффект Льва Кулешова

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

0

Представим короткую сцену. 1 кадр — персонаж спокойно идёт. 2 кадр — крупный план: герой испуган. 3 кадр — из-за угла появляется огромная тень. 4 кадр — персонаж убегает. Когда такие кадры собираются в аниматик, становится понятно, сколько времени нужно на реакцию героя, где нужна пауза и как быстро должна происходить погоня.

Исходный размер 1920x1280

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

Задание. Рисуем аниматик в компьютерной программе.

Исходный размер 1920x1280
Loading...
Задание (2 часа). Цель: Создать короткий аниматик, основанный на эффекте Кулешова, принципе монтажа, при котором смысл и эмоция рождаются из последовательности кадров. Научиться работать с раскадровкой, монтажом и реакцией персонажа. Инструменты: Adobe Photoshop, туториал, графический планшет и компьютер, сайт со звуками. | | ▶ 1. Придумайте ситуацию. Персонаж смотрит на что-то, а затем зритель видит его реакцию. Ваша задача: создать смысл через монтаж кадров. Например, персонаж смотрит, зритель видит объект, на который смотрит персонаж, затем мы возвращаемся к реакции героя. Само лицо может почти не меняться. Эмоция рождается за счёт соседства кадров. Можно сделать сцену смешной, тревожной, абсурдной или неожиданной. | | ▶ 2. Сделайте раскадровку. Нарисуйте последовательность кадров будущего аниматика. Продумайте крупности планов, паузы, момент появления объекта, реакцию персонажа, ритм монтажа. | | ▶ 3. Создайте аниматик в Adobe Photoshop. Длительность: около 30 секунд. Сосредоточьтесь на монтаже и ясности изложения. Не тратьте время на красивую прорисовку. Тут важнее всего ясно рассказать историю, а не впечатлить зрителя своими навыками рисования. | | ▶ 4. Добавьте звук. По желанию можно использовать музыку, шумы, короткие реплики. Подумайте, как звук влияет на восприятие сцены. Один и тот же монтаж с разным звуком может восприниматься совершенно по-разному.

2. Особенности луп-анимации.

Просмотр и обсуждение мультфильма (15 минут). Давайте посмотрим фильм «Неловко» Наты Метлух и пятый эндинг из аниме «Человек-бензопила». Как вы думаете, на повторении какого приёма строится видеоряд и как он метафорически обыгрывает идею мультфильмов?
Loading...
Loading...
Лекция (30 минут). Луп-анимация — это анимация, которая повторяется по кругу. После последнего кадра движение снова возвращается к первому и может воспроизводиться бесконечно. Такой тип анимации часто используют в коротких сценах, гифках, заставках, играх и музыкальных клипах. Главная особенность лупа в том, что начало и конец движения должны совпадать. Если персонаж в первом кадре стоит с поднятой рукой, то в последнем кадре рука должна оказаться в той же позиции. Тогда при повторе зритель не заметит перехода между кадрами, и движение будет казаться непрерывным.
Исходный размер 1920x1280

«Принцесса-рыцарь», Осаму Тэдзука, 1967

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

Исходный размер 640x360

Lofi Girl, персонаж с бесконечной онлайн-трансляции расслабляющих треков

анимации из видео с расслабляющими треками с канала chill chill journal

Исходный размер 498x336

Танцующий Беззубик, Кас Ван Де Пол

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

Исходный размер 1920x1280

Луп-анимации из «Пароходика Вилли», Уолт Дисней, Аб Айверкс, 1928

Луп может быть очень коротким, всего 6–12 кадров. Такие циклы часто используют для небольших движений, например моргания или колыхания волос. Иногда цикл длиннее, 1–3 секунды. Это позволяет показать более сложные действия: ходьбу, танец или небольшую сцену. Интересно, что даже короткий цикл может казаться разнообразным, если в нём есть разные скорости движения: ускорение, паузы и замедления.

Исходный размер 1920x1280

«Regular», Ната Метлух, 2022

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

Loading...

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

Исходный размер 800x533

«Наш дворик», Вика Юрьева, 2025

Одно из главных умений при работе с луп-анимацией — сделать так, чтобы зритель не заметил, где заканчивается цикл. Для этого важно следить за позой персонажа в первом и последнем кадре, положением объектов, направлением движения. Если эти элементы совпадают, цикл становится незаметным. Иногда художники используют хитрый приём: делают движение по кругу. Например, персонаж может вращаться, а птица может летать по круговой траектории. В таком случае начало и конец естественно совпадают.

Исходный размер 1920x1280

Эндинг из аниме «Евангелион», Хидэаки Анно, 1995-1996

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

Loading...

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

Задание. Анимируем луп.

Исходный размер 1920x1280
Задание (2 часа). Цель: придумать собственного персонажа и создать короткую зацикленную анимацию, которая может повторяться бесконечно. Инструменты: Adobe Animate, графический планшет. | | ▶ 1. Создайте простого героя специально для анимации. Старайтесь использовать простые формы, минимальное количество деталей. Не усложняйте дизайн. Чем проще персонаж, тем легче добиться хорошего движения. Подумайте, что в этом персонаже может двигаться особенно интересно? Например, шарик с глазами, кот с длинным хвостом, пушистое облачко, человек с огромным шарфом и т. д. | | ▶ 2. Выберите одно короткое действие. Это могут быть прыжок, моргание, дыхание, танцевальное движение, вращение, подпрыгивание, развевающиеся волосы махание рукой, качание. Если вы хотите что-то посложнее, можно попробовать поанимировать ходьбу. Действие должно легко возвращаться в исходную позу. | | ▶ 3. Постройте цикл в Adobe Animate. Создайте ключевые позы. Проверьте, совпадает ли последняя поза с первой, нет ли резкого скачка в момент повторения. Хронометраж: 2–6 секунд. Экспортируйте анимацию. Сохраните работу как видео mp4 или GIF. Теперь у вас есть цикл с вашим героем, который можно использовать как стикер в соцсетях или встроить потом в полноценный мультфильм.

3. Основы монтажного мышления.

Просмотр и обсуждение мультфильма (5 минут). Давайте посмотрим мультфильм «story in three scenes» Дарины Игнатьевой. Какие ощущения у вас после просмотра? Как вы думаете, в чём преимущество такой короткой подачи истории? Ведь её можно было бы показать за большее количество кадров.
Loading...
Лекция (30 минут). Монтаж — основа киноязыка. Даже если в фильме ничего не движется внутри кадра, сам переход от одного изображения к другому уже создаёт действие, ритм и напряжение. Бывает, достаточно всего трёх кадров, чтобы зритель понял ситуацию, почувствовал эмоцию или представил событие, которое не было показано в кадре.

Режиссёры раннего кинематографа быстро поняли, что смысл рождается не только внутри кадра, но и в том, как кадры соединяются между собой. Например, Сергей Эйзенштейн строил сцены так, чтобы столкновение изображений вызывало у зрителя эмоциональное напряжение. В фильме Броненосец «Потёмкин» знаменитая сцена на одесской лестнице построена на резком чередовании лиц, движении толпы, ступеней и деталей. Зритель буквально чувствует хаос и тревогу через монтажный ритм.

Loading...

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

«Психо», Альфред Хичкок, 1998

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

Исходный размер 1920x1280

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

Создайте папку для материалов, кликнув на левую нижнюю кнопку New Bin. Назовём папку Монтаж. Затем кликнем по папке → пр. кн. мыши → import. Выберем нужные клипы и нажмём open.

0

Возьмём один из клипов слева и перетянем его на панель Timeline. Мы создали секвенцию. Возьмём ещё клип и перетянем на дорожку с первым клипом.

Исходный размер 690x460

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

Исходный размер 720x480

Рассмотрим инструмент Track Select Forward Tool. Шорткат A. Кликнем на наш первый клип, и инструмент автоматически выберет все клипы справа. Track Select Backward Tool (Shift+A) делает то же самое, но влево. Рассмотрим инструмент Rate Stretch Tool (R). Мы можем менять скорость клипа, вытягивая или сокращая его. Очень удобный инструмент. Razer Tool © позволяет резать клипы. Type Tool (T) позволяет с помощью клика по экрану создавать текст. Если двигать этот текст с зажатым ctrl, он будет магнититься к центру экрана. Можно поменять шрифт в панели Effect Controls слева, там же поменять размер и цвет.

Исходный размер 710x473

Добавляем музыку. Перетянем нужный трек на панель с материалами слева. И затем перетянем этот трек на аудиодорожку. Звук можно делать тише\громче, двигая серую линию вверх-вниз на треке.

Задание. Создаём монтаж истории из трёх кадров.

Исходный размер 1920x1280
Задание (1 час 35 минут). Цель: рассказать короткую историю средствами монтажа, используя всего три кадра и осознанную работу с планом, длительностью и последовательностью. Инструменты: бумага или планшет для раскадровки, любая программа для создания изображений или анимации, Adobe Premiere Pro. | | ▼ 1. Придумайте ситуацию из трёх кадров. Создайте короткую историю, которую можно понять без текста и диалогов. Подумайте, что зритель увидит первым, какой кадр станет главным, какую информацию стоит скрыть до конца. Помните, что монтаж меняет смысл изображения. Один и тот же кадр может восприниматься по-разному в зависимости от соседних кадров. История должна соблюдать единство места, времени и действия. | | ▼ 2. Сделайте раскадровку. Нарисуйте три кадра будущей сцены. Подумайте о выборе плана (общий, средний, крупный, деталь), композиции, переходах между кадрами. На этом этапе можно менять порядок кадров и искать более выразительный монтаж. | | ▼ 3. Подготовьте кадры для монтажа. Перенесите раскадровку в цифровой вид с помощью программы для анимации. Можно добавить очень ограниченное движение: моргание, движение взгляда, лёгкое движение фона, изменение масштаба, небольшую перекладку. | | ▼ 4. Соберите сцену в Adobe Premiere Pro. Импортируйте три кадра и соберите их в короткий ролик. Настройте длительность каждого кадра, порядок появления, ритм монтажа, при желании добавьте звук или музыку. Хронометраж: 8–20 секунд. После монтажа проверьте, понятна ли история без объяснений и изменится ли её смысл, если переставить кадры местами.

4. Роль цвета и света.

Просмотр и обсуждение мультфильма (5 минут). Давайте посмотрим мультфильм «Fuelled». Какие чувства он у вас вызвал? Что понравилось, что не понравилось? Какую роль цвет играет в повествовании?
Loading...
Лекция (30 минут). Цвет и свет в анимации помогают управлять вниманием зрителя, создавать атмосферу, передавать эмоцию и ощущение пространства. Очень часто мы начинаем чувствовать настроение сцены ещё до того, как понимаем, что именно происходит в кадре.

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

0

«Призвание апостола Матфея», Караваджо, 1599–1600 Рембрандт Харменс ван Рейн, автопортрет

«Кабинет доктора Калигари», Роберт Вине, 1920

Исходный размер 958x720

«Кабинет доктора Калигари», Роберт Вине, 1920

Цвет и свет в анимации работают как способ рассказывать историю. Они помогают направлять взгляд зрителя, показывать состояние героя, разделять пространство и даже менять ощущение времени. Очень часто зритель начинает чувствовать сцену раньше, чем успевает её осознать. Перед тем как работать с цветом, важно разделять несколько понятий. Тон (Lightness) — насколько цвет светлый или тёмный. Насыщенность (Saturation)— насколько цвет яркий или приглушённый. Цветовой оттенок (Hue) — сам цвет: красный, зелёный, синий и т. д. Для художника важно уметь менять также тон и насыщенность цвета.

Исходный размер 1920x1280

Один из главных инструментов художника — цветовой круг. Он помогает понимать отношения между цветами и строить палитру осознанно. Комплементарные цвета находятся друг напротив друга (синий и оранжевый, красный и зелёный). Они создают сильный контраст и помогают выделять главное. Посмотрите, как выделяется Радость на цветной раскадровке «Головоломки» благодаря комплиментарным цветам.

Исходный размер 1920x1280
Исходный размер 1920x1280

Ральф Эгглстон, колорскрипт к мультфильму «Головоломка»

Аналоговая схема использует соседние цвета круга и создаёт спокойное ощущение цельности.

Исходный размер 1920x1280

«Бесподобный мистер Фокс», Уэс Андерсон, 2009

Исходный размер 1600x1100

«Тайна Келлс», Томм Мур, 2008

Триадная схема строится на трёх равноудалённых цветах и делает изображение живым и разнообразным. Хорошая палитра редко состоит из случайных цветов.

Исходный размер 1920x1280
Исходный размер 1920x1280

Колорскрипт «Митчеллы против машин», Майкл Рианда, Джефф Роу, 2020

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

Исходный размер 1200x649

«Унесённые призраками», Хаяо Миядзаки, 2001

Исходный размер 1920x1038

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

Исходный размер 1918x1079

«Песнь моря», Томм Мур, 2014

«Коралина в Стране Кошмаров», Генри Селик, 2009

Исходный размер 1440x780

«Песнь моря», Томм Мур, 2014

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

«Персеполис», Маржан Сатрапи, 2007

Исходный размер 4096x2304

«Красная черепаха», Михаэль Дюдок де Вит, 2016

Цвет помогает создавать глубину пространства. Один из важных принципов — воздушная перспектива. Дальние объекты становятся холоднее, менее насыщенными и менее контрастными.

Исходный размер 1920x1280

Сверху: Пол Джулиан, концепт-арт фона для Rock Odyssey, Снизу: «Далеко на Север», реж. Реми Шейе, 2015

Исходный размер 1920x1280

«Ходячий замок», Хаяо Миядзаки, 2004

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

Исходный размер 1440x804

«Королевство полной луны», Уэс Андерсон, 2012

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

Задание. Рисуем сцену в трёх настроениях.

Исходный размер 1920x1280
Задание (2 часа). Цель: создать концепт-арт сцены собственного мультфильма и исследовать, как цвет и свет меняют восприятие одной и той же ситуации. Инструменты: Adobe Photoshop, графический планшет, референсы по свету и цвету. | | ▶ 1. Придумайте сцену будущего мультфильма Выберите один момент из несуществующего или придуманного вами мультфильма. Это должна быть полноценная сцена: персонаж или несколько персонажей, окружение, действие или состояние. Подумайте, где происходит сцена, какое событие происходит сейчас и что зритель должен почувствовать. Например, герой возвращается домой. Или персонаж впервые попадает в странное место. Или герои спорят, а может, кто-то что-то обнаруживает. В общем в этом ключе. | | ▶ 2. Соберите сцену без цвета. Сначала создайте нейтральную базовую версию изображения. Продумайте композицию, планы, расположение персонажей, силуэт, крупные световые массы. На этом этапе не работайте с настроением, важно собрать читаемую сцену. Используйте только оттенки серого, чтоб показать, где холст светлее, а где темнее. | | ▶ 3. Создайте три версии одной сцены. Не меняя композицию и объекты, обработайте сцену в трёх разных настроениях. Менять можно температуру света, цветовую палитру, контраст, насыщенность, направление освещения, время суток, атмосферные эффекты. Например: Вариант 1 — безопасно / спокойно мягкий свет, аналоговая палитра, умеренный контраст. Вариант 2 — тревожно / опасно контрастный свет, цветовой акцент, холодные или комплементарные цвета. Вариант 3 — необычно / магически / мечтательно нестандартный источник света, ограниченная палитра, работа с атмосферой. | | ▶ 4. Используйте обработку как инструмент света. Попробуйте работать через Adjustment Layers, Color Balance, Gradient Map, Curves, Hue/Saturation, режимы наложения (Multiply, Overlay, Screen, Soft Light). Не обязательно полностью перерисовывать сцену, часть атмосферы можно собрать средствами обработки.

5. Вторичные движения и эффекты.

Просмотр и обсуждение мультфильма (15 минут). Давайте посмотрим сцену из мультсериала «Аватар: Легенда об Аанге» режиссёров Майкла Данте Димартино и Брайана Кониецко. За счёт каких приёмов передаётся динамика боя? Что делает героев такими анимационно привлекательными?
Loading...
Лекция (30 минут). В анимации движение редко состоит только из главного действия. Когда персонаж идёт, вместе с ним двигаются волосы, одежда, хвост, тень, предметы в руках, трава под его ногами. Эти дополнительные детали называются вторичным движением. Они делают анимацию живой и убедительной. Если оставить только основное действие, движение будет казаться слишком механическим и пустым.

«Кейпоп-охотницы на демонов», Мэгги Кан, Крис Аппельханс, 2025

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

Исходный размер 720x480

«Сказание о принцессе Кагуя», Исао Такахата, 2013

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

С этим связан другой принцип — follow through, или доведение движения. Это продолжение движения частей персонажа или объекта после завершения основного действия. Этот принцип акцентирует внимание на том, что происходит после того, как основное движение заканчивается. После того как персонаж резко останавливается, его волосы, свободная одежда или другие элементы могут ещё немного двигаться из-за инерции. Или например, уши собаки могут покачиваться после того, как она встряхнулась.

Исходный размер 760x507

«Храбрая сердцем», Стив Пёрселл, Бренда Чепмен, Марк Эндрюс, 2012

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

Исходный размер 1920x1280

Иллюстрация из книги Ричарда Уильямса

Существует два основных подхода к созданию движения в анимации. Первый называется pose to pose, от позы к позе, когда аниматор сначала придумывает ключевые позы, а затем достраивает промежуточные кадры между ними. Второй принцип — straight ahead или прямо вперёд. В этом случае движение создаётся последовательно кадр за кадром без полного плана заранее. Аниматор как будто проживает движение в реальном времени, постепенно развивая его во время работы.

Исходный размер 730x487

Анимация способом прямо вперёд, нарисованная Калебом Вудом

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

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

Исходный размер 1920x1080

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

Исходный размер 1700x680

Очень важную роль эффекты играют в экшен-сценах. Например, в Arcane движение часто усиливается через 2D эффекты: взрывы, огонь и галлюцинации.

Исходный размер 800x533

«Аркейн», Кристиан Линке, Алекс Йи, 2021-2024

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

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

Исходный размер 1920x1280
Задание (2 часа). Цель: создать короткую анимационную сцену, в которой персонаж выполняет действие, а вторичные движения и эффекты усиливают ощущение жизни и атмосферы. Инструменты: Adobe Animate (или любая программа для 2D-анимации), графический планшет. | | ▶ 1. Придумайте персонажа и ситуацию. Создайте простую сцену, в которой есть герой и источник эффекта вокруг него. Это не должна быть просто ходьба или стояние. У персонажа должно происходить взаимодействие с окружающим пространством. Например, фея управляет водой, персонаж сидит у костра, маг создаёт светящийся шар, рыбак закидывает удочку в воду, герой вызывает ветер или падает в облако и т. д. Подумайте, что двигается активно, а что реагирует на движение. | | ▶ 2. Создайте основное движение персонажа. Сначала анимируйте только главное действие. Сделайте движение понятным без дополнительных эффектов. | | ▶ 3. Добавьте вторичные движения. Подумайте, какие части тела не должны двигаться одновременно с основным действием. Добавьте минимум два вторичных движения. Например, волосы запаздывают, одежда продолжает движение, рукава колышутся, хвост догоняет тело, уши качаются, украшения болтаются, плащ развивается и т. д. | | ▶ 4. Создайте отдельный слой с эффектом. Это могут быть вода, огонь, дым, магия, ветер, листья, снег, искры, свет, взрыв и т. д. Решите, эффект появляется из действия персонажа или существует независимо? Необязательно делать сложную симуляцию. Хронометраж: 5–10 секунд.

6. Музыкальный клип.

Просмотр и обсуждение мультфильма (10 минут). Давайте посмотрим клип Tame Impala на песню Feels Like We Only Go Backwards. Что вам понравилось? Какие приёмы в анимации так гармонично встраивает видеоряд в ритм песни?
Loading...
Лекция (30 минут). Анимационный музыкальный клип — форма, в которой музыка и изображение существуют в едином ритме. В отличие от обычного фильма, здесь изображение часто подчиняется не сюжету, а звуку: темпу музыки, паузам, повтору, интонации голоса и структуре композиции. Из-за этого музыкальные клипы стали одной из самых свободных и экспериментальных форм анимации.
Loading...

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

Loading...

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

Loading...

Монтаж под музыку особенно хорошо заметен в аниме-опенингах. Они строятся почти как отдельные короткометражные фильмы: через ритм, смену планов и музыкальную структуру. Например, в опенингах «Евангелиона» или «Ковбоя Бибопа» монтаж создаёт ощущение движения даже в сценах, где почти ничего не происходит. Изображение становится динамичнее за счёт музыки.

Loading...
Loading...

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

Loading...

Монтаж под музыку строится не только на скорости, но и на повторе. Повторяющееся движение может начать восприниматься как визуальный ритм: персонажи одновременно поворачивают голову, одинаковые жесты появляются в разных сценах, похожие кадры рифмуются между собой. Из-за этого монтаж начинает напоминать музыкальную композицию.

Loading...

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

Задание. Монтируем музыкальный клип.

Исходный размер 1920x1280
Задание (2 часа). Цель: собрать короткий музыкальный клип, используя уже существующее видео и монтаж под музыку как основной выразительный инструмент. Инструменты: Adobe Premiere Pro, фрагменты любимого фильма, мультфильма, сериала или опенинга, музыкальный трек. | | ▶ 1. Возьмите любую песню или музыкальный фрагмент. Перед монтажом прослушайте её несколько раз и попробуйте определить, где начинается вступление, где появляются акценты, где музыка становится плотнее или спокойнее, есть ли повторяющийся ритм или смена настроения. Не обязательно монтировать строго в бит. Иногда интереснее собирать клип по настроению или развитию музыки. | | ▶ 2. Выберите один любимый фильм, мультфильм, сериал или опенинг и найдите из него несколько коротких фрагментов. Обратите внимание на крупности планов, движения персонажей, настроение сцен, направление движения. Можно менять исходный смысл сцен и создавать новую историю через монтаж. | | ▶ 3. Соберите монтаж в Adobe Premiere Pro. Импортируйте музыку и видео. Не бойтесь сокращать сцены до нескольких кадров. | | ▶ 4. Поработайте с атмосферой. При желании можно дополнительно использовать изменение скорости, масштабирование, повтор движения, цветокоррекцию, затемнения, работу с чёрным экраном, титры. Главное, чтобы музыка и изображение начали ощущаться как единое целое. Хронометраж от 60 секунд.

7. Короткий 2D-мультфильм.

Лекция (30 минут). Короткий 2D-мультфильм обычно строится вокруг одной простой идеи. В коротком метре сложно удерживать несколько сюжетных линий, поэтому аниматоры часто работают с одной ситуацией, действием и конфликтом. Давайте посмотрим три мультфильма и обсудим, какие у них идея и конфликт.
Loading...
Loading...
Loading...

Производство короткого мультфильма обычно начинается с логлайна — очень короткого описания фильма в 1–2 предложениях. Например, «Человек пытается спокойно поесть лапшу, но лапша оживает и начинает убегать». Или «Девочка замечает, что её отражение в зеркале не двигается». Логлайн помогает быстро понять основу конфликта и удерживать фокус во время работы. Вообще у хороших мультфильмов тоже очень ёмкий логлайн. Посмотрите на картинки ниже и попробуйте назвать логлайны этих мультфильмов.

0

«Удивительный цифровой цирк», Gooseworx, с 2023; «Смешарики», Салават Шайхинуров, Илья Попов, Анатолий Прохоров, Анна Мальгинова, Игорь Шевчук, с 2004; «Гравити Фолз», Алекс Хирш, 2012-2016

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

Исходный размер 1920x1280

Эскизы к мультфильму «По ту сторону изгороди», Патрик Макхэйл, 2014

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

Исходный размер 1920x1280

раскадровка к мультфильму «Песнь моря», Томм Мур, 2014

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

Исходный размер 1920x1357

кадры из аниматика мультфильма «Клаус», Серхио Паблос, Карлос Мартинес Лопес, 2019

Исходный размер 1400x893

Кадр из аниматика «Истории игрушек», Джон Лассетер, 1995

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

Исходный размер 800x533

«Cat city», Виктория Винсент, 2017

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

Задание. Создаём короткометражку.

Исходный размер 1920x1280
Задание (2 часа). Цель: пройти полный цикл создания короткого 2D-мультфильма: от идеи и аниматика до финального монтажа. Инструменты: любая удобная программа для рисования и анимации (Photoshop, Adobe Animate, After Effects, TVPaint, Krita, Procreate Dreams и др.), Adobe Premiere Pro. | | ▶ 1. Придумайте идею и запишите логлайн. Опишите мультфильм в 1–2 предложениях. Постарайтесь строить историю вокруг одного действия, одного конфликта или одного изменения. | | ▶ 2. Сделайте быстрые эскизы. Найдите внешний вид персонажей, окружения и ключевых сцен. Не стремитесь к красоте. На этом этапе важно быстро искать решения. | | ▶ 3. Нарисуйте раскадровку. Подумайте, какие планы использовать, где будет пауза, где происходит главное действие. | | ▶ 4. Соберите аниматик. Перенесите раскадровку на таймлайн в Adobe Premiere Pro. Добавьте примерный монтаж, длительность сцен и временный звук. Экспортируйте кусочки анимации по сценам и импортируйте их в анимационную программу. | | ▶ 5. Начните анимировать ключевые сцены. Определите, какие сцены самые главные и сложные и начните с них. К концу работы, когда времени останется мало, у вас уже будут готовы самые трудозатратные кусочки.

8. Короткий 2D-мультфильм. Продолжение работы.

Просмотр и обсуждение мультфильма (10 минут). Давайте посмотрим мультфильм «floatland» Виктории Винсент. Обратите внимание, как за небольшой хронометраж можно рассказать объёмную цельную историю. Как раз этим мы и продолжим заниматься на этом занятии.
Loading...
Ремарка преподавателя (5 минут). Когда основные сцены готовы, начинается этап сборки фильма в монтажной программе. Именно здесь отдельные рисунки начинают превращаться в цельное произведение. На этом этапе автор впервые смотрит на работу как на историю целиком. Особенно важно понятие драматургической дуги. Даже очень короткий фильм обычно проходит через три состояния: начало, изменение и результат. Не обязательно строить сложный сюжет, но зритель должен почувствовать, что ситуация изменилась. Например: герой хотел получить предмет → столкнулся с препятствием → изменил своё решение. Такое изменение можно показать даже в двадцатисекундном ролике.

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

Помните, что дорогу осилит идущий. Не отчаивайтесь, если не получается идеально с первого раза. Это абсолютно нормально, с практикой будет становиться всё лучше и лучше. Главное тренироваться и не расстраиваться из-за ошибок. Посмотрите мультфильм «Добро пожаловать в чудесный мир» Ильи Горюча и вы точно всё сможете.

Loading...
Игра в сломанный телефон (30 минут). Давайте перед продолжением работы сыграем в Gartic Phone. Смысл игры состоит в том, что участники продолжают друг за другом кадры анимации. Каждый рисует первую фазу мультфильма и затем продолжает. Участникам понадобится графический планшет и компьютер с сайтом garticphone.com. Это игра на передачу движения. Один человек начинает короткую анимацию, следующий продолжает её, не зная первоначального замысла целиком. В результате история постепенно меняется и превращается во что-то новое, смешное и необычное. Эта игра показывает, что яркие анимации можно делать быстро и может, вдохновит вас привнести что-то в свои мультфильмы.

Задание. Продолжаем создавать короткометражку.

Исходный размер 1920x1280
Задание (2 часа). Цель: пройти полный цикл создания короткого 2D-мультфильма: от идеи и аниматика до финального монтажа. Инструменты: любая удобная программа для рисования и анимации (Photoshop, Adobe Animate, After Effects, TVPaint, Krita, Procreate Dreams и др.), Adobe Premiere Pro. | | ▶ 1. Завершите анимацию. Анимируйте только то, что действительно важно. Можно использовать ограниченную анимацию, статику, повтор кадров, движение камеры, монтаж вместо сложного движения. Не стремитесь заполнить движением каждый кадр. | | ▶ 2. Соедините сцены в итоговую последовательность в монтажной программе, в которой вы делали аниматик. Добавьте звук, музыку (по желанию), титры. Проверьте, понятен ли сюжет, нет ли затянутых моментов, работает ли ритм. Экспортируйте готовый мультфильм и похвалите себя за хорошую работу.
Модуль 3. Компьютерная 2D-анимация
Проект создан 10.03.2026
Мы используем файлы cookies для улучшения работы сайта НИУ ВШЭ и большего удобства его использования. Более подробную...
Показать больше