Инфографика в афтер эффект: 3 Лучших Шаблона Инфографики для Adobe After Effects

Разница между After Effects и Cinema 4D

Adobe After Effect — это программное обеспечение, которое используется для создания движущейся графики, спецэффектов, визуальных эффектов, а также создания приложений и компьютерной анимации. Это разработано Adobe Systems в 1993 году. After Effect поддерживает как платформу Windows, так и Mac OS. Cinema 4D — это программное обеспечение, которое используется для 3D-моделирования, рендеринга, анимации, рисования движущейся графики и т. Д. Это программное обеспечение было разработано компанией Maxon в 1990 году, ее немецкой компанией. Первоначально он был разработан только для компьютеров Amiga, и на этой конкретной платформе работает до трех последовательных версий. Maxcon начинает разрабатывать его для платформ Mac и Windows с четвертой версии (V4.0).

Приложения Adobe After Effect

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

Версия

Первые две версии этого программного обеспечения выпущены Компанией науки и искусства в 1993 году версии 1.0 и 1.1. Aldus выпускает свою версию 3.0 в 1994 году. Adobe запускает свою версию, начиная с версии 3.0. В 1997 году. Впервые версия поддержки окна была выпущена в 1997 году с версией 3.1 после этой версии, впервые выпущенной для Mac и Windows в этом году. 1999. Версия 5.5 была выпущена в 2002 году с первой поддержкой OS X. С июля 2007 года они начинают выпускать новую серию CS с CS3.0 и продолжают эту серию до CS6.0 (2012). Позже Adobe начинает свою новую серию с CC (12.0) в 2013 году и продлится до последнего выпуска CC (16.0) в октябре 2018 года.

Плагины

After Effect имеет поддержку различных плагинов. Эти плагины создают дополнительный эффект, такой как система частиц, для реалистичных эффектов дождя, снега, огня и т. Д. С помощью этих плагинов мы выполняем следующие эффекты

• Улучшение рабочего процесса и визуальные эффекты
• Добавление высококачественной коррекции цвета
• Перевод сроков с FCP или Avoid
• Устранение мерцания, шума или фальсификации
• Расчет 3D движения камеры в 2D видео снимке
• Создание анимированных диаграмм, графиков и другой визуализации данных
• Система частиц, медленное движение
• Имитация огня, дыма или воды

Приложения Cinema4D

Cinema 4D — это гибкое и надежное программное обеспечение, которое обеспечивает превосходный результат для 3D-художника. Основная область применения — это процедуры и полигональное моделирование, анимация, Movies / VFX, освещение, текстурирование, рендеринг, архитектурный дизайн, игры, трансляция, визуализация и т. Д. Это те немногие популярные фильмы, в которых многие из них были видны и отлиты в Cinema. 4D, например, «Форсаж 7», «Железный человек 3», «Куда умирают мертвые», «Начало, Война миров» и многое другое

Cinema 4D поставляется с четырьмя вариантами.

1. Cinema 4D Studios: — Этот модуль оптимизирует возможности 3D-художника. Его предложение передовой 3D-графики.
2. Cinema 4D вещание: — Этот модуль помогает создавать динамическую вещательную графику с легким доступом. Это в основном модуль с богатой трехмерной графикой.
3. Cinema 4D Visualize: — Этот модуль добавляет лучший эффект визуализации и добавляет реалистичности вашему воображению
4. Cinema 4D prime: — Этот модуль является полностью профессиональным модулем и идеальным выбором для графического дизайнера и 3D-художника.

Версии

Первая версия была выпущена в 1990 году, позже они выпускали все новые и новые версии год от года.

В 1996 году впервые запущена многопроцессорная версия для кинотеатра 4D. К 2000 году кузовная краска 3D становится доступной как интегрированная с cinema 4D из его версии V6. 0. Cinema 4D стала первым приложением для профессиональной 3D-графики 3D из своей версии R 10 к 2010 году. Кино 4D R11.5 полностью совместимо с Mac Ox и Windows 7. Последняя версия Cinema 4D — R20, выпущенная в сентябре 2018 года.

Плагины рендеринга

