25 советов motion-дизайнеру

25 советов motion-дизайнеру

08.07.2019 Motion дизайн

Итак, несколько простых наблюдений о том, как сделать motion графику лучше.

Во-первых, что я заметил в хорошей графике, так это то, что она никогда не сводит вместе все эффекты. Обычно речь идет о добавлении «недостатков», делая заголовки со сколотой текстурой или, чтобы движение не было слишком равномерным (например, анимация, которая добавляет ускорения/замедления движению и т. д.). Обычно, когда вы только начинаете, графика выглядит слишком «чистой» или, в худшем случае, совсем не похожа на то, что вы использовали After Effects.

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

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

 

 

 

Градиенты

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

 

 

 

Виньетка

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

 

 

 

Текстуры

Текстуры - один из самых простых способов сделать ваши названия более интересными. Один из способов - просто предварительно скомпилировать текст, поместить текстуру под ним и установить texture's track matte значение «Alpha matte». Есть множество бесплатных текстур онлайн в свободном доступе.

 

 

 

Цветовая градация

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

 

 

 

Тени

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

 

 

 

 

Контраст

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

 

 

 

Фоновое движение

Motion graphics называется "графика движения", не так ли? Любое движение на заднем плане обычно делает видео более интересными для просмотра. Я использовал анимированный фрактальный шум здесь. Есть много способов добавить фоновое движение. Многие трейлеры фильмов используют увеличенное размытое изображение, которое панорамируется вбок.

 

 

 

 

 

Свечение

Есть много способов добавить свечение. Есть встроенные фильтры свечения и множество сторонних фильтров, таких как Trapcode Starglow или другие в Red Giant Universe. Я дублирую то, что хочу сделать светом, устанавливаю режим переноса верхнего слоя на «Добавить», применяю эффект быстрого размытия, а затем настраиваю размытие и непрозрачность как необходимо.

 

 

 

 

Light Sweep

Вы знаете, что делает текст сияющим? В After Effects есть встроенный эффект CC Light Sweep, который делает это довольно легко, когда вам просто нужно поиграться с некоторыми настройками и анимировать положение. Для этого я сделал это «трудным» путем, сделав свой собственный Light Sweep с помощью белого слоя, склеив его с текстом и т. Д.

 

 

 

 

Световые лучи

Я использовал Trapcode Shine здесь, но есть некоторые встроенные фильтры световых лучей, а также в Video Copilot есть учебник по созданию трехмерных световых лучей. Кроме того, если вы собираетесь использовать Trapcode Shine, сделайте себе одолжение и измените настройки цвета по умолчанию, ВСЕ, кто использовал Trapcode Shine, запоминают цвета по умолчанию.

 

 

 

 

Блики

Хотите несколько быстрых заголовков? Тогда просто сделайте то, что делает большая часть рекламных роликов, сделайте какой-нибудь металлический текст и добавьте крошечный блик под ним. Может быть, с большим мерцанием от камеры. Я думаю, что большинство людей используют оптические вспышки от Video Copilot, но есть также Knoll Light Factory.

 

 

 

 

Slams

Самая базовая анимация заголовков, которую вы можете сделать. Когда я только начинал, я анимировал масштаб заголовка с большого до 100%, но теперь я изменяю текст на 3D-слой и анимирую его Z-позицию. Масштабирование выглядит лучше, и вы можете получить эффект наезжающей камеры.

 

 

 

 

Motion Blur

Просто убедитесь, что выборка установлена ​​достаточно высоко, чтобы вы не увидели рывков в размытии. Или установите затвор под другим углом. Чем ниже угол затвора, тем меньше размытость при движении.

 

 

 

 

Пошаговая анимация

Обычно, если отдельные элементы анимируются на экране один за другим, это выглядит более интересно. Я использую pt_ShiftLayers из aescripts + aeplugins, если у меня есть тонна анимированных слоев, и мне нужно разбить их на определенное количество кадров. Также здесь я использовал DecomposeText для разделения букв.

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

 

 

 

 

Графический редактор

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

 

 

 

 

Отскок

Есть несколько способов сделать эту прыгающую анимацию. Одним из них является Ease and Wizz из aescripts + aeplugins.

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

 

 

 

 

Цветовые переходы

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

 

 

 

 

Mattes

Существует множество способов сделать mattes, но в целом все сводится к созданию слоя, который каким-то образом переходит из черного в белый (или наоборот) в каком-то анимированном стиле, используете ли вы стоковые кадры или делаете свои собственные специальные переходы с использованием анимированных фигур. Изучите track mattes и маски пораньше, они используются ВЕЗДЕ.

 

 

 

 

Twitching

Во многих названиях используются какие-то случайные интервальные изменения, особенно для научной фантастики и ужасов. Я сделал случайное изменение масштаба и положения, а затем сделал корректирующий слой, чтобы искажать материал, и сделал непрозрачным этот корректирующий слой, чтобы искажения происходили случайным образом. Есть также плагин Twitch от Video Copilot. Для разделения RGB и ТВ искажения я использовал плагины из TV Distortion bundle.

 

 

 

 

Частицы

Не совсем «простая» техника, но частицы движутся почти повсюду в motion графике. Используете ли вы CC Particle World, встроенный в After Effects, или приобретаете Trapcode Particular, узнайте, как работать с частицами. Существует слишком много настроек для этих эффектов, и чем раньше вы начнете, тем быстрее ваши работы будут выглядеть лучше.

 

 

 

 

Компоновка

Иногда вам просто нужно добавить в свои работы кадры реальной жизни, чтобы они выглядели лучше или более «реально». Будь то огонь или клубы дыма, чтобы создать впечатление, что ваш заголовок оказал влияние. Это тот случай, где вам приходится покупать какие-то видеоматериалы, потому что это, вероятно, будет дешевле, чем взрывать вещи самостоятельно, а затем создавать свои собственные элементы. Большинство людей имеют пакет Action Essentials от Video Copilot.

Для этого я просто добавил несколько элементов пыли и элемента огня. Затем я анимировал маску для перехода от белого текста к красному.

 

 

 

 

Движение камеры

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

 

 

 

 

Глубина резкости

Когда вы работаете с 3D-камерами, почему бы не включить глубину резкости, чтобы не все было в фокусе? Или переходить от одного названия к другому, и в фокусе появляется второй? Просто нужно сместить ваши 3D-объекты, активировать глубину резкости на вашей камере, а затем настроить апертуру. Помните, что маленькая апертура означает большую глубину резкости, а большая апертура означает меньшую глубину резкости.

 

 

 

 

Тряска камеры

Это относится к категории добавления «недостатков», когда вы заставляете камеру дрожать, чтобы добавить эффект к вашим заголовкам. Для этого у меня есть все элементы в виде 3D-слоев и слой камеры, связанный с нулевым слоем объекта. Затем выражение покачивания привязывается к ползунку управления на нулевом объекте.

 

 

 

 

 3D текст

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

 

Поделиться:
Выберите мессенджер:
Выберите оператора:

Написать нам в