After Effects / Motion Design – Telegram
After Effects / Motion Design
46.9K subscribers
363 photos
2.3K videos
8 files
2.2K links
After Effects – это ПО от компании Adobe для редактирования отснятого материала, создания моушн-графики, анимации и различных спецэффектов.

Обратная связь
@PShelpbot

Наш чат - @MotionTut

Галерея ваших работ - @MotionGalleryTut

https://clck.ru/3Fivi4
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
🌓Шаблон эпичного появления логотипа на фоне луны

Moon Logo - Шаблон эпичного появления логотипа на фоне луны

—Шаблон
#useful
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9
Для экспорта видео с альфа-каналом для обеспечения прозрачности в After Effects, выполните следующие шаги:

1. В After Effects убедитесь, что ваша композиция имеет прозрачный фон. Для этого выберите Composition > New Composition в меню и выберите предустановку, которая включает альфа-канал (например, RGB + Alpha).

2. Когда ваша композиция готова, перейдите в меню Composition > Add to Render Queue.

3. В панели Render Queue нажмите на текст "Lossless" рядом с настройками Output Module.

4. В окне Output Module Settings выберите формат, в котором хотите экспортировать видео. Например, выберите QuickTime, если хотите экспортировать файл .mov.

5. Нажмите на кнопку "Format Options" рядом с настройками Output Module.

6. В настройках Video Output выберите кодек "Animation". Этот кодек поддерживает альфа-канал.

7. Включите опцию "Channels" и убедитесь, что она установлена на "RGB + Alpha".

8. Нажмите OK, чтобы закрыть окно Format Options.

9. Выберите папку назначения, куда вы хотите сохранить экспортированное видео.

10. Наконец, нажмите на кнопку Render в панели Render Queue, чтобы начать процесс экспорта.

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

#ae_tutorial
👍171🍌1
Анимация с помощью Trim Paths в Adobe After Effects — Инфографика

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

Далее отключаем заливку и установлю обводку равной 150 пикселям. Наконец, добавляем Trim Path animator через выпадающее меню Добавить и анимируем свойство End от 0% до 100%. Чтобы число динамически изменялось по мере роста графика, добавляем текстовый слой и исходный текст в свойство end пути обрезки.
Наконец, добавим простое выражение value, чтобы округлить числа до абсолютных значений. И вуаля — получилась динамическая инфографика.

#ae_tutorial
🤔10👍4👎3
This media is not supported in your browser
VIEW IN TELEGRAM
🌸Разбор Анимации

Сегодня разбираем создание Breakdown анимации – пошагово красок описано создание этой красочной «картинки»

#useful
credits: After Effects Community
Please open Telegram to view this post
VIEW IN TELEGRAM
23👍6
This media is not supported in your browser
VIEW IN TELEGRAM
👀Прокачиваем насмотренность

Анимация стрекозы «Duality»

credits: Riccardo Agostinelli
#inspiration
Please open Telegram to view this post
VIEW IN TELEGRAM
👍24🔥12
This media is not supported in your browser
VIEW IN TELEGRAM
🧽Туториал: Эффект «Wave Warp»

На примере персонажа из любимого многим мультфильма сегодня рассмотрим эффект анимации Wave Warp

credits: Adobe After Effets|Motion Design
#ae_tutorial
Please open Telegram to view this post
VIEW IN TELEGRAM
👍22
Туториал: развевающийся флаг

Один из способов уменьшить маштаб это - щелкнуть правой кнопкой мыши на слое и выбрать Transform > Fit to Сот. Это идеально масштабирует мой слой до точных размеров композиции. Теперь я собираюсь предварительно скомпоновать кадры. Таким образом, если я когда-нибудь буду использовать несколько экземпляров отснятого материала мне нужно будет вносить правки только в предварительную композицию, а не во все дубликаты. Я выберу опцию "Переместить все атрибуты в новую композицию" и нажму "ОК". Я также отключу этот слой, так как он мне больше не нужен.

Теперь я готов применить некоторые искажения к изображению флага. Для этого я перейду в меню "Эффект > Искажение > Карта смещения".
Настройки по умолчанию - это не то, что мне нужно, поэтому мне нужно внести некоторые изменения. Первое, что я сделаю, это изменю
"Слой карты смещения" на мой предварительный комп, чтобы он смотрел на кадры для управления смещением. Затем я изменю каналы, которые эффект использует для горизонтального и вертикального смещения, на
"Яркость". При использовании "Яркости" After Effects смотрит на яркость слоя. Там, где слой темный, искажений будет немного, а там, где светлый, - много. Теперь, когда я делаю предварительный просмотр, вы можете увидеть, что я начинаю приближаться к тому, что мне нужно.
Я собираюсь увеличить максимальное смещение до 10 по горизонтали и вертикали, чтобы усилить эффект.