• Красная рубашка
• Финальный рендер этап 2.0 sp4
• Furry Ball GPU визуализации
• Фрай и индиго рендер
• Максвелл Рендер
• Ментальный и V-лучевой
• Кракатау от Толстого
• Ментальный луч и Ири
• Октан Рендер

Сравнение лицом к лицу между After Effects и Cinema 4D (Инфографика)

Ниже приведены 13 основных отличий After Effects от Cinema 4D.

Ключевые отличия After Effect от Cinema 4D

Оба After Effects против Cinema 4D являются популярным выбором на рынке; Давайте обсудим некоторые основные отличия After Effects от Cinema 4D:

Функция After Effect

• Усовершенствованные кукольные инструменты для создания сетки
• Родные 3D глубины проходов
• Проще и быстрее выражение
• Адаптивное время проектирования
• Выборочная цветовая градация с цветом люметри
• Дисплей управления цветом
• Улучшен обмен файлами шаблонов движущейся графики с Premiere Pro
• Родные плагины Mocha AE для последействия
• Создать в VR 180, превью в гарнитуру
• Оптимизация производительности и GPU
• Мастер уточнения свойств
• Панель обучения
• Более тесная интеграция с animate и XD
• Групповое приглашение для командных проектов
• Улучшения поддержки форматов
• Креативные улучшения в облаке
• Выборочная цветовая градация с цветом люметри
• Дисплей управления цветом
• Создавайте в VR 180, просматривайте их в гарнитуре
• Оптимизация производительности и графического процессора
• Мастер уточнения свойств
• Панель обучения
• Более тесная интеграция с animate и XD
• Групповое приглашение для командных проектов
• Улучшения поддержки форматов
• Креативные улучшения в облаке

Cinema 4D Feature

• Улучшенное моделирование Kernal
• Более быстрое воспроизведение изображений
• Оптимизация скорости и памяти
• Режим интерфейса командной строки установщика
• Базовый материал узла
• Один узел, несколько соединений
• Обзор материалов
• Пользовательский интерфейс
• Многоразовые активы и управление версиями
• Mograph Falloffs
• Модификаторы полей и деформаций
• Подано в качестве источника VDB и фильтров
• Изменить выбор и карты
• Полевой объект
• Радиальное поле
• Звуковое поле
• Случайное поле
• Поданный слой
• Сплайн объект
• Переменная метка
• Точечный объект
• Модификаторы поля
• распадаться
• квантовать
• Стоп-кадр
• Импорт данных cad
• Простой, гибкий и надежный импорт
• Объемное моделирование
• Подповерхностное рассеяние
• Motion Blurr
• Многопроходный рендеринг
• Отслеживание движения
• Несколько экземпляров

Таблица сравнения между After Effects и Cinema 4D

Ниже приведены лучшие сравнения After Effects и Cinema 4D.

Вывод — After Effect Vs Cinema 4D

Программное обеспечение Adobe After Effect подходит для некоторых приложений, таких как наложение видео, добавление визуальных эффектов, рендеринг, в то время как cinema4D хорош для моделирования и анимации, поэтому программное обеспечение After Effects Cinema 4D достаточно для некоторых конкретных областей. Использование After Effects против Cinema 4D зависит от того, какой тип приложения вы хотите использовать. ПО After Effects Cinema 4D имеет взаимную интеграцию друг с другом. Adobe After Effect изначально разрабатывался компанией науки и искусства в Ирландии. Эта компания запустила свои первые две версии 1.0 (январь 1993 г.) и 1.1. После этого это программное обеспечение было приобретено корпорацией Aldus в июле 1993 г., которая впоследствии была приобретена Adobe в 1994 г. Таким образом, первой версией Adobe этого программного обеспечения был Adobe After Effect. версия 3.0.

Рекомендуемые статьи

Это руководство по основным отличиям After Effects от Cinema 4D. Здесь мы также обсудим ключевые отличия After Effects от Cinema 4D с помощью инфографики и сравнительной таблицы. Вы также можете взглянуть на следующие статьи, чтобы узнать больше —

1. Кинотеатр 4d против 3ds Max
2. Adobe Photoshop против CorelDraw
3. Adobe Illustrator против Adobe Photoshop
4. Adobe Premiere против After Effects
5. Руководство по Adobe Illustrator для студентов
6. Замедленное движение в After Effects

