Анимация в 2024. Полный разбор (тренды c примерами)

Если коротко:

Анимация (ударение на вторую «а») — это эффект последовательного мультимедийного наделения изображения двигательными функциями и искусство создания мультипликации. Картинка начинает превращаться в анимацию при частоте смены кадров более 16/сек.

Интересный факт

Благодаря отсутствию пятого пальца на руках некоторых персонажей мультфильмов, анимационным студиям удалось сэкономить несколько миллионов долларов. Один из самых известных персонажей с таким эффектом — Барт Симпсон.

Примеры анимации

Stop motion (кукольная анимация) — это технология оживления фотографий, сделанных на обычном фотоаппарате.

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

 

 

Еще больше примеров современной анимации ждёт вас ниже… 

Виды анимации

С момента появлениея простейшей анимации было придумано широкое разнообразие видов и стилей. Рассмотрим 5 основных видов:

• Традиционная анимация;
• 2D векторная анимация;
• 3D компьютерная анимация;
• Моушн графика;
• Кукольная анимация;

Традиционная анимация (2D, Cel, Hand Drawn)

Традиционная анимация, иногда называемая анимацией cel, является одной из старых форм анимации. В ней:

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

Самый простой пример такой анимации — старые мультфильмы Диснея.

Как создается традиционная анимация?

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

 

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

Примеры современной традиционной анимации

 

 

С чего начать?

Стартовать в профессии можно с изучения базовых уроков анимации.

Преимуществом уроков является последовательное изучение процесса создания анимации по принципу  — «от простого к сложному».

Также, для совершения первых шагов создания анимации необходимо освоить такие базовые программы как: 

Adobe After Effects, Adobe Animate, Photoshop, Adobe Illustrator. 

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

Смотрите Урок Покадровой Анимации в Photoshop

• Средний заработок аниматора на Западе равен $4250/мес;
• В наших краях — сильно по-разному (в студии, на фрилансе, на удалёнке — от $400 до $3500 в мес).

2D векторная анимация

2D-анимация — это термин, используемый при обращении к традиционной рисованной анимации. Он также может относиться к компьютерным векторным анимациям, использующими методы традиционной.

Принцип 2D-анимации

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

Такая гибкость позволяет даже новичку создать свой первый сносный ролик.

Смотрите «Как создать анимацию в стиле Южного Парка» (на анг. языке)

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

Примеры современной векторной анимации

 

Rick and Morty

 

Agent Archer

 

Disenchantment

Рекомендуем к ознакомлению.

Профессия 2D-аниматора: с чего начать

Самыми популярными программами для рисования в технике 2D является: Adobe Illustrator и Photoshop. Также для рисования часто используют Adobe Animate в связке с другими програмами для монтажа (After Effects и Adobe Premiere).

• Курс Супер Иллюстратор
• Курс Супер After Effects 2
• Курс Супер Motion
• Курс Супер Premiere

На Западе  2D-аниматоры зарабатывают в среднем $4140/мес, а в наших широтах — в среднем $1320/мес.

3D компьютерная анимация

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

На чем делают анимацию как на этом примере?

Ответ — Maxon Cinema 4D.

Как научиться?

Курс Супер Cinema 4D

В то время как традиционная анимация требует, чтобы вы были хорошим художником, компьютерная — не совсем. 3D-анимация больше похожа конструктор, а не на рисование.

Технологии 3D-анимации имеют много общего со стоп моушн, поскольку соответствуют кадровому подходу. Но, в 3D реализация задач более управляема, поскольку находится в цифровом поле.

Вместо рисования персонажа или создания его из глины в 3D-анимации объект создается в цифровой форме. Позже снабжаются «скелетом», который позволяет перемещать модели.

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

Ниже смотрите наглядный пример процесса создания 3D модели в программе Blender.

 

Примеры современной 3D анимации

 

Nike Air Max

 

Wonder Woman — Prologue | Making of

Профессия 3D-аниматора: с чего начать

Рекомендуем Курс «Cinema 4D» и Курс «Супер Maya», Курс Супер After Effects 2. Поскольку 3D аниматору необязательно нужны превосходные художественные навыки, будет достаточно освоить базовые программы:

• Autodesk Maya;
• Autodesk 3DS Max;
• Blender;
• Cinema 4D.
• After Effects
• Houdini

Еще немного о профессии.

 

Усредненный заработок 3D аниматоров: на Западе — $4300/мес, а у нас — $1600/мес.

Motion design (Моушн дизайн)

Применяется для:

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

 

Процесс создания Motion Design зависит от используемых программ, поскольку программное обеспечение для редактирования видео часто имеет разные пользовательские интерфейсы или настройки.

В основном для создания используют After Effects и Cinema 4D.

• Смотрите так же Тренды в Моушн Дизайне.

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

 

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

 

Сегодня моушн особенно популярен в рекламных роликах, новостных шоу, спортивных мероприятиях и онлайн-видео.

