Тренды моушн-дизайна (лучшие эффекты по итогам 2020 года)
2. Анимация текста (кинетическая типографика) и логотипа.
Такая анимация отлично привлекает внимание и используется повсеместно, от сайтов и социальных сетей до брендинга. Один из примеров — растягивающийся логотип от Jelio Dimitrov для студии FourPlus.
Анимации текста я уже посвящал посты, вот один из них.
#Adobe_After_Effects #анимация

Тренды моушн-дизайна (лучшие эффекты по итогам 2020 года)
3. Анимация интерфейсов приложений и web
Анимация интерфейсов становятся популярным способом демонстрации приложения или сайта. Красивые моушн-элементы, в отличии от скучной статичной графики, позволяют дольше удержать пользователя и привлечь его внимание.
О верстке интерфейса с помощью плагина здесь. ВНИМАНИЕ: плагин удобный, но платный.
#Adobe_After_Effects #анимация

Тренды моушн-дизайна (лучшие эффекты по итогам 2020 года)
4. Эксплейнер видео (объясняющее видео).
В течение последнего десятилетия анимационная графика была популярной темой для видеороликов: от демонстрации работы до описания процедуры.
Эксплейнер видео подсознательно побуждает аудиторию обратить внимание на ролик.
Это видео для приложения Varpet разработано компанией Yanns Media.
#Adobe_After_Effects #анимация

Тренды моушн-дизайна (лучшие эффекты по итогам 2020 года)
5. GIF в соцмедиа.
Раньше гифки представляли собой прикольные и очень короткие зацикленные анимированные изображения. Но времена изменились.
Умное использование моушн графики поднимает анимированный GIF до уровня серьезного маркетингового инструмента, особенно в социальных сетях. Обратите внимание на GIF, созданный NBC News, который можно повторить, наложив на видеофайл эффект бесконечного приближения.
#Adobe_After_Effects #анимация

Тренды моушн-дизайна (лучшие эффекты по итогам 2020 года)
6. Синемаграф (cinemagraph).
Более сложный взгляд на анимированный GIF — это еще один отличный способ привлечь внимание к рекламе бренда и цифровому контенту. К статичному изображению добавляются зацикленные анимированные элементы.
Пример - синемаграф, созданный Anne Street Studio для продвижения Armani.
Повторить эффект ролика можно с помощью программы и её встроенного эффекта выпуклости.
Расфокусирование части видео выполняется путем наложения эффекта "пятно".
#Adobe_After_Effects #анимация

Тренды моушн-дизайна (лучшие эффекты по итогам 2020 года)
7. Морфинг (morphing).
Эффект плавного преобразования одного элемента в другой. Морфинг все больше набирает популярность. Такой прием позволяет концентрировать рассеивающееся внимание пользователя на нескольких объектах. Очень красивый пример от Loading Animation.
Эффекту морфинга я тоже посвящал пост. Забыли? Вот он.
#Adobe_After_Effects #анимация

Тренды моушн-дизайна (лучшие эффекты по итогам 2020 года)
8. Liquid motion (ликвид или жидкая анимация).
Креативная анимация с добавлением эффекта жидкости. Особенно интересным получается сочетание с морфингом.
Пример качественной жидкой анимации это Live Fast Die Yound от Eduard Mykhailov.
Жидкой анимации мы еще не касались, но этот эффект тоже вполне доступен. О нем я расскажу в одном из следующих постов.
#Adobe_After_Effects #анимация

Анимация жидкости в After Effects
Способов создания текучей (жидкостной) анимации много. Сегодня остановимся на нескольких простых способах создания Liguid анимации.
Этот эффект можно использовать для отрисовки движения (пути) жидкого или полужидкого тела: падение звезды, превращение ягод в сухофрукты, выжимка из объекта капель сока/воды, и пр.).
Пошаговая инструкция по созданию жидкостной анимации Liguid здесь.
#Adobe_After_Effects #анимация

Анимация жидкости в After Effects
Продолжаем делать анимированные "жидкие" картинки.
Сегодня привожу еще несколько не очень сложных способов создания жидкой анимации.
Способы основаны на шейпах, их наложении друг на друга. С помощью шейповых слоев можно сделать^
1. Буквы (предметы), как бы выплывающие из жидкости.
2. Буквы (объекты), которые наполняет жидкость и плещется в них, и другие эффекты.
В этом ролике все описывается и показывается подробно.
#Adobe_After_Effects #анимация

Анимация жидкости. Появление текста из сока
По этому методу можно "изготовить" из сока любой предмет, не только текст.
Анимация создается на основе слоя со сплошной заливкой.
Применяемый к надписи эффект "пузыри" или CC Bubbles совместно с наложением эффекта "Трехкрасочный" и регулировки количества пузырей позволяет создать приятную красочную композицию.
Урок по созданию текста из сока здесь.
#Adobe_After_Effects #анимация

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

