Льющаяся вода after effects

Добавление эффекта стекающих капель воды в программной среде After Effects

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

Для начала займемся построением специальной композиции, как на рисунке ниже.

Загрузим снимок в программную среду АЕ. С построением капель нам поможет специальный плагин T_Condensation (2.1), который содержится в комплекте под названием Tinderbox. Необходимо озаботиться о правильных настройках:

С помощью нажатия кнопки Ins или использования комбинации клавиш Fn+M, если работа ведется на ноутбуке, можно запустить к просмотру анимированный графический объект. Теперь мы можем сохранить анимацию в формате GIf.

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

В данном случае размер файлика составил 4.38 МБ.

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

Разберемся с общими данными
* Размеры изображения – в пределах 1х1 и 65535х65535 пикселов.
* Многообразие цветовой гаммы палитры — от 2 до 256.
* Глубина каждого цветового образца 24 бита/пиксель (всего 16 миллионов цветов).
* Карта прозрачности — 1-битная (полупрозрачные цвета отсутствуют).
* Количество повторений анимации — от 1 до 65535, а также до бесконечности.
* Длительность отображения одного анимированного кадра — от 1/100 сек до 655 сек.
* Неограниченное количество анимированных кадров.
* Неограниченные размеры и количество невидимых комментариев.

Далее фотографию с улиткой необходимо будет открыть через программу Фотошоп в формате JPG.

Изменим формат изображения на GIf.

В результате получаем нестандартную таблицу палитры.

Таблица должна в обязательном порядке пройти процедуру сохранения.

Только после этого можно перейти в программную среду АЕ и полностью повторить весь цикл выбранных процедур. Особое внимание нужно уделить всем рабочим установкам.

Теперь останется только отправить картинку на рендеринг и полюбоваться результатом.

Источник

Видео уроки для After Effects от AEplug

форум для общения, ваших вопросов и моих ответов

Текущие версии программ: After Effects CC 2021 v18.4.1 Premiere Pro CC 2021 v15.4.1

Популярные темы

Важные темы

Как сделать красивый чат YouTube на стриме в OBS Studio. Без лев. Платная консультация у AEplug Настройка микрофона и обработка голоса для стрима с помощью VST . After Effects уроки для начинающих на русском от AEplug Красивые часы, таймер, счетчик для стрима в OBS Studio без фонов. NVENC кодирование — Ускоряем рендер в 264 в 4-10 раз

Как озвучить видео / Какие программы использовать для звука на компьютере / Советы начинающим Полезные настройки After Effects для начинающих после установки / Как настроить правильно Подборка: Частые и распространенные ошибки, проблемы, глюки и баги After Effects. И что с ними делать? Экспорт формата MP4 (H.264) из After Effects CC новых версий 2015, 2017, 2018, 2019, 2020 года Где бесплатно достать музыку и звуки для озвучки своих видео работ. Список сайтов. Как я записываю видео уроки с экрана Увеличение скорости рендера композиции в After Effects. Подборка уроков и советов для ускорения работы. Список самых полезных горячих клавиш в Adobe After Effects (shortcuts и hotkeys) с примерами +видео

Жидкая анимация движения капли воды (Liquid Motion) в After Effects с Trapcode Particular

Жидкая анимация движения капли воды (Liquid Motion) в After Effects с Trapcode Particular

Сообщение #1 aeplug » 21 мар 2016, 20:48

Re: Жидкая анимация движения капли воды (Liquid Motion) в After Effects с Trapcode Particular

Сообщение #2 Nikita » 03 июн 2016, 23:45

Сообщение #3 aeplug » 04 июн 2016, 00:01

Re: Жидкая анимация движения капли воды (Liquid Motion) в After Effects с Trapcode Particular

Сообщение #4 Nikita » 05 июн 2016, 12:00

Камеры нет. Нуль — 2д. Его надо сделать 3д?

Отправлено спустя 9 минут 44 секунды:
Камеры — нет. Нуль сделал 3д. Привязал Эмиттер Position XY к позиции нуля. Позицию нуля привязываю к позиции объекта и эмиттер отскакивает в левый верхний угол.

Сообщение #5 aeplug » 05 июн 2016, 12:04

ну проверяй координаты до и после и смотри из-за чего возникает разница

Отправлено спустя 43 секунды:
нуль наверное привязан?

Отправлено спустя 35 секунд:

Re: Жидкая анимация движения капли воды (Liquid Motion) в After Effects с Trapcode Particular

Сообщение #6 Nikita » 05 июн 2016, 12:37

