Предлагаем 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

✂️Залипательный After Effects

Сегодня вдохновляемся тем, каким может быть таймлайн в After Effects - поразительно!

#inspiration

2 простых выражения After Effects для использования в рабочем процессе

1) Отскок по инерции
Оно создает динамический "упругий" отскок на любом значении ключевого кадра, к которому вы его добавляете. Это может быть вращение, масштаб, положение и даже контуры маски.
В After Effects, удерживая клавишу option, выберите секундомер любого значения, к которому нужно добавить выражение, а затем вставьте выражение в текстовое поле.

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

2) Контроллер Wiggle
Выражение wiggle необходимо для создания динамических анимаций, таких как падение или тряска объектов с течением времени.

Стандартное выражение Wiggle:
[pastacode lang="javanoscript"
manual="wiggle(0%2C0)" message="'"
highlight="" provider="manual"/]
Выражение wiggle является довольно распространенным, но не многие знают, как им управлять. Для управления вихлянием необходимо использовать ползунковые регуляторы. Элементы управления ползунками находятся на панели эффектов. Создайте нулевой или корректирующий слой с именем
"Wiggle_Controller" и добавьте два ползунковых регулятора. Назовите один из них "Х", а другой -
"Y". Это будут ключевые кадры для управления покачиванием. Назовите одну переменную "FREQ", а другую
"АМР" После этого вы можете вставить следующий код в значение, которое вы хотите изменять:
[pastacode lang="javanoscript"
manual="wiggle(thisComp.layer (%22Wiggle_Contr oller%22).effect(%22FREQ%22)
(%22Slider%22)%2CthisComp.layer%22Wiggle_C
ontroller%22).effect(%22AMP%22)
(%22Slider%22))" message=''" highlight="'' provider="manual"/]
Теперь, если анимировать значения "FREQ" и
"AMP" на "Wiggle_Controller", можно управлять покачиванием.

🎅🏼Полезные материалы: Christmas Greetings

Готовим проекты к новому году! Шаблон новогодней видеооткрытки - к вашим услугам

—Шаблон

#useful

Loop Out

Loop out - простое выражение, которое можно использовать для зацикливания любого набора ключевых кадров. Оно может быть очень удобным для создания зацикленных GIF-файлов.
С его помощью можно также изменять несколько параметров.

Loop Out Cycle:
"Повторяет указанный сегмент".

Loop Out Ping Pong:
"Повторяет указанный фрагмент, чередуя движение вперед и назад".

Loop Out Offset:
"Повторяет указанный сегмент, но смещает каждый цикл на разницу в значении свойства в начале и конце сегмента, умноженную на количество циклов сегмента".

Loop Out Continue:
"Не повторяет указанный сегмент, но продолжает анимировать свойство на основе скорости на первом или последнем ключевом кадре. Например, если последний ключевой кадр свойства Scale слоя равен 100%, то слой продолжает масштабироваться от 100% до точки Out, а не возвращается по циклу непосредственно к точке Out. Этот тип не принимает аргумент keyframes или duration."

#useful

🙈Новости в сфере дизайнеров анимации:

Fable Motion создали бесплатный аналог After Effects с нейронкой под капотом — сервис создаст красивое видео по обычному наброску, выстроит анимацию и перегенерирует рисунки в красивый арт.

—Сервис
#news

🏹Выражение движения по спирали

Это выражение может быть использовано для всего подряд со свойством position. Объекту можно задать глубину. Для этого нужно поменять y и z координаты. Предварительно, включив 3D отображение для объекта.

—Выражение

От первого сообщения до оплаты: взаимодействие с заказчиком

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

Ссылка на статью: https://dsgners.ru/ux/3004-ot-pervogo-soobscheniya-do-oplatyi-vzaimodeystvie-s-zakazchikom