Сервис для
сео - оптимизаторов

Найди ошибки на сайте
Ошибки мешают продвижению сайта
Исправь ошибки на сайте
Сайт без ошибок продвигать легче
Получи новых клиентов
Новые клиенты принесут больше прибыль

Как использовать After Effects для анимации в социальных сетях

  1. Что нужно знать перед тем, как перейти к последствиям
  2. Наш творческий процесс
  3. Благодаря большинству социальных анимаций наш клиент хочет выделить ключевой продукт или коллекцию...
  4. Панель проекта
  5. Редактируемые стили слоя
  6. Media Encoder (преобразование файла MOV в MP4)

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

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

Что нужно знать перед тем, как перейти к последствиям

Наша команда углубилась в Adobe After Effects, чтобы воплотить в жизнь наши идеи видео и анимации. Перед тем, как начать, необходимо предпринять несколько важных шагов, чтобы подготовить свой проект к успеху. Даже если вы знакомы с другими продуктами Adobe Suite, инструменты и возможности After Effects могут показаться довольно странными, если вы никогда не использовали программное обеспечение. Переход от разработки статических 2-D дизайнов в Photoshop к работе на временной шкале для анимации в After Effects может быть пугающим с введением стольких новых инструментов, но творческие возможности откроются безмерно даже при базовом понимании рабочего пространства! Чтобы помочь вам начать, мы составили список наших основ движущейся графики.

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

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

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

Наш творческий процесс

Первым и наиболее важным шагом нашего процесса является понимание целей нашего клиента с помощью видео. Благодаря большинству социальных анимаций наш клиент хочет выделить ключевой продукт или коллекцию анимированным креативом, который выделяется в ленте пользователя. Оттуда мы прыгнем в концепцию анимации. На этапе концепции и мозгового штурма мы стремимся создавать анимации и композиции, которые пробивают шум, который часто загромождает каналы нашей аудитории. Чтобы сделать это, мы учитываем несколько вещей при разработке концепции: мы хотим, чтобы наша идея быстро достигла сути (основные характеристики продукта, цвета, в которые он входит и т. Д.) И чтобы он вовлекал зрителя.

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

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

Чтобы создать раскадровки выше, мы сначала создали файл Photoshop с несколькими артбордами 1200x1200px. Артборды будут нашими раскадровками, начиная с первого кадра анимации и заканчивая последним кадром. При выборе того, какие кадры включить в наши раскадровки, мы хотим, чтобы наш клиент мог видеть общее направление анимации во времени. Мы решили показать ключевые моменты или сцены видео. Photoshop играет важную роль, прежде чем перейти непосредственно к After Effects. В Photoshop мы собираем и организуем все ресурсы, которые будем использовать в After Effects.

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

После создания раскадровок и внесения любых изменений клиента пора погрузиться в After Effects, чтобы начать создавать анимацию. Мы начнем с создания композиции размером 1200x1200 пикселей. Затем на панели «Проект» мы импортируем наш файл Photoshop раскадровки со всеми активами и изображениями, которые мы будем использовать в анимации.

Затем на панели «Проект» мы импортируем наш файл Photoshop раскадровки со всеми активами и изображениями, которые мы будем использовать в анимации

Панель проекта

Обязательно выберите «Редактируемые стили слоев» в «Параметре слоев», чтобы импортировать разные слои из файла Photoshop. Это позволит вам перетаскивать каждый слой на временную шкалу, чтобы вы могли работать с каждым слоем отдельно (совет Pro: если вы этого еще не сделали, важно иметь привычку называть все слои Photoshop соответствующим образом, так что вы сможете узнать, какой слой Photoshop вы работаете в After Effects).

Это позволит вам перетаскивать каждый слой на временную шкалу, чтобы вы могли работать с каждым слоем отдельно (совет Pro: если вы этого еще не сделали, важно иметь привычку называть все слои Photoshop соответствующим образом, так что вы сможете узнать, какой слой Photoshop вы работаете в After Effects)

Редактируемые стили слоя
Организация слоев в After Effects

После того, как вы организовали свои слои на временной шкале After Effect, именно здесь вы начнете играть с каждым слоем отдельно, чтобы создать анимацию. В Интернете есть множество ресурсов, которые помогут вам пройти все: от простых анимаций до более сложных анимаций. это Например, на канале Youtube есть отличные учебники по анимации, которые вы можете использовать. Не думайте, что вам нужно выяснить, как создать анимацию полностью самостоятельно. Скорее всего, есть онлайн-учебник о том, как начать.

После того, как мы создали нашу анимацию, последним шагом будет экспорт видео в формате .MP4 с помощью Adobe Media Encoder. Для этого перейдите в Composition> Add to Adobe Media Encoder Queue. Мы используем формат .MP4 вместо .MOV, потому что видеофайлы .MP4, как правило, меньше по размеру, чем файлы .MOV. Они быстрее сохраняются и быстрее загружаются в Facebook или Instagram.

Media Encoder (преобразование файла MOV в MP4)

After Effects Советы для запоминания

Запомните эти советы, и вы обязательно создадите и запустите успешное видеообъявление.

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

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