After Effects / Motion Design – Telegram
After Effects / Motion Design
46.9K subscribers
364 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
🛸Туториал: стекло в АЕ

В этом быстром видео-уроке научимся делать стекло в программе. Смотрим и практикуемся!

#ae_tutorial
32🔥12🤔3👍2
This media is not supported in your browser
VIEW IN TELEGRAM
💫Inspiration: Breakdown рекламного ролика для Samsung

При создании данной
рекламной компании были использованы возможности After Effects.

#inspiration
Please open Telegram to view this post
VIEW IN TELEGRAM
23🔥7👍3🤔2
Media is too big
VIEW IN TELEGRAM
Полезные материалы: Camera Transitions

Набор переходов с интерфейсами и затворами камеры, которые точно стоит использовать!

—Шаблон

#useful
👍11
This media is not supported in your browser
VIEW IN TELEGRAM
Туториал: Liquid Logo Animation

В этом понятном видео-уроке автор расскажет и покажет, как создать такую заставку для проекта.

—Ссылка
#ae_turorial
👍13🔥62
This media is not supported in your browser
VIEW IN TELEGRAM
Cartoon Effect (мультяшный эффект)

В этот туториале научимся создавать мультяшный эффект – скорее смотрите!

#ae_tutorial
17👍14
This media is not supported in your browser
VIEW IN TELEGRAM
Туториал: градиентные шарики

В этом супер-полезном уроке научимся создавать такую анимацию, которая выведет ваши проекты на новый уровень

—Ссылка

#ae_tutorial
👍146🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
🌸Полезные материалы: Kinetic Walls

В этом шаблоне вы найдете 10 сцен с кинетической анимацией текста



—Шаблон


#useful
14👍6
This media is not supported in your browser
VIEW IN TELEGRAM
🗝️Интересный кейс в After Effects

На видео представлена анимация VFX Timeline, и на такое способна программа!

#inspiration
👍2113🔥10
🐏Простой туториал: карточки

Сегодня делаем шейпы из текста – взгляните на эти карточки и попробуйте повторить, все просто!

#ae_tutorial
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
10👍2
Современная айдентика: Как Emoji Pack в Telegram стал ее частью

Все знают, что счастливые обладатели Tg Premium могут создавать собственные Emoji паки и вставлять их в любое сообщение, пост или комментарий. Эта фишка стала превращаться в целую отрасль, ведь появились даже «стикерные» дизайнеры, которые рисуют их за цену качественного лого.

Ссылка на статью: https://dsgners.ru/graphic-design/2614-sovremennaya-aydentika-kak-emoji-pack-v-telegram-stal-ee-chastyu
👍2
Media is too big
VIEW IN TELEGRAM
⚡️Полезный ресурс: Font Manager 2.0.1 After Effects Win/Mac

🍑
Совершенно новый способ работы с анимированными шрифтами. Создавайте и пишите в несколько кликов.

—Скачать

#useful
👍16🔥4
Анимируем 2D фото в After Effects

«Маска» фотографий
Маскировка объекта съемки позволяет нам отделить его от фона. Вы можете замаскировать объект с помощью инструмента "Перо" и обвести его контуром.

Инструмент "Перо" и РотоБезьер.
Когда вы сделаете это, я рекомендую включить функцию RotoBezier, которая сгладит линию трассировки между каждой точкой маски. Это придаст маске более естественный вид.

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

Фон с объектом замаскирован.
Для этого вы можете использовать заливку с учетом содержимого в After Effects. Откройте заливку с учетом содержимого, выберите фоновое изображение, затем просто нажмите Создать слой заливки. Это автоматически создаст новый слой, который заполнит отверстие на заднем плане.

Фон заполнен заливкой с учетом содержимого.
👍71
Дизайн влияет на успешность вашего бизнеса – это факт. Но понимаете ли вы, насколько сильно?

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