Флаг почти готов, но не хватает теней на флаге, чтобы создать эффект размахивания. Чтобы добавить их, я продублирую предварительную композицию.
Хорошо, что я предварительно откомпилировал этот кадр, верно? Затем я перетащу его над слоем с флагом, установлю Умножение, а затем включу видимость. Тени слишком темные для меня, поэтому я уменьшу непрозрачность до 50%. Теперь мне нужно оттенить тени на флаге.
Поэтому я продублирую свой флаг и перетащу его над тенями. Затем я изменю матовость дорожки тени на Alpha Matte, чтобы тени появлялись только там, где находится флаг. И вот он, развевающийся флаг!

#ae_tutorial
👍12🤔9👎1
Media is too big
VIEW IN TELEGRAM
👾Шаблонов появления логотипа с Glitch эффектами

X10 Glitch Logo - шаблонов появления логотипа с Glitch эффектами для After Effects. Стильно, современно и эффектно!

#useful
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14👎2
Почему выбор цвета — важная часть создания фирменного стиля и как подобрать цветовую гамму бренда?

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

Ссылка на статью: https://dsgners.ru/graphic-design/3202-pochemu-vyibor-tsveta-vajnaya-chast-sozdaniya-firmennogo-stilya-i-kak-podobrat-tsvetovuyu-gammu-brenda
👍4
✂️Быстрое вырезание фрагмента из клипа

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

Добавьте клип на временную шкалу и выберите его на панели слоев.
Дублируйте слой, нажав Cmd+D или Ctrl+D на клавиатуре.
Переместите головку воспроизведения туда, где начинается участок, который вы хотите вырезать.
Выберите нижний из двух слоев и нажмите
Cmd+] или Ctrl+].
Установите головку воспроизведения на конец участка, который нужно удалить, и выберите верхний из двух слоев.
Нажмите Cmd+[ или Ctrl+[ на клавиатуре, чтобы обрезать начало.
Перетащите верхний слой по шкале времени, пока он не встретится с первым, и раздел будет удален

#ae_tutorial
Please open Telegram to view this post
VIEW IN TELEGRAM
👍64🔥3👎1
This media is not supported in your browser
VIEW IN TELEGRAM
🟪 Набор анимированных надувных букв

СКАЧАТЬ
#useful
Please open Telegram to view this post
VIEW IN TELEGRAM
7👍6
Media is too big
VIEW IN TELEGRAM
Buildings Reveals Mockups

Набор из 10 мокапов зданий

приобрести этот шаблон

#шаблон #mockup
👍103
This media is not supported in your browser
VIEW IN TELEGRAM
🔮Inspiration: Прокачиваем насмотренность

Взгляните на эту анимацию «NØF. Le Pass. Ep01» от BRAVE. Такие приемы и фишки можно использовать в своих проектах, приметили что то полезное для себя?

#inspiration
Please open Telegram to view this post
VIEW IN TELEGRAM
17🔥11👍5
Какие ошибки чаще всего совершают дизайнеры при поиске работы?

23 января в 19:30 в Британской высшей школе дизайна пройдет онлайн-лекция про то, как стартовать карьеру в моушн-дизайне. Во время мероприятия мы разберем работы из портфолио участников и дадим свои советы по проектам для успешного поиска работы.

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

Спикер: Анна Мазина, основатель студии моушн-дизайна 1:30 Studio.
6🔥1🤔1🍌1
Интерпретация отснятого материала

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

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

В диалоговом окне "Интерпретация отснятого материала" вы можете изменить частоту кадров клипа, что удобно для кадров, снятых в замедленном режиме. Если у вас есть клип с частотой 60 кадров в секунду, который вы хотите воспроизвести со скоростью 24 кадра в секунду, нажмите ”Соответствовать частоте кадров" и измените частоту кадров на 24.

Хотите зациклить свой клип в After Effects? Сделайте так, чтобы короткий клип содержательно зацикливался в композиции без необходимости копировать и вставлять его, как в Premiere Pro или FCP. Введите количество раз, которое вы хотите, чтобы отснятый материал зацикливался. Затем в разделе Композиция щелкните по краю отснятого материала (вы увидите выделенную область) и перетащите его, чтобы зациклить клип.
👍12
This media is not supported in your browser
VIEW IN TELEGRAM
🌀Туториал: Спиральная анимация фона

В сегодняшнем экспресс туториале научимся делать спиральную анимацию

credits: After Effects | Motion Design
#ae_tutorial
👍23👎2
💃Видео-подборка анимированных логотипов

Сегодня предлагаем вам посмотреть необычных формат видео - вдохновляемся анимированными логотипами в After Effects

—Ссылка

#inspiration
credits: Yukita Creative YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔9👍4
This media is not supported in your browser
VIEW IN TELEGRAM
🎀Создание постера

Смотрим и вдохновляемся тем, как создается анимированный постер

#inspiration
credits: mis motion design
👎17🤔6👍5🍌3
🪄Краткий совет: Использование белого текста поверх ярких кадров

1. Используйте эффект кривых.

Добавление эффекта кривых к фоновому кадру может помочь выделить белый текст. Что мы собираемся сделать, так это настроить точку белого эффекта.

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

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

2. Используйте маски поверх ярких пятен

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

Затем добавьте к маске растушевку, примерно на 20-40 пикселей.

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

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

#ae_tutorial
👍86