Скрипты в After Effects своими руками.

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

Приступим

Вам должно быть уже известно, что скрипты для продуктов Adobe пишутся на языке ExtendScript, что, несмотря на название, является усеченной версией JavaScript.

Первое что вам понадобится — это IDE (интегрированная среда разработки) которое предоставляет сам Адоб: Adobe ExtendScript toolkit (далее EST). Это специальная программа для написания скриптов. Обычно IDE служит для упрощения и облегчения работы программиста, но мама компании Адоб всегда говорила дочке, что она особенная. Скорее всего именно поэтому EST часто делает неправильные подсказки, не имеет хорошей библиотеки и ведет себя отвратительно. Но тут есть одна киллер-фишка: вы можете подключиться к AE напрямую, писать и дебажить скрипт.

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

Но правильные пацаны часто пишут все сначала в редакторе Sublime text, а потом уже прогоняют через EST.

Литература от Adobe

Так же ресурсы, которые помогают скриптописцу: форум Адоб и настольная книга по написанию скриптов. Последнее — это золото, книга для настоящих мужчин! Говорят, рядом с людьми прочитавшими эту книгу спинеры перестают вращаться. И самое главное что есть в этой книге разместилось на страницах 11-13 — это объектная модель и список этих самых объектов.

Вот как это работает: допустим тебе нужно получить доступ к слою. Ты смотришь на 11-ю страницу, находишь layers в дереве объектов и видишь, что путь к нему лежит так: app. project.item(<инекс>).layer(<индекс>). А дальше идешь на 12-ю страницу, находишь указатель на статью про AVLayer object, щелкаешь на нее — вжух — и вот информация обо всем, что ты можешь сделать со слоем.

А что же другие? Не Адобом же единым, ну в самом деле!

Мега полезный скрипт от www.redefinery.com, называетя rd_GimmePropPath.jsx, скачать можно тут. Выделяешь свойство слоя и он выдает путь до него в два окошка: в одном путь для экспрешенов, в другом — для скриптов. Можно выбрать с какого объекта будет вестись иерархия, упрощать ли выражения и немного других параметров — все интуитивно понятно.

Интереснейшая книга по созданию интерфейсов для продуктов Адоб: scriptui.pdf (скачать можно тут) от Peter Kahrel. Только в ней я нашел действенный способ как хранить картинки непосредственно в теле скрипта.

И просто бомбическая серия видеоуроков от Девида Торно на английском языке: тут и базовые уроки по Javascript и пример создания панели (как обычной так и встраиваемой) и множество примеров рабочего кода.  Если вы уже хороши в JavaScript, то посмотрите Эпизоды 11 и 12 и закройте для себя тему создания интерфейса для скрипта.

Ну и не забываем про форум creativecow.net и stack overflow где скопились тысячи вопросов и ответов по нашей теме.

Ну а на закуску

посмотрите хорошие видосы по теме

Мир, братья!

Создание анимированной инфографики в Adobe After Effects

Хотите создавать динамичную инфографику? Ознакомьтесь с этой серией подробных видеоуроков по созданию привлекательной инфографики с помощью After Effects.

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

Аниматор и дизайнер из Портленда Майкл Джонс недавно создал четкую инфографику движения , а затем разбил процесс на серию подробных видеоуроков. Он демонстрирует, как он создавал определенные снимки, объясняя пошаговый процесс в After Effects (см. Видеоуроки ниже). В финальном видео содержится послание, основанное на вере, но используемые методы, очевидно, могут быть применены к любому проекту, в котором вам нужно изложить информацию (корпоративный, коммерческий, церкви, организации и т. Д.).

Первый , давайте посмотрим на последнее видео:

Это отличная серия тематических исследований и руководств для всех, кто интересуется созданием профессиональной инфографики в After Effects. Спасибо, что поделились, Майкл!

Узнайте, как визуализировать и настроить этот тип инфографического проекта After Effects — обзор и предварительная подготовка:

Углубленный взгляд на текстовую анимацию и создание эффекта раскрытия текста :

Анимируйте плавающий прямоугольник с помощью масок в After Effects:

Воссоздать крутой эффект разбитой лампочки :

Анимированная инфографика, видео и визуализация данных с использованием Adobe After Effects

