By nps3d

Плейлист с уроками по основам работы в After Effects

1. Базовые знания и навыки
2. Работа со слоями
3. Эффекты и маски 
4. Анимация текста
5. Анимация инфо-плашки
6. Режимы наложения и ротоскопинг
7. 2D трекинг

26 полезных плагинов и скриптов в After Effects

Zl Explode Shape Layers: разбирает и группирует шейповые слои, которые были созданы, например, в Illustrator, а также убирает артборд, который часто очень мешает работать.

Reposition Anchor Point: очень простой скрипт, который дает одну удобную функцию — перемещение энкор-пойнта в один из углов объекта или в центр. Вы просто выделяете все объекты, у которых вам нужно сместить AP, и нажимаете «переместить».

Flow: скрипт, который позволяет удобно управлять графиками скорости и значения. Кроме того, в нем много предустановок шейповой анимации.

Motion: «швейцарский нож», которым пользуются многие моушн-дизайнеры. В нем есть все перечисленное выше плюс около полусотни встроенных скриптов, которые позволяют делать анимационные ходы и приемы одним кликом. Например, сгруппировать анимацию нескольких слоев под одним слайдером или добавить какую-то элементарную физику в сцену. Есть даже функция, которая чистит проект и группирует все исходники по отдельным папочкам.

Overlord: своеобразный телепорт для данных между After Effects и Illustrator. Одной кнопкой он перекидывает все шейпы в АE, при этом вам не нужно сохранять какие-то дополнительные файлы и при необходимости можно также переслать вектор обратно.

Скрипты, нужные в первую очередь для персонажной анимации

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

Rubber Hose: этот скрипт делает классические диснеевские руки-сосиски и ноги-сосиски, у которых нет локтей и которые прекрасно тянутся.

Character Tool: по своей механике ближе к Rubber Hose. Кроме того, в скрипте есть еще куча мелких, но полезных функций.

DuIK: скрипт номер один для персонажных аниматоров. Он не очень юзер-френдли, но это связано, скорее всего, с большим количеством функций в нем. Это целая система для производства персонажей с руками, ногами, позвоночником и хвостом. В нем постоянно пополняющийся список анимационных предустановок. Чего только стоит кнопка «цикл походки», которая заставляет вашу марионетку шагать (у аниматоров это занимает минимум полдня), или «кей клинер», который оптимизирует анимацию и позволяет добавить в нее «изинги» и «овершуты». Скрипт постоянно развивается и абсолютно бесплатен. Пользуюсь им не только для персонажей.

Newton: плагин, который добавляет физику в проекты: если вам, например, не хочется разбираться с графиками и думать, как должен прыгать мячик, или нужно сделать так, чтобы сотня мячиков упала и заполнила логотип. Пару лет назад Apple сделала себе целый ролик на этом плагине. Одним словом, плагин позволяет соединять объекты невидимыми пружинками между собой, бросать их вниз и наслаждаться тем, как физика все делает за вас.

rd: comp setter: целая группа скриптов, которые упрощают работу. Например, rd: comp setter позволяет изменить параметры всех выделенных композиций: сменить им разрешение или частоту кадров. Около полусотни скриптов на все случаи жизни.

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

Declutter: все очень просто: скрипт наводит порядок в проекте. Создает папочки и сортирует все элементы проекта. Помогает при работе с чужими проектами.

Простые плагины с визуальными эффектами

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

Element 3d: плагин номер один для тех, кто хочет работать с 3D-объектами в AE без использования сторонних программ. Может превратить любой текстовый слой в 3D-текст, работает с готовыми 3D-файлами. А еще имеет наборы объектов, благодаря которым можно, например, собрать огромный трехмерный город (Metropolitan Pack) и сделать пролет камерой по нему — причем это займет у вас не больше получаса, включая рендер.

Optical Flares: второй плагин от Эндрю Крамера и студии VideoCopilot. Это большая база настраиваемых бликов, вспышек и пересветов. Его часто используют для того, чтобы оживить параллаксы или видео, добавив в них игры света и бликов.

Deep GlowVibrance: два плагина, которые позволяют добавить эффект свечения в ваши объекты.

Более сложные визуальные эффекты для тех, кто давно работает в АE

Slitscan: делает эффект отставания или замораживания линии пикселей.

AE Pixel Sorter: эффект стекания пикселей по контрастной области.

Lockdown: позволяет неплохо прикрепить текстуру к неоднородному и неплоскому движущемуся объекту.

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

Render Garden
After Codecs
DuMe


Источник

Как создать пиксельную анимацию в After Effects

На реальном примере показывают как сделать крутой текстовый эффект.

Ловите большую подборку уроков по анимации иллюстраций в Adobe After Effects.

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

Анимированние иллюстраций штука крайне интересная и может вдохновить на создание чего-то классного.

Посмотреть можно тут

​​Уроки по анимации в ProtoPie.

Поработаете с анимацией, переменными, условиями и другими полезными вещами для прототипирования.