Падающая капля (анимация жидкости в After Effects)
В программе несложно создать эффект падения капель краски на холст и растекание по поверхности. Так как краска имеет густоватую структуру, брызг она не создает. Используем это для нашей анимации.
Работа проводится на слое в 3d режиме. Изображение получит объем, а изменением положения оси Х добьемся необходимого ракурса картинки.
Урок по созданию растекающейся по поверхности капли краски здесь.
#Adobe_After_Effects #анимация

Капли дождя, брызги, разводы на лужах (анимация жидкости в After Effects)
Для большей реалистичности проводите работу с файлом, загруженным из интернета или из собственной библиотеки.
Эффекты создаются на новом слое серого цвета, который следует перевести в 3d. Этот слой имитирует землю, поэтому после получения 3d плоскости её необходимо совместить с областью асфальта на картинке. к этому слою применяется эффект СС Drizle - именно он сгенерирует разводы от капель дождя (там же настраивается их количество).
Более подробно на этом видео. Здесь для наложения берется изображение, отредактированное в фотошопе, но можно этот этап пропустить.
#Adobe_After_Effects #анимация

Всплеск жидкости (жидкая анимация в After Effects)
В моушн-дизайне нередко применяется эффект разрыва капель/объектов с образованием брызг. Смотрится это красиво и эффектно. Делается в программе без установки платных плагинов.
Вот ролик по созданию всплеска жидкости.
#Adobe_After_Effects #анимация

Стекание капель, испарение жидкости (жидкая анимация в After Effects)
Стекающие капли жидкости и едва заметный "туман" испарений появляются при переносе предмета из холодильника в теплое помещение. Реализовать этот эффект также можно в программе After Effects.
Эффект накладывается на изображение из интернета или ваше собственное.
Эффект стекающих капель хорошо имитирует стекло перед объектом, лица за стеклами автомобиля и пр.
В этом ролике объясняется, как создаются стекающие капли.
#Adobe_After_Effects #анимация

Текст, качающийся на волнах (жидкая анимация в After Effects)
В разделе жидкостной анимации интересны эффекты проявления объекта через подвижную поверхность реки/озера или предмета, раскачивающегося на волнах.
Сегодня пост о том, как это воплотить в жизнь.
Для симуляции воды в меню выберите Effects and Pressets, а в нем используйте эффект Fractal Noise.
Ролик по созданию качающегося на волнах текста здесь.
#Adobe_After_Effects #анимация

Реалистичные волны (жидкая анимация в After Effects)
В прошлом посте я рассказал, как имитировать водную гладь. Сегодня остановимся на создании реалистичной поверхности воды. Какой водоем без волн? Поэтому небольшие волны тоже создадим.
Для работы создается новая композиция, новый слой. Используйте вкладку "Эффекты", там RD Trapcode, затем Mir 3. Применяйте готовую заготовку для своего проекта.
Подробнее в этом ролике.
#Adobe_After_Effects #анимация

Как сделать ледяной текст
Интересный эффект текста, как бы вырезанного изо льда, с реалистичной снеговой шапкой и мелкими, красиво падающими снежинками на переднем плане, можно сделать, используя только стандартные средства программы.
Работа ведется в новой композиции на созданном текстовом слое, в котором выбранным шрифтом пишется любое слово.
Текстура льда имитируется градинетом от светло-синего до темно-синего. Для лучшей смены цветов на градиент добавляется эффект "tint".
Более подробно здесь.
#анимация #Adobe_After_Effects

Как сделать Gif анимацию в After Effects
Анимация, созданная в After Effects, превосходит по качеству зацикленные ролики, полученные в других программах. Часто возникает необходимость передачи (экспорта) созданного видео.
В After Effects нет возможности сохранить полученный эффект в Gif-формат, поэтому используются искусственные способы:
1. Сохранение ролика с помощью плагина Gifgun. Большое неудобство этого способа - платный плагин, но работает быстро.
2. Сохранение через фотошоп.
Более подробно о создании Gif из роликов After Effects здесь.
#Adobe_After_Effects #анимация

Стекание капель по стеклу
Еще один интересный эффект - стекание капель по оконному стеклу.
Эффект состоит из нескольких частей: попадание дождя на стекло, образование крупных капель воды и их стекание по стеклу.
Работа ведется на изображении, взятом из Интернета, или на любом другом из вашей библиотеки файлов.
В начале работы не забудьте сделать Pre-compose, чтобы можно было перенести эффект на другую картинку.
Подробнее в этом ролике.
Создания реалистичного дождя я уже касался в своих постах, кто забыл - сюда.
#Adobe_After_Effects #анимация

Как наложить дождь на видео
Для работы выберите подходящее видео из Интернета или из собственной библиотеки файлов. Желательно, чтобы на ролике не было яркого солнца, иначе эффект не будет выглядеть реалистично.
Далее поверх добавленного видео создаем корректирующий слой.
Во вкладке "Effects and presets" выбираем Rainfall.
В открывшемся окне настроек выставляем параметры так, чтобы падающие капли создавали объемную дождевую массу.
С помощью маски выделяем необходимую часть видео, куда должен попадать дождь (часть окна, крыши и пр.). Если изображение движется, анимируем маску.
Подробнее здесь.
#Adobe_After_Effects #анимация