12 Основные принципы анимации в дизайне движения

 Book_the_illusion_of_life "width =" 300 "height =" 319 "/> С ростом повсеместности цифровых устройств, движущихся интерфейсов и адаптивной технологии дизайн движения стал важная часть дизайнерских вариантов дизайнеров. Когда дизайнер думает о переносе графики, на ум приходят различные программы, такие как After Effects, Edge Animate или языки кодирования, такие как HTML5, CSS3 и jQuery. Мастерство инструментов не всегда гарантирует мастерство Понимание грамматики того, что формирует ремесло и почему происходит ситуация, является ключом к созданию осмысленного дизайна. Грамматика движения была вокруг, задолго до того, как дизайнеры разработали инструменты, и она будет продолжать руководство дизайнерами после инструментов эволюционировали. </p>
<p> Эффективная работа над грамматикой движения — это 12 основных принципов анимации, впервые введенных в книге <em> Иллюзия жизни: анимация Диснея. </em> <em> Иллюзия жизни </em> была написана аниматорами Диснея Олли Джонстоном и Фрэнком Томасом, двумя мастерами-аниматорами, упомянутыми Уолтом Диснеем в качестве «Девяти стариков». Независимо от стиля анимации — будь то рисование , 3D или экспериментальная анимация — 12 принципов можно увидеть практически в любом основанном на движении дизайне. </p>
<p> <span style=.

Хотя существует четкая разница между анимацией персонажа и дизайном движения (или графикой движения), 12 принципов по-прежнему применимы к этим процессам. Дизайнер и аниматор Cento Lodigiani описывает 12 основных принципов анимации в серии коротких анимаций с использованием простого куба. Это графическое исследование — идеальная аналогия, демонстрирующая, как принципы могут быть применены к дизайну движения.

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

Сквош и растяжка

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

Этот пример проектирования движения, «Что требуется, чтобы быть оригинальным», использует сквош и растягивание для объектов морфинга, таких как прямоугольник с закругленными углами, видимый в (00: 02-00: 05). Тонкое использование сквоша и растяжки добавляет ощущение веса и объема в плоской тональной графике во всем дизайне движения.

Постановка

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

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


Узнайте, как создать неотразимую работу по дизайну движения с помощью этого курса от HOW Design University:

  • Введение в веб-анимацию
  • Motion Graphics and Animation Design

Прямо впереди Действие & Поза позировать

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

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

Медленно и медленно

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

В конструкции движения открытия TEDxTianhe Slow In и Slow Out видны в круге (00: 02-00: 04), перемещаясь внутри овала и падая. Даже в объектах, которые не имеют идеальной формы, таких как куб нечетной формы (00: 16-00: 20), Slow In и Slow Out используются для наземной графики движения в реальности.

Дуга

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

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

Вторичное действие

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

В анимации «Пингвины с капюшонами» выше формы букв красиво рисуются в композиции, и как только основная анимация выполнена, визуальный отдых поддерживается тонким вторичным действием. В частности, взгляните на огонь вокруг B (00: 07-00: 10) и небольшие ошибки на C (00: 14-00: 17).

Сроки

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

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

Узнайте больше о работе Саула Басса в Саул Басс: Анатомия кинопроекта.

Твердый рисунок

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

Сериал Mad Men показывает силуэт человека в движении и падения из здания. Во всех позах персонаж имеет прочную форму и выглядит реалистично в трехмерном пространстве, даже когда это пространство меняется вокруг него.

Узнайте о вдохновении для последовательности Mad Men .

Обращение

Персонаж с призывом не всегда привлекателен. Он или она может быть уродливым или злым персонажем с определенным уровнем харизмы, который имеет смысл в истории. В дизайне движения привлекательность может быть установлена ​​до того, как все движется, выбирая интересный шрифт, создавая визуальный перевод или сопоставляя изображения.

Истинный детектив HBO — Последовательность основного эпизода

Конструкция движения названия последовательности для серии драмы HBO True Detective — прекрасный пример дизайна с призывом. При очень небольшом движении глаз втягивается в композицию интересным монтажом персонажа и пейзажа. Опять же, последовательность заголовков не привлекательна в том смысле, что вы хотите отправиться в отпуск там, но визуальная привлекательность шоу всегда присутствует.

Итак, вы говорите себе: это 12 основных принципов анимации, но вы показали только девять . Очень верно: Предчувствие Преувеличение Follow Through и Overlapping Action не относятся к приведенным выше примерам, но они так же важны. В следующий раз, когда вы смотрите рекламу, фильм или дизайн движения, ищите оставшиеся принципы анимации. Всякий раз, когда вы можете, продолжайте изучать и основываться на грамматике дизайна движения. Хотя инструменты будут меняться со временем, принципы и грамматика всегда будут там.