Примеры современного Моушн Дизайна

 

 

Профессия Motion аниматора: с чего начать

Рекомендуем создавать моушн графику в Adobe After Effects. Курс Супер Motion поможет стартонуть с самого нуля. Мало? Смотрите бесплатные уроки анимации в After Effects.

Профессия высококонкурентная, поскольку эта анимация в основном для коммерческих целей. 

Где можно работать моушн дизайнеру:

• В студиях
• На фрилансе
• Продавать шаблоны
• Создавать продукты обучения

Средняя зарплата моушн дизайнера на Западе достигает $5000/мес, у нас заработная плата специалиста стартует от $700/мес.

Stop motion (Кукольная анимация)

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

Этот приём похож на традиционную анимацию, но вместо рисунков аниматор использует реальные материалы.

 

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

Тим Бертон

 

Анимация Stop-Motion использует объекты, сфотографированные в последовательности для создания иллюзии движения.

Процесс создания анимации в формате стоп моушн длительный, поскольку каждый объект нужно осторожно перемещать миллиметр за миллиметром. Каждый отснятый кадр, просто обязан создать плавную последовательность движений объекта.

Примеры современной кукольной анимации

 

 

Профессия кукольного аниматора: с чего начать, сколько зарабатывает

Начинать движение в глубины профессии стоп-моушн дизайнера необходимо с освоения Dragonframe и iStopMotion

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

• средний заработок на Западе — $3864/мес;
• у нас — от $1000/мес.

Типы анимации

Рассмотрим, какие существуют типы анимации.

Гиф анимация

GIF (с расширением файла, .gif) — это формат файла изображения, который анимируется путем объединения нескольких других изображений или кадров в один.  

В отличие от формата  JPEG (.jpg), GIF обычно используют алгоритм сжатия, называемый кодировкой LZW, который не ухудшает качество изображения и позволяет легко хранить файл в байтах.

Более подробно о том, что такое GIF можно прочитать на Википедии.

Примеры GIF-анимации

Примеры на любой вкус находятся на портале giphy.com

Как сделать GIF самостоятельно?

• Ранее мы уже писали о самом быстром способе создания гифок.
• А вот еще один полезный урок по созданию гифок в Adobe After Effects.

Cinemagraphy

Если вы еще не слышали о cinemagraphy, то 100% сталкивались с ней в Интернете.

Синемаграфия — это «живые картинки», но более сложные, чем анимированные GIF (у хорошо сделанной cinemagraphy не видно стыка начала и конца). Другими словами — это изящное сочетание статики и динамики.

Посмотрите эту видео подборку для лучшего понимания:

 

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

Примеры cinemagraphy (живых фотографий)

Где используется Сinemagraphy?

В социальных сетях

Синемаграфия хорошо работает в рекламе, она моментально привлекает внимание и собирает много переходов на сайт.

Для Instagram нужно экспортировать синемаграфию в формате видео. Ролик должен быть не менее 3 секунд. Пролистывая ленту сработает автопуск и Instagram автоматом зациклит видео.

Для Facebook и ВКонтакте тоже нужно делать экспорт в видео.

Вот хороший пример cinemagraphy товара:

В интернет-магазинах

Если хотите сделать живые фото товаров в своем магазине:

1. Используйте софт по типу этого или Photoshop.
2. Разместите видео или GIFку в карточку товара, как простую фотографию.

Как сделать синемаграфию

Несколько базовых уроков создания cinemagraphy.

 

Создание синемаграфии с помощью приложения на мобильном (iOS)

 

Анимэ

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

 

Аниме или японская анимация — это рисованная или созданная компьютером форма искусства. Аниме представляет собой размашистое различие между японскими мультфильмами.

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

• Смотрите Лучшие Аниме 2018 года.

Анимэ сегодня — это процветающая индустрия в Японии, которая включает такие жанры как:

• детские мультфильмы;
• комедия и драма;
• фантастика;
• научная фантастика;
• экшн;
• спорт и история.

 …. и много других. Все это под разные целевые аудитории. Больше можно посмотреть здесь.

Так же ознакомитесь с мнением может ли Анимэ стать мейнстримом (на анг языке).

Примеры японской анимации

 

 

Как создается анимэ?

Процесс создания аниме состоит из нескольких этапов:

• поиск идеи анимации и персонажа;
• придумывание концепта (продумываются персонажи, основная сюжетная линия, делаются какие-то первые наброски);
• написание подробного сценария;
• рисование персонажей и фонов;
• примерная раскадровка;
• зарисовки или скетчи приводятся в цифровой вид.

 

12 принципов создания анимации

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

1. Сжатие и разжатие

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

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

Важно: размер объекта не должен меняться в зависимости от того, сплющенный он или растянутый.

 

2. Подготовка к действию

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

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

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

Подготовка к действию — это обязательный прием для удержания внимания.

 

3. Инсценировка

Цель этого принципа состоит в том, чтобы как можно более точно раскрыть творческий замысел автора.

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

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

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

 