Ссылка на статью: https://dsgners.ru/graphic-design/2860-dizayn-vliyaet-na-uspeshnost-vashego-biznesa-eto-fakt-no-ponimaete-li-vyi-naskolko-silno
This media is not supported in your browser
VIEW IN TELEGRAM
Анимируем 2D фото | Часть 2

Создание глубины и параллакса

Чтобы создать некоторую глубину с помощью нашей 2D-анимации фотографий, все, что нам нужно сделать, это задать ключевой кадр масштаба наших слоев. Объекты, расположенные ближе к камере, должны со временем масштабироваться больше, чем объекты, расположенные дальше. Это создает параллакс, создавая иллюзию глубины на наших 2D слоях. Например: Увеличьте масштаб объекта съемки на 10% во время анимации, но увеличьте масштаб фона только на 5%.


Использование инструмента Puppet

Вы также можете добавить едва заметные движения к объектному слою с помощью инструмента "Марионетка". Выберите инструмент "Марионетка" и добавьте точки привязки к объекту. Затем вы можете создавать анимацию ключевых кадров в этих точках с течением времени. Это создает впечатление сверхмедленной съемки. Обязательно используйте инструмент Puppet экономно — обычно меньше значит больше!
👍14🍌1
This media is not supported in your browser
VIEW IN TELEGRAM
📝Полезные материалы: Pencil Overlay Toolkit

Шаблон для создания эффекта карандашного рисунка в After Effects. Этот шаблон позволит вам быстро создавать «наброски» – используйте!

–Шаблон
👍83
This media is not supported in your browser
VIEW IN TELEGRAM
🎃Туториал: анимированный чан

Хоть Хэллуин уже прошел, навыки создания такой анимации никогда не помешают вам в любых проектах!

#ae_turorial
👍338🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Shatter Effect: полезные материалы

Шаблон для создания разбитого текста или логотипа - нужная вещь, которая упростит процесс работы!

–Шаблон

#useful
👍87
This media is not supported in your browser
VIEW IN TELEGRAM
🔥6👍2
Предлагаем 5 онлайн-курсов сразу по трём направлениям БЕСПЛАТНО🔥
GeekBrains дарит возможность обучиться IT, дизайну и маркетингу🚀

Что вы получаете от курсов:
1️⃣ Поймёте, что ближе по душе
2️⃣ Познакомитесь с каждой сферой ближе
3️⃣ Узнаете, сколько зарабатывают на профессиях

Регистрируйтесь на курсы по ссылке 👈

Реклама. ООО "ГикБреинс".
ИНН 7726381870
3
This media is not supported in your browser
VIEW IN TELEGRAM
Анимируем отдельные буквы: пошагово от 1 лица

Добавьте текстовые селекторы
Для первого шага я разбью свой текст на определенные части, которые я хочу анимировать. Сюда входят кавычки, слово water, цитата и название. Я также создам группу под названием Animate IN.

Я буду использовать селекторы диапазона, чтобы изолировать каждый элемент, который я добавлю через Animate > Add Text Selector > Range. Это автоматически создаст селектор диапазона внутри новой группы текстовых аниматоров.

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

Укажите свойства
Теперь, когда у меня есть все мои ресурсы, выбранные в их собственных группах текстовых аниматоров, я готов добавить некоторые свойства в animate.

Для водного аниматора я добавлю Цвет заливки > RGB и переключу цвет на синий. Я добавлю позицию к остальным группам. Я добавлю непрозрачность к кавычкам и изменю название. И последнее: я добавлю непрозрачность и положение к моей анимации В группе.

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

Анимация положения
Чтобы получить плавный переход положения, мне нужно будет задать смещение селектора диапазона, указать форму, затем настроить свойства Ease High и Ease Low.

Я переключусь на режим увеличения, а затем установлю как высокий, так и низкий уровень легкости примерно на 50%.

Как только все мои свойства анимированы, остается выбрать время для ключевых кадров, чтобы получить желаемый вид.
👍103🔥3