Сообщение #7 aeplug » 05 июн 2016, 13:07

Re: Жидкая анимация движения капли воды (Liquid Motion) в After Effects с Trapcode Particular

Сообщение #8 Nikita » 05 июн 2016, 14:19

а если thisComp.layer(«Null 3»).transform.position , которое само ставится после привязки пиквипом?

Отправлено спустя 4 минуты 14 секунд:
А понял. Поставил toComp([0,0,0]); но теперь отскакивает в угол объекта а не к якорной точке.

Отправлено спустя 4 минуты 38 секунд:
Поставил toComp([30,100,0]); и попал в нужное место.
СПАСИБО ПЛАГ! ВСЕХ БЛАГ)
То есть всегда надо привязывать эмиттер через toComp([0,0,0]); ? других вариантов нет?

Источник

Создаем капающий текст в After Effects: пошаговое руководство

Нестандартные визуальные эффекты помогут оживить ваш проект и выгодно его презентовать. Рассказываем о Liquid Effects.

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

Порядок работы следующий:

1. Мы сделаем новый проект и подготовим сцену для анимации.
2. Анимируем текст, а также основные элементы окружения.
3. Создадим первый экран сайта для фильма «Чужой» в качестве примера.
4. Применим эффект Roughen Edges в качестве заключительного этапа.

И вот что получится в итоге:

Автор статей по дизайну. В веб-дизайн пришел в 2013 году, осознанно начал заниматься с 2015 года. Параллельно освоил верстку. Время от времени публикует переводы на Хабре.

Создание нового проекта

Сделайте новый проект и композицию: File — New — New Project.

Затем выберите New Composition.

Задайте параметры в появившемся окне настроек (в процессе работы вы сможете их менять):

Frame Rate — количество кадров в секунду, 30.

Duration — продолжительность анимации, 5 с.

Композицию назовите Liquid.

После создания композиции Liquid сделайте еще одну: нажмите правой кнопкой мыши на панели проектов и выберите New composition.

Размер композиции будет немного меньшего размера, чем основной.

Не забудьте снять флажок с Lock Aspect Ratio, так вы сможете менять пропорции композиции произвольно, длина не будет меняться пропорционально изменению ширины (и наоборот).

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

Следующим шагом нужно будет поместить текст в композицию Alien и подготовить основу для эффекта.

Подготовка текста

Перейдите в композицию Alien, выберите на панели инструментов Ellipse Tools и нарисуйте овал, как показано на картинке ниже. Отцентруйте овал по горизонтали с помощью инструментов выравнивания. Основная его часть должна оказаться за пределами видимой части композиции.

Мы будем делать эффект в визуальной стилистике «Чужого», поэтому можно выбрать едкий зеленый, например, #1AEA23.

Основание, откуда будут выезжать буквы, готово. Теперь создайте текст. Выберите на панели инструментов Horizontal Type Tool.

Напишите слово Alien — так, чтобы каждая буква была на своем слое. В дальнейшем это позволит настраивать последовательное появление букв и слизи.

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

Следующая задача — расположить получившийся текст по центру композиции. Группировка в этом случае не будет работать, поэтому выберите столбец Parent & Link, он предназначен для присоединения одного слоя к другому.

Выберите слой I в качестве родительского и привяжите к нему остальные (дочерние) четыре слоя A, L, E, N. Любые изменения свойств родительского слоя будут отражаться и на дочерних, но не наоборот.

Теперь выберите родительский слой и выровняйте его по центру композиции. Дочерние выровняются тоже.

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

Выберите текстовый слой A, нажмите по нему правой кнопкой мыши и выберите пункт Create — Create Shapes From Text.

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

Повторите процедуру для остальных текстовых слоев. Должно получиться так:

Чтобы текстовые слои не мешали и не занимали место в панели слоев, выберите все текстовые слои и нажмите на иконку в колонке Shy — Hides layer in Timeline. Вот так:

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

Готово. Теперь можно приступать к созданию основы эффекта.

Создание основы Liquid Effect

Выберите на панели инструментов Rectangle Tool и нарисуйте прямоугольник для буквы A. В будущем он станет той самой вязкой тянущейся жидкостью.

Все свойства слоя применяются относительно Anchor Point — опорной точки объекта. Выделите слой с прямоугольником, затем выберите на панели инструментов Anchor Point Tool.

И перенесите Anchor Point на верхнюю границу прямоугольника.

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

Продублируйте слой с прямоугольником, нажав Ctrl+D. Два раза нажмите на сам прямоугольник и потяните за боковой центральный маркер, чтобы изменить его ширину. Аналогичным образом можно менять и высоту — через верхний центральный маркер.