Впервые опубликован в марте 2015 года на HOWDesign.com

Сообщение 12 Основные принципы анимации в дизайне движения впервые появилось на HOW Design.

8 Основные принципы дизайна мышления

«Дизайн — это неигровая версия искусства», — сказал однажды Дуглас Купланд, писатель, художник и дизайнер, который взялся за дизайн и архитектуру стола. Однако, когда дело доходит до дизайнерского мышления, Стэнфордский университет может славиться своей дизайнерской школой дизайна, но дизайнерское мышление пробилось по всему миру, даже в старшие школы по всей стране. Каковы основные принципы проектирования…

Основные события в Google Pixel: Pixel 3, Home Hub, Pixel Slate, Chromecast

Ах, осень: запах тыквы (19459004), смена листьев и целая куча новых гаджетов от ваших любимых производителей оборудования. Сегодня Google добавил в эту кучу новую линейку устройств Pixel, представленную на медиа-мероприятии в Нью-Йорке. Есть новое поколение Pixel-телефонов, планшет под названием Pixel Slate, новое смарт-домашнее устройство с экраном и новый способ уродства телемаркетинга. Пропустил шоу? Вы можете…

Основные титулы Trollbäck + Company на титульном листе Нарисовать финальный занавес на 2018 Motion 'Un-Conference'

 Trollbäck + Основные титулы компании. Нарисуйте финальный занавес в 2018 году. Un-Conference '"width =" 728 "height =" 233 "class =" wide "/> </div>
<header/>
<div id=

Компания Trollbäck + создала названия« main-on-end »для Motion 2018 , который состоялся 5-8 июня в Санта-Фе, штат Нью-Мексико. Этот фрагмент был показан по завершении мероприятия, ознаменовавшего конец эры, поскольку 2018 год является последним годом движения «un-conference».

Компания Trollbäck + во главе с исполнительным креативным директором Эллиоттом Шаффером и дизайнером / аниматором Пэт ​​Кинг объединилась с мастером FX и давним сотрудником Christopher Webb из FX WRX для создания названий. Последовательность включает в себя ручные и лазерно- вырезанные буквы из MDF, карты и фанеры. Команда исследовала эти фигуры с абстрактными эффектами в камере, экспериментируя с элементами освещения, графика движения, теневое воспроизведение и прогнозы.

«Компания Trollbäck + была давним сторонником движения, но это год, они прошли выше и дальше », — прокомментировал Монтойя и Падилья. «Основной проект был за пределами нашего дикого воображения. Мы искренне благодарны!»

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

Основные виды клумб для дачного участка, фото – Rehouz

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

Лучшие сочетания шрифтов. Основные правила использования

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

Основные моменты Виртуальной выставки Superhouse, посвященной итальянскому дизайну в радикальный период

Знаток дизайна Стивен Маркос запустил платформу дизайна Superhouse в Instagram в конце 2019 года, за несколько месяцев до кирпича. -и-миномет резко перенесен в онлайн-пространство. Из своей квартиры в Бруклине он писал о дизайнерах, которыми он восхищался, а также о сборе средств в Интернете, проводимых с прошлого лета в пользу антирасистских организаций. С тех пор цифровой…

10 Основные характеристики продукции Heimtextil 2019

Для тех, кто ищет последние инновации в области текстиля и обоев, Heimtextil был местом, где можно было побывать в этом месяце. Крупнейшая в мире выставка-ярмарка текстиля для дома и подряда, состоявшаяся 9-12 января во Франкфурте-на-Майне, Германия, в 2019 году собрала около 70 000 посетителей из 156 стран, включая розничных торговцев, оптовиков, дизайнеров, магазины мебели и…

28 Основные события от Paris Deco Off 2019

10 ая годовщина ежегодного Paris Deco Off увидели, что более 120 выставочных залов и галерей приняли участие в этом растущем пятидневном параллельном мероприятии, посвященном январское издание Paris Maison & Objet. Участники выставочных залов, всплывающих окон и выставок по дизайну интерьеров, разбросанных по Рив Гош по Сен-Жермен-де-Пре и по Рив Друа по Рю дю Маль, —…

12 Основные моменты из Maison & Objet Сентябрь 2019

Посуда Yuan Eden от iBride. Фото любезно предоставлено iBride. Сентябрьская выставка Maison & Object, торговой ярмарки индустрии дизайна, которая привлекает 3000 экспонентов и более 85 000 посетителей, только что завершилась в Париже. С 6 по 10 сентября участники получили доступ к новейшим дизайнерским продуктам от ведущих брендов и производителей по всему миру. Среди выявленных тенденций…