• Вам понадобится копия Adobe After Effects, Illustrator & Photoshop CC 2017 или более поздней версии. 90% курса будет выполнено в After Effects, но некоторые вещи лучше сделать в Illustrator и Photoshop. Бесплатную пробную версию можно загрузить с сайта Adobe.
• Никаких навыков анимированной графики не требуется.
• Никаких навыков работы с After Effects, Illustrator или Photoshop не требуется.

• 48 лекций 5+ часов хорошо структурированного содержания.
• Вы научитесь брать электронные таблицы Excel и анимировать их в After Effects.
• Вы узнаете, как создавать анимированные круговые диаграммы, линейные диаграммы и гистограммы.
• Вы узнаете, как создавать счетчики процентов.
• Вы научитесь анимировать значки, создавая красивую инфографику.
• Вы узнаете, как создавать голосовую инфографику.
• Вы научитесь всем техникам анимации, необходимым для воплощения ваших данных в жизнь.
• У вас будут готовые файлы, поэтому вы никогда не отстанете.
• Загружаемые файлы упражнений и шпаргалки.
• Поддержка форума от меня и остальной команды BYOL.
• Методы, используемые профессиональными графическими дизайнерами.
• Множество других ресурсов и веб-сайтов, которые помогут вам в новом карьере.

• Предварительный опыт работы с After Effects не требуется.
• Этот курс предназначен для людей, совершенно не знакомых с After Effects. Никакого предыдущего опыта работы с анимацией или графическим дизайном не требуется.
• Это непринужденное, динамичное введение, которое позволит вам создать впечатляющее видео для вашего бизнеса или организации. Требуются только базовые навыки работы с компьютером — если вы умеете отправлять электронные письма и пользоваться Интернетом, то вы хорошо справитесь с нашим курсом.
• Возмещается 100% средств, если вы не найдете этот курс полезным. Просто напишите мне, без вопросов, я верну вам платеж в полном объеме.

Продолжительность курса 5,5 часа + ваша учеба.

Как создать простую инфографику индикатора выполнения в After Effects

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

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

Мы собираемся создать индикатор выполнения , используя простую технику инфографических элементов внутри After Effects. В следующем посте, после того как мы создадим один индикатор выполнения (эта статья), мы собираемся создать презентацию инфографики индикатора выполнения.

Не стесняйтесь взглянуть на предыдущий пост о том, как создать простую инфографику с подсчетом чисел в After Effects.

Мы собираемся создать следующую инфографическую анимацию:

Сводка шагов (инфографика индикатора выполнения в After Effects):

• новая композиция (шаг 1)
• добавить граница индикатора выполнения (шаг 2)
• создание элемента индикатора выполнения (шаг 3)
• создание элемента процентного числа (шаг 4)
• создание нулевого объекта (шаг 5)
• создание всех соединений нашей инфографики (шаг 6)
• создать простой текст внутри индикатора выполнения (шаг 7)
• создать инфографическую анимацию (шаг 8)

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

. Давайте начнем.

Создание инфографики индикатора выполнения в After Effects:

Шаг 1 (новая композиция):

Откройте After Effects, создайте новый проект и создайте новую композицию, перейдя в композицию — новая композиция (ярлык: ctrl + N).Я установил для себя соотношение сторон HD (ширина 1280 x высота 720), 24 кадра в секунду (кадр в секунду), и я делаю продолжительность около 3 секунд. И последнее, но не менее важное: я переименовал его во что-то вроде «индикатор выполнения 1».

Шаг 2 (добавление границы индикатора выполнения):

Выберите инструмент «Прямоугольник со скругленными углами » (Q) и попробуйте создать простой прямоугольник, как на изображении ниже. Установите белый цвет заливки и удалите цвет обводки. Также выровняйте его по центру вашей композиции.Я переименовал слой-фигуру в «граница индикатора выполнения»

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

Шаг 3 (создание элемента индикатора выполнения):

Теперь пора создать элемент инфографики индикатора выполнения.

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

Примечание: Для идеально прямой линии вы должны удерживать shift , когда вы делаете второй щелчок (конец линии).

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

Мы пока не собираемся ничего с этим делать. Оставим как есть и двинемся дальше.

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

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

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