Теперь еще несколько раз продублируйте слой и расположите их, как на скриншоте.

Теперь выделите все получившиеся прямоугольники и с помощью колонки Parent привяжите к слою A.

Если вы будете перемещать слой с буквой, прямоугольники придут в движение вместе с ним.

Теперь нужно сделать так, чтобы при появлении буквы капающая слизь постепенно исчезала. Это можно реализовать с помощью ключевых кадров и свойства слоя Scale (Масштабирование).

Но сначала анимируем букву A. Выделите слой с буквой и нажмите на клавиатуре P — откроется свойство Position. Перейдите на третью секунду таймлайна и поставьте там ключевой кадр: нажмите на иконку секундомера рядом со свойством Position. Затем вернитесь на первый кадр и переместите букву вниз за пределы зеленой области.

Выделите оба кадра на панели Timeline и нажмите F9 Easy Ease (Сглаживание анимации). Перейдите в Graph Editor и настройте сглаживание, как показано ниже.

Нажмите пробел и посмотрите, что получилось.

Перейдем непосредственно к анимации жидкости.

Анимация жидкости

Выделите все слои с прямоугольниками и нажмите клавишу S: появится свойство Scale. Перейдите на третью секунду на панели Timeline и нажмите на иконку секундомера рядом со свойством Scale, чтобы поставить ключевой кадр.

Далее снимите ограничение по пропорциям у свойства Scale, чтобы можно было менять только одно значение. Выставите значение 0% и 100%.

Переместитесь на панели Timeline туда, где буква A начинает отрываться от зеленого основания, и поставьте там еще один ключевой кадр.

А значения Scale выставьте, наоборот, 100% и 0%.

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

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

Ключевые кадры теперь выглядят вот так:

Результат тоже заметен — все выглядит чуть более естественно: тонкие линии, как и положено, исчезают раньше, толстые — позже и стекают дольше.

Теперь нужно скопировать прямоугольники на оставшиеся буквы, привязать к ним и анимировать.

Выделите все имеющиеся прямоугольники и нажмите Ctrl+D — так вы их скопируете. Перенесите слои под слой с буквой L: иерархию слоев всегда нужно сохранять, так вы не запутаетесь, к какой букве относятся линии.

Теперь разместите прямоугольники на рабочей области так, чтобы они не выходили за пределы буквы и были разбросаны в случайном порядке, примерно вот так:

Привяжите линии к букве с помощью столбца Parent.

Теперь нужно анимировать саму букву. Вторая буква должна появляться чуть позже первой, поэтому и ключевые кадры нужно разместить чуть дальше на Timeline.

Переместитесь на третью секунду десятого кадра и поставьте там отметку ключевого кадра. Вернитесь на первую секунду десятого кадра и переместите букву L вниз за пределы зеленого основания. Не забудьте о том, что нужно немного скорректировать ключевые кадры скопированных слоев: сместите их чуть дальше по таймлайну. Это придаст рандомность появления жидкости и все капли не будут стекать одновременно.

Сделайте то же самое для оставшихся букв — I, E, N.

Краткая схема работы:

1. Копируете слои.
2. Размещаете слои с прямоугольниками под конкретным слоем с буквой, с которой собираетесь работать.
3. Корректируете прямоугольники в рабочей области, подгоняете по ширине буквы.
4. С помощью колонки Parent связываете все скопированные прямоугольники со слоем буквы.
5. Анимируете букву, ставя ключевые кадры чуть дальше предыдущей буквы.
6. Помните про F9 для ключевых кадров анимации букв, настраиваете при необходимости график Easy Ease.

Вот что у вас должно получиться:

Нам осталось несколько важных деталей. Но сначала давайте добавим антураж.

Создание первого экрана

Перейдите в композицию Liquid и перенесите на панель слоев композицию Alien.

С помощью панели Align (Выравнивание), расположите композицию по нижнему краю.

Найдите подходящий фон и создайте сопутствующие элементы, например, как здесь:

Окружение готово. Теперь самое интересное.

Roughen Edges Effect

Roughen Edges Effect поможет создать иллюзию стекающей жидкости, обработает буквы и сделает прямоугольники более мягкими, текучими.

Перейдите на панель Effects & Presets, в поисковой строке наберите Roughen Edges и перенесите эффект на композицию Alien в рабочей области или на панели слоев.

В левой части на месте панели проектов появится вкладка Effect Controls, в которой и настраивается эффект. В его настройках обратите внимание на два параметра — Border и Scale.

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

Источник