В наши дни анимация логотипов становится все более распространенной. Между смартфонами и общим развитием интернет-технологий логотипы теперь гораздо чаще встречаются в цифровых пространствах, и это открывает двери для визуальных эффектов, таких как анимация, которые невозможны с физическими продуктами. Конечно, растущая популярность анимации логотипов означает, что все больше и больше брендов будут нуждаться в ней, чтобы оставаться конкурентоспособными. Так что научиться анимировать логотип может оказаться ценным навыком, который выведет ваш логотип на новый уровень.
Как анимировать логотип в After Effects за 7 шагов —
Подготовьте файл логотипа
Импортируйте логотип в After Effects
Настроить композицию
Анимация с ключевыми кадрами
Анимация со слоями-фигурами
Настройте время анимации
Экспорт анимированного логотипа
Шаг 1. Подготовьте файл логотипа
Фактически мы начнем наше руководство по анимации логотипа в Adobe Illustrator (или в аналогичном программном обеспечении для разработки логотипов, которым вы владеете). Это сделано для того, чтобы убедиться, что наш файл логотипа настроен для анимации.
Хотя само программное обеспечение для анимации является растровым, исходные файлы логотипов должны быть в векторном формате. Это позволяет изменять их без ущерба для качества изображения (например, увеличение масштаба растрового логотипа приводит к пикселизации), и это будет полезно позже при работе со слоями-фигурами.
] Логотип также должен быть многослойным, а не сгруппированным в один объект. Это позволяет легко создавать более сложные анимации путем анимации отдельных частей логотипа. Вы можете создавать новые слои, используя кнопку Добавить новый слой на странице внизу панели «Слои», затем скопируйте и вставьте в них части своего логотипа.
Наконец, поскольку анимация носит цифровой характер, мы также работаем с цветами RGB. Если ваш файл Illustrator настроен на CMYK, вы можете изменить это, выбрав свой логотип и перейдя к Редактировать > Редактировать цвета > Конвертировать в RGB .
Когда вы будете готовы, экспортируйте свой логотип как полностью многослойный векторный файл. Поскольку типы файлов After Effects относятся к семейству программного обеспечения Adobe, я собираюсь сохранить созданный мной логотип как файл AI (Adobe Illustrator), но есть несколько различных типов векторных файлов на выбор, если вы используете другой программное обеспечение.
Шаг 2. Импортируйте логотип в After Effects
Откройте After Effects. На первый взгляд интерфейс может показаться сложным, поэтому давайте разберемся по основам:
Панель инструментов : здесь вы можете получить доступ к основным инструментам построения графики, таким как инструмент «Перо», инструмент набора текста и т. Д.
Панель проекта : здесь вы управляете и систематизируете медиафайлы для вашего общего проекта.
Окно композиции : это окно предварительного просмотра видео, в котором вы можете просмотреть анимацию для текущей композиции (часто называемой композицией), над которой вы работаете. Композиции — это, по сути, сцены, каждая из которых имеет свою отдельную временную шкалу анимации. В следующем разделе мы обсудим композиции более подробно.
Хронология : Здесь вы будете строить свою анимацию. Он состоит как из буквальной временной шкалы справа (где вы настроите события анимации для запуска на временном графике), так и из области компоновки слева (где вы будете накладывать и редактировать атрибуты ваших медиаресурсов).
Панель управления : здесь вы можете получить доступ к различным вспомогательным функциям, таким как информация о мультимедиа, параметры абзацев и выравнивания, а также готовые библиотеки анимации и визуальных эффектов, встроенные в After Effects.
Если вы не уверены в каком-либо инструменте или кнопке, наведя на них курсор мыши, вы увидите описание.
Чтобы импортировать файл логотипа, просто перетащите его на панель «Проект» или перейдите к Файл > Импортировать > Файл . В следующем диалоговом окне выберите импорт медиафайлов как Видеоряд и объединенные слои .
Шаг 3. Настройте композицию
Композиция (comp) — это контейнер, который позволяет вам накладывать, редактировать и применять анимацию к медиафайлам. Более крупная продукция, например фильм, будет содержать несколько композиций, организованных на панели проекта. Таким образом, вы можете думать о композициях как о единой сцене в этом фильме, и каждая композиция будет иметь свою отдельную временную шкалу. В нашем случае для анимации логотипа, которая длится менее пяти секунд, требуется очень мало композиций.
Шаг 4. Анимация с использованием ключевых кадров
After Effects (и большинство программ для анимации) работают с помощью ключевых кадров. Ключевые кадры — это, по сути, маркеры, которые вы можете установить на временной шкале, чтобы определить, когда должны произойти начальные и конечные состояния вашей анимации.
Например, давайте начнем с очень простой анимации: постепенного появления. К объекту прикреплены различные атрибуты, а атрибуты, изменяемые в течение заданного периода времени, по сути, и есть анимация. Чтобы просмотреть эти атрибуты, щелкните значок развертывания рядом с логотипом и последующим свойством Transform .
Шаг 5. Анимируйте свой логотип с помощью слоев-фигур
Теперь давайте перейдем к более интересным техникам анимации с помощью слоев фигур. Слои-формы — это объекты, которые содержат информацию о путях, такую как точки привязки и соединительные линии (аналогичные тем, которые используются в векторных программах), и манипулирование ими открывает двери для целого ряда возможностей анимации, помимо свойства Transform .
]
Шаг 6. Настройте время анимации
Давайте поговорим о времени, которое описывает темп кадров анимации на протяжении всей анимации. Вы можете увидеть визуальное представление времени, перейдя в редактор графиков . Для этого щелкните значок графика (помеченный Редактор графиков если вы наведете на него курсор) в верхней части панели временной шкалы, и это превратит временную шкалу в линейный график.
Если вы щелкните один из атрибутов ключевого кадра, вы увидите прямую линию от одного ключевого кадра к другому. Прямо сейчас, поскольку мы создавали только начальные и конечные ключевые кадры, мы предоставили After Effects расчет времени. Без направления After Effects равномерно перемещает каждый кадр анимации, в результате чего получается идеально прямая линия.
Шаг 7. Экспортируйте анимированный логотип
Когда вы будете готовы экспортировать готовый анимированный логотип, перейдите в Файл > Экспорт > Добавить в очередь Adobe Media Encoder . After Effects по умолчанию экспортирует файл в формате mp4, что подходит для видео. Поскольку мы хотим создать файл изображения нашего логотипа, которым можно поделиться, мы будем экспортировать его как анимированный GIF. В окне Media Encoder щелкните стрелку рядом с выделенной синей строкой текста под словом «Формат» и выберите Анимированный GIF . Вы также можете установить папку назначения для вашего готового файла, щелкнув синий текст под словами «Выходной файл».
Оживите свой бренд с помощью анимации логотипа —
Анимация логотипов — это больше, чем просто популярная тенденция, за которой вынуждены следовать бренды. В анимации логотипа также есть неоспоримое волшебство, и это отличный способ создать момент визуального удовольствия для всех, кто взаимодействует с вашим брендом. И, к счастью, программное обеспечение для анимации эволюционировало так, что почти любой, независимо от навыков, может добавить немного этой магии в свой собственный логотип.
С учетом сказанного, хотя это руководство предназначено для того, чтобы начать с основ анимации логотипа, требуется немало проб и ошибок, практики и экспериментов, чтобы получить что-либо, выходящее за рамки базовой анимации. Если вам нужна действительно особенная анимация логотипа, профессиональный аниматор логотипов стоит вложенных средств.
Хотите получить идеальный анимированный логотип для своего бизнеса?
Работайте с нашими талантливыми дизайнерами, чтобы это произошло.
Загрузка...