Шаг 4 (создание элемента процентного числа):

Выберите инструмент типа (ctrl + T) и просто щелкните один раз в канве After Effects в любом месте, где это не имеет значения, чтобы закрыть команду, щелкните в любом месте вашего область слоя. И вообще ничего не печатайте.

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

Шаг 5 (создание нулевого объекта):

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

Перейти к слою — новый — нулевой объект .Нулевой объект был создан и центрирован в нашей области After Effects. Нет необходимости перемещать его или что-то с ним делать. Просто переименуйте его в «Контроллер инфографики».

Теперь мы хотим добавить эффект ползунка к нашему только что созданному нулевому объекту. Поэтому выберите контроллер инфографики (нулевой объект), перейдите в раздел «Эффекты и предустановки» и введите ползунок. В разделе «Элементы управления выражением» вы можете найти конкретный эффект. Дважды щелкните или просто перетащите его на нулевой слой.

Эффект элемента управления ползунком имеет только один параметр, поскольку название предполагает параметр ползунка.

Шаг 6 (создайте все связи нашей инфографики):

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

Подключение индикатора выполнения:

На данный момент у нас есть четыре слоя в нашей композиции. Разверните слой с индикатором выполнения до тех пор, пока не найдете секцию обрезки контуров 1, а также разверните его.Есть атрибут End . Alt + щелкните по нему левой кнопкой мыши, и процент станет красным, что является индикатором того, что вы находитесь в режиме выражения. Ничего не пишите, просто щелкните и перетащите соединение от маленького символа, который выглядит как этот «@», к ползунку в нашем нулевом объекте. Для этого вам нужно сначала выбрать контроллер инфографики (нулевой объект), а затем, когда индикатор выполнения уже развернут, установить связь между ними.

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

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

Шаг 7 (создайте простой текст внутри индикатора выполнения):

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

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

Выберите инструмент типа (ctrl + T), щелкните и введите инфографику. Конечно, вы можете вводить все, что хотите.Сделайте текст белым, примените любой понравившийся шрифт. Самое главное, разместите этот новый текст внутри индикатора выполнения слева.

Шаг 8 (создание инфографической анимации):

Теперь мы создали наши инфографические связи, пора их анимировать, верно!

Выберите контроллер инфографики, перейдите к кадру 0 на временной шкале и добавьте ключ к ползунку контроллера инфографики, нажав значок секундомера слева от атрибута ползунка.Ключ был добавлен. Через две секунды добавьте еще один ключ к ползунку, на этот раз сделайте его равным 71 значению. Выберите обе клавиши на шкале времени и нажмите F9 (Легкое замедление) для более плавного перехода.

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

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

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

thisComp.layer («контроллер инфографики»). Effect («Slider Control») («Slider»)

Это выражение было создано, когда мы просто соединили этот параметр с ползунком (нулевым объектом).Чтобы удалить десятичную точку, вам нужно добавить простую функцию в начале этой строки выражения и добавить дополнительные скобки после функции Math.round, а также в ее конец. Функция Math. Около . Функция, превращающая десятичную запятую в целое число.

Нашим новым фиксированным выражением будет:

Math.round (thisComp.layer («инфографический контроллер»). Effect («Slider Control») («Slider»))

Как видите, если вы играете анимация, проблема решена.

Вот и все, вы сделали это.

Заключение:

Создание инфографики индикатора выполнения в After Effects, как вы видите, не так уж и сложно, конечно, если у вас есть базовые знания After Effects.

Кроме того, в нашем примере мы решили использовать ползунок для одновременного управления обоими имеющимися у нас элементами инфографики (индикатор выполнения, процентное число) и не управляли ими обоими по отдельности с помощью ручного процесса.Причина этого — время. В нашем примере нам нужно было анимировать только два инфографических элемента. Но что, если бы у нас было 5 или 10 элементов! Нам пришлось бы анимировать все эти дополнительные элементы по отдельности и синхронизировать их все вместе, что является дополнительной работой с нашей стороны. Конечно, в некоторых случаях конечным результатом может быть анимация всего по отдельности, чтобы мы могли иметь вариант.

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

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

Гуру After Effects: анимация инфографики

Выпущено