🗝️Интересный кейс в After Effects

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

#inspiration

Современная айдентика: Как Emoji Pack в Telegram стал ее частью

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

Ссылка на статью: https://dsgners.ru/graphic-design/2614-sovremennaya-aydentika-kak-emoji-pack-v-telegram-stal-ee-chastyu

⚡️Полезный ресурс: Font Manager 2.0.1 After Effects Win/Mac

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

—Скачать

#useful

Анимируем 2D фото в After Effects

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

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

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

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

Фон заполнен заливкой с учетом содержимого.

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

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

Ссылка на статью: https://dsgners.ru/graphic-design/2860-dizayn-vliyaet-na-uspeshnost-vashego-biznesa-eto-fakt-no-ponimaete-li-vyi-naskolko-silno

Анимируем 2D фото | Часть 2

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

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


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

Вы также можете добавить едва заметные движения к объектному слою с помощью инструмента "Марионетка". Выберите инструмент "Марионетка" и добавьте точки привязки к объекту. Затем вы можете создавать анимацию ключевых кадров в этих точках с течением времени. Это создает впечатление сверхмедленной съемки. Обязательно используйте инструмент Puppet экономно — обычно меньше значит больше!

📝Полезные материалы: Pencil Overlay Toolkit

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

–Шаблон

🎃Туториал: анимированный чан

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

#ae_turorial

Shatter Effect: полезные материалы

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

–Шаблон

#useful

Предлагаем 5 онлайн-курсов сразу по трём направлениям БЕСПЛАТНО🔥
GeekBrains дарит возможность обучиться IT, дизайну и маркетингу🚀

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

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

Реклама. ООО "ГикБреинс".
ИНН 7726381870

Анимируем отдельные буквы: пошагово от 1 лица

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

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

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

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

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

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

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

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

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

Коррекция цвета в After Effects

Вот 6 эффектов цветокоррекции, о которых должен знать любой дизайнер движения

УРОВЕНЬ
Одним из самых простых и незаменимых инструментов цветокоррекции является эффект “Уровни”. Он позволяет вам регулировать общую контрастность и яркость отснятого материала, устанавливая уровни черного, белого и средней точки.

КРИВЫЕ
Вы также можете использовать эффект “Кривые” для более точной настройки тонального диапазона отснятого материала.


ОТТЕНОК/НАСЫЩЕННОСТЬ
Еще одним полезным инструментом цветокоррекции является эффект “Оттенок/насыщенность”, который позволяет регулировать оттенок, насыщенность и яркость определенных цветов в отснятом материале. Вы можете использовать ползунки оттенка и насыщенности для точной настройки цветов до тех пор, пока они не будут выглядеть идеально.

ЦВЕТОВОЙ БАЛАНС
Одним из самых простых способов цветокоррекции отснятого материала в After Effects является использование эффекта “Цветовой баланс”. Этот эффект позволяет вам отдельно настраивать тени, полутона и блики отснятого материала, что может быть полезно, если определенные части вашего изображения слишком темные или слишком яркие.

ЯРКОСТЬ И КОНТРАСТНОСТЬ
В Adobe After Effects эффект яркости и контрастности используется для настройки яркости и контрастности слоя или отснятого материала.
Ползунок яркости позволяет регулировать общую яркость слоя или отснятого материала. Перемещение ползунка вправо увеличивает яркость, а перемещение влево уменьшает ее.
Ползунок контрастности позволяет регулировать разницу между самыми темными и самыми светлыми участками слоя или отснятого материала. Увеличение контрастности делает более темные области темнее, а более светлые - светлее, в то время как уменьшение контрастности имеет противоположный эффект.

ОТТЕНОК
Эффект оттенка в Adobe After Effects позволяет применить размытие цвета к изображению или видеослою. Он работает путем настройки значений оттенка, насыщенности и яркости изображения или видео, в результате чего получается раскрашенная версия исходного контента.

🃏 Падающие карты / CC Cylinder

В сегодняшнем туториале мы станем настоящей мафией с сможем анимировать падающие карты!

#ae_turorial

Лучшие способы сохранить снимок экрана в After Effects

Сначала снимок After Effects кажется инструментом, который позволяет простым нажатием на значок снимка кнопки камеры сделать снимок экрана, который можно было бы вставить и использовать в Photoshop, но нет, Adobe заставила это работать по-другому. Что же именно делает snapshot, как его использовать, а также как сделать “настоящий” скриншот из вашей композиции AE.

Итак, в чем разница между snapshot и скриншотом в After Effects?

Снимок After Effects - это, по сути, копия одного кадра, который вы можете использовать в качестве эталона для сравнения с другим кадром в вашей композиции. Изображение моментального снимка хранится в памяти вашего компьютера, но вы не можете скопировать или вставить изображение / кадр в After Effects или Photoshop.

В отличие от скриншота, сохраните кадр в виде файла, который вы можете использовать в Photoshop или даже добавить в свой проект After Effects.

✍️Туториал: анимированная строка текста

Быстро, полезно и эффектно — три слова, описывающих сегодняшнее обучение!

#ae_turorial

Закладки дизайнера: детальное пособие для джунов (и не только) – в супергайде от CEO AffArts Игоря Фроловского. Часть вторая

Ссылка на статью: https://dsgners.ru/ux/2934-zakladki-dizaynera-detalnoe-posobie-dlya-djunov-i-ne-tolko-v-supergayde-ot-ceo-affarts-igorya-frolovskogo-chast-vtoraya