4. Спонтанное действие и От позы к позе

Принцип спонтанного действия состоит в том, что поочередно создается несколько рисунков без конкретного плана действий и финала.

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

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

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

 

5. Инерция и нахлест

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

Инерция и нахлест делают движения, тело и персонаж анимации более живыми.

В эту группу также входит такой принцип как оттяжка. Благодаря оттяжке при повороте головы персонажа его волосы или же щеки (как у бульдога) будут медленно и пружинисто двигаться за ней.

 

6. Замедление движения в начале и конце

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

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

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

 

7. Дуги 

Без учета движения персонажа по дуге возникают очевидные ошибки и они становятся слишком механическими.

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

 

8. Выразительные штрихи

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

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

Художник, который придает значение таким мелким деталям, наделяет анимацию жизнью.

 

9. Частота кадров

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

Меняя частоту кадров, аниматор может рассказать целых 10 историй. Если между основными кадрами поз много и они расположены близко друг к другу, то движения будут осуществляться очень медленно, а если кадров мало и они расположены на большом расстоянии друг от друга — движения будут очень быстрыми.

Стандартная частота кадров для кино равна 24. Анимация также рисуется в один, два или три кадра.

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

 

10. Гиперболизация

Принцип состоит в том, что почти каждое выражение лица, мимику и эмоцию необходимо сделать уникальной. 

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

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

Оптимальную степень гиперболизации определить сложно. Поэтому сперва необходимо гиперболизировать задумку по максимуму, а затем адаптировать под ролик.

 

11. Прорисовка

Рисовать по этому принципу нужно так, чтобы подать рисунок в рамках трехмерного пространства. Передавая массу, объем и равновесие персонажа.

Если нарисовать фигуру со всех сторон, то процесс анимации будет значительно упрощен.

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

 

12. Харизматичность

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

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

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

Тенденции (тренды) в анимации

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

• Смотрите Моушн Дизайн в 2024.

Вот самые популярные из них:

3D в стиле ретро и винтаж

Cтиль 3D-анимации, который снова становится популярным — это ретрофутуризм. Это позволяет использовать фантастическую эстетику, о которой люди в конце 70-х и начале 80-х думали, что будущее может выглядеть именно так.

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

 

Высоконтрасная Cel Animation

Это тенденция анимации, которая уже несколько лет находится на подъеме и используется некоторыми из ведущих компаний в мире, включая Nike, Nickelodeon, Disney, Cartoon Network и даже для игр Winter X.

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

Результат — забавная последовательность от которой трудно отвести взгляд.

Некоторые из лучших примеров взяты из Golden Wolf, компании по производству анимации, базирующейся в Лондоне.

 

Микс 2D и 3D

Тенденция, начавшаяся в последние годы и продолжающая нарастать, создает анимации, которые выглядят как сочетание 2D и 3D.

Вам не нужно далеко ходить, чтобы найти учебное пособие, в котором показано, как в итоге получить плоский 2D-взгляд, используя cel shader для рендеринга 3D.

Предоставляя 3D-объектам 2D-взгляд, аниматоры могут создавать выразительные, иллюстративные элементы, которые сразу привлекают внимание зрителя, обеспечивая четкую и красочную информацию.

Сверхсюрреализм

Если есть одна отличная анимационная тенденция, которая полностью использует силу изображений CGI, это стиль сюрреализм.

Эффект гипер-сюрреалистической анимации основан на объединении фотореалистичных элементов с фантастическими изображениями для создания сказочных миров и действий.

Есть такой пример анимации, как «The Dreamer» от Roof Studio для Honda, который привлекает зрителей к причудливому путешествию, поскольку реалистичное транспортное средство движется по диким местам. 

 

Динамическая анимация функций в приложениях

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

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

Возрождение 2D-анимации в маркетинге

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

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

 

Обучение, Курсы, Уроки

Рекомендуем:

• Курс Супер Motion
• Курс Супер Illustrator
• Курс Супер Cinema 4D
• Курс Супер After Effects 2

Здесь вы освоите 33 подробных урока по созданию анимации. Также, прочитав эту статью, вы найдете массу бесплатных уроков по Adobe Illustrator. 

Программы для создания анимации

Cinema 4D — универсальная комплексная программа для создания и редактирования трехмерных эффектов и объектов. 

Adobe After Effects —  программное обеспечение компании Adobe Systems для редактирования видео и динамических изображений, разработки композиций, анимации и создания разнообразных эффектов. 

Adobe Illustrator — редактор векторной графики и других дизайнерских решений.

Adobe Photoshop — многофункциональная программа графический редактор для создания 2D, 3D анимации, расовой графики и набором функций для создания векторных изображений. Большо о программе Adobe Photoshop можно прочитать в Википедии

Тебе также может быть интересно:

• Анимация vs Мультипликация: в чём разница?

Реклама. Информация о рекламодателе по ссылкам в статье.