01 Экспорт и подготовка дизайна для прототипирования
Делаем экспорт проекта из AdobeXD (По аналогии экспорт делается в Sketch и Figma) в ProtoPie. Так же настраиваем дизайн в ProtoPie для последующего прототипирования

02 Прототипирование экрана авторизации
Научимся работать с анимацией элементов, текстовыми полями и переменными. Так же разберем как создавать состояния элементов.

03 Прототипирование экрана Профиля
Разберем как передавать данные с экрана на экран с помощью переменных, как работать с формулами.

04 Прототипирование экран выбора цвета
Завершаем прототипировать дизайн в ProtoPie. Используем переменные для передачи цвета, исправляем ошибки в формулах и закрепляем пройденное.

Scroll Container & Padding Container
Добавил видео, в котором быстро разберемся как сделать Scroll и Padding контейнеры.

Circle Progress Bar
Учимся делать круговой прогресс бар с использованием макси-слоя

Уроки по After Effects для начинающих.

Базовые знания и навыки | Урок 1

00:00 - для чего нужен After Effects?
01:48 - настройка интерфейса
04:40 - импорт файлов
05:20 - основные параметры футажа
06:30 - просмотр footages
07:50 - информация о png файле
08:20 - обрезка футажа
09:37 - глобальные настройки (preferences)
12:00 - установка скриптов (FX Console)
14:12 - сохранение файла (auto-save)

Работа со слоями | Урок 2

00:22 - создание композиции и ее настройки
02:15 - трансформация слоев
05:17 - обозначения слоев
12:24 - трансформация объектов
16:00 - монтаж в After Effects

Эффекты и маски | Урок 3

00:00 - популярные эффекты в After Effects
02:53 - применение эффектов
09:00 - Shortcuts для эффектов (FX Console)
11:05 - работа с Lumetri Color (цветокоррекция)
23:30 - для чего нужен Adjustment layer?
27:20 - знакомство с масками (mask)

Анимация текста | Урок 4

00:45 - скрытие слоев на таймлайне
01:20 - вкладка Transform
04:55 - ключевые кадры и интерполяция
10:35 - анимация текста в After Effects
18:10 - размытие фона (Blur)
21:30 - исчезновение и размытие текста
25:00 - анимация межбуквенного интервала

Абстрактный, но красивый моушен от испанского арт-директора Гонзало Родригес

Гонзало Родригес и его дизайн-студия представили вымышленный проект NT&C, который был создан с целью сделать процесс выпуска мерчандайза более доступным для дизайнеров. В рамках этого проекта студия разработала множество элементов, включая сайт, иллюстрации и 3D/2D анимацию. Главной концепцией проекта являются абстрактные шейпы, которые отдаленно напоминают штрих-коды продуктов, что выглядит очень интересно в сфере продажи одежды.

Подробнее тут: https://dsgners.ru/novosti/574-abstraktnyiy-no-krasivyiy-moushen-ot-ispanskogo-art-direktora-gonzalo-rodriges

9 шагов, чтобы начать использовать анимацию в интерфейсах

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

Мы, люди, привыкли видеть, как мир движется вокруг нас, и если какая-либо часть программного обеспечения имеет последовательную анимацию, оно ощущается живым и естественным.

Читать: https://ux.pub/editorial/9-shaghov-chtoby-nachat-ispolzovat-animatsiiu-v-intierfieisakh-1dfj

​​Курс After Effects для начинающих

Идеально подходит для людей, которые только начали знакомство с программой After Effects. В результате курса мы воссоздадим проект, который я продаю на Envato маркете и на момент создания курса этот проект принес мне уже более 700$. Никакой воды, только практика и самые необходимые знания в АЕ

Смотреть:
https://www.youtube.com/playlist?list=PL8gQrG8M4T5s7o9XOvq_--tgits5vd6vH

Почему моушн-дизайн не должен быть сложным

Моушн-дизайн помогает сделать интерфейсы выразительными и простыми в использовании. Несмотря на большой потенциал, он, пожалуй, наименее понятая из всех дисциплин дизайна. Это может быть связано с тем, что он является одним из новичков в семействе дизайна интерфейсов. Если визуальный дизайн и дизайн взаимодействия восходят к ранним графическим интерфейсам, то моушн-дизайн вынужден был ждать, пока современное оборудование начнет плавно рендерить анимацию. Частичное совпадение моушн-дизайна и традиционной анимации также вносит неразбериху. Можно потратить целую жизнь на освоение 12 принципов анимации Диснея, означает ли это, что моушен-дизайн интерфейсов также сложен? Люди часто говорят мне, что сложно проектировать движение или, что выбор правильных значений неоднозначен. Я утверждаю, что в наиболее важных областях интерфейса, моушен-дизайн может и должен быть простым.

https://ux.pub/editorial/pochiemu-moushn-dizain-nie-dolzhien-byt-slozhnym-2j02