Анимируем иллюстрацию с ПАРАЛЛАКСОМ в After Effects. Часть 3
Добро пожаловать в 3-ю часть выпуска по созданию красивых видео с эффектом параллакса.
В 1-ой части вы узнали 4 простых способа анимации статичных картинок в After Effects.
Во 2-ой части мы повысили планку и создали красивое вертикальное видео для социальных сетей.
А сегодня вы закрепите знания и анимируете яркую и сочную иллюстрацию с зимним городским пейзажем и автомобилем, набитым мороженым :)
Вот какой у нас план:
1. Сначала мы соберём городскую среду из обычных картинок и оживим её с помощью параллакса.
Всего одним эффектом вы научитесь зацикливать иллюстрации и делать их бесконечными.
2. Затем анимируем фургон с мороженым и отправим его по улицам города.
И всё это без единого ключа.
Видео в таком стиле идеально подходит для роликов из путешествий, заставок и мультипликации.
Поэтому скачайте исходники, откройте After Effects и повторите урок от начала до конца.
Ну что, укротим строптивый параллакс? ;)
Параллакс в After Effects. Часть 3
Исходники для анимации фургона. Архив ничего не весит — 112 КБ.
Полезные ссылки к выпуску
- Урок «Всё о графиках скорости в AE»
- Урок «Выражения в AE. Как их быстро освоить?»
- Бесплатный мини-курс «AE для новичка»
Остальные части:
- Часть 1: «Параллакс в AE без 3D камеры»
- Часть 2: «Вертикальное видео с параллаксом в AE»
- Часть 4: «Параллакс и 3D камера в AE»
Параллакс — это удивительный эффект. Если бы я знал о нём 8 лет назад, когда анимировал заставки к своим видео из путешествий. Да вы и сами всё видели в начале урока.
Хотите продолжить покорять параллакс и выйти на новый уровень?
Участвуйте в новом МК по After Effects!
Приглашаю вас в мой новый мастер-класс «Параллакс заставка в AE».
В нём вы с нуля создадите профессиональный шаблон заставки, который реально продаётся на VideoHive и заработал уже более 260 000 рублей!
Получить доступ к МК можно только с 10 по 15 марта. А начать изучение вы можете в любое время.
В эти дни вы получаете его по самой низкой цене — со скидкой 33%. При этом у вас будут бесплатные обновления в виде дополнительных уроков, которые я планирую добавлять.
15 марта набор на МК закроется.
Представьте, насколько круто научиться делать то, что успешно продаётся прямо сейчас. Да и само ощущение: «Да! Я могу делать так же как профи», — доставляет огромное удовольствие.
К концу обучения вы создадите минимум 3 разных по дизайну ролика:
- поздравление с началом весны
- промо видео для рекламы товаров и услуг
- ролик на детскую тематику
Об остальных фишках вы узнаете на большой презентации — с наглядными примерами и подробным описанием функций шаблона, который вы создадите.
P.S. Поддержите выпуск и нажмите палец вверху справа 👍, если узнали что-то новое для себя.
Елена 10.02.2022 (11:39)
Игорь, здравствуйте, уроки даются легко, делает мой сын 9лет,а зарегистрировалась я. Мы вместе сидим. Всё понятно. Спасибо вам, очень интересно.
Игорь Лохман 10.02.2022 (15:52)
Здравствуйте, Елена! Это отличная идея! :) Рад, что всё получается.
Елена 12.02.2022 (22:19)
Игорь, здравствуйте! Когда будет новая рассылка, где мороженое плюхается? Пока что-то не приходила на почту. Ждём новый урок.
Игорь Лохман 13.02.2022 (01:40)
Здравствуйте, Елена!
Этот выпуск как раз об этом. Здесь мы анимировали основную сцену — городской пейзаж и фургон с мороженым.
Как я сказал в конце урока, прочие приколюхи, вроде падения мороженого — это для самостоятельного разбора, т.к. не относится напрямую к теме параллакса.
Тут и так много фишек получилось ;)
Елена 13.02.2022 (12:43)
Спасибо, поняли, сделаем сами! Поделимся попозже!
Игорь Усачев 10.02.2022 (20:07)
Великолепный урок с легкой подачей. Игорь, спасибо! а за вставки из одного из любимых фильмов — отдельное спасибо! :-) Мой вариант анимации https://disk.yandex.ru/i/mGWDJsTX6052hA .
я не догадался как сделать замедление всего ролика в конце, когда летит мороженка. Подскажите пожалуйста, как это делалось
Natalya 22.02.2022 (16:44)
Доброго времени. Не могу понять, как открепить мороженое от фургона, что бы анимировать его вылет. =( Вращение сделала, но оно так и уезжает с фургоном
Пожалуйста, подскажите, кто знает
Игорь Лохман 23.02.2022 (01:53)
Здравствуйте! Ниже, под комментарием Игоря я вкратце рассказал, как анимировал мороженое. В моём случае — внутри прекомпоза с машиной.
Да, оно будет уезжать вправо с фургоном, т.к. мороженое связано с ним. Чтобы компенсировать это — внутри прекомпоза я сильно сместил мороженое во втором ключе влево и подогнал расстояние между ключами, чтобы морожко резко летело влево вверх.
То есть я просто подобрал нужный момент внутри прекомпоза и сильно сдвинул мороженое, чтобы даже после ухода фургона оно оказалось посередине.
Как я написал в ответе Игорю — это не лучший вариант. Правильнее добавить мороженое в главной сцене, связать его с фургоном и там анимировать как захочется. Так удобнее контролировать результат.
Natalya 23.02.2022 (18:35)
Спасибо. Я уже стала изголяться — внутри прекомпоза после начала вращения, обрезала дорожку. Потом добавила ее копию в основную сцену и там уже стала анимировать не связывая с фургоном. Пока допилить не успела. Делаю. Но пока также не пойму, как все замедлить.
Игорь Лохман 23.02.2022 (22:48)
Для замедления можно использовать функцию Time Remapping. Там надо играться с ключами. Или Time Stretch. Обе вызываются через правый клик по слою — Time.
Игорь Лохман 23.02.2022 (01:48)
Здравствуйте, Игорь!
Не знаю, как так произошло — только сейчас увидел ваш комментарий. До этого не было проблем с уведомлениями.
Рад, что хотя бы сейчас заметил. Потрясающий ролик у вас получился. Это именно то, что я жду от своих учеников — креатив и не бояться делать по-своему.
Вам это удалось на все 100%. Спасибо, что поделились результатом.
Подскажите, мороженое анимировали внутри прекомпоза с машиной? Т.к. оно привязано к фургону мне пришлось анимировать его внутри и сильно уводить влево, т.к. авто скрывается в главной сцене. Интересно, как вы сделали.
В любом случае, есть много вариантов его анимации. Сейчас я понимаю, что лучше его анимировать в главной сцене независимо от авто. Так больше свободы в его перемещении.
Оксана 10.02.2022 (22:30)
Игорь огромное спасибо за интересные уроки) Очень познавательно и полезно! С большим удовольствием повторила за вами. Подбираю материал для новых идей!
Игорь Лохман 13.02.2022 (01:41)
Спасибо, что поделились впечатлениями после прохождения урока. Желаю успешно применять эти идеи в своих видео.
Елена 13.02.2022 (18:24)
А вот и результат! Игорь спасибо вам, на таких ярких примерах можно погрузиться в волшебный мир анимации! https://youtu.be/n2VhT84_wNM
Игорь Лохман 14.02.2022 (01:34)
Второй фургон не ожидал :) Спасибо за видео. Супер!
Денис 21.02.2022 (16:54)
Решил тряхнуть стариной.
Я был знаком с AE немного, но опыта маловато и редко что-то делал.
Вот вспоминаю и по новой изучаю для себя.
https://disk.yandex.ru/i/Sbgj2mYFPPVzqw
Игорь Лохман 21.02.2022 (20:06)
Спасибо за ролик! Очень круто повторили. Как и в прошлом примере, здесь тоже ничего не упустили. Поздравляю с новыми навыками!
Денис 21.02.2022 (17:22)
Не дошло до меня как тут у вас аватарку приладить.
Игорь Лохман 21.02.2022 (20:09)
Зайдите на специальный сервис — Граватар: https://ru.gravatar.com/
Создайте там профиль и прикрепите к нужному e-mail аватарку.
И тогда на любых сайтах в интернете, где вы вводите свой e-mail — автоматически будет показываться ваш аватар.
Классная и удобная штука.
Natalya 24.02.2022 (18:27)
Все, я ее допилила. Очень понравилась идея Игоря с человеком в окошке. Но пошла дальше и анимировала движение барышни через «виггл». Смотрится более реалистично. https://www.youtube.com/watch?v=MN3OdaRivkY
Хотела на заставке сделать кучу мороженок с помощью плагина трапкод, Помню был урок, когда частицы заменялись на иконки. Но увы… не смогла найти, хотя точно помню, что был. Попробовала вспомнить, но не смогла найти нужный из трех вариантов плагина и не нашла окошко, где делали замену на нужную иконку.
Ну вот сделала просто мороженку на заставке.
Игорь Лохман 26.02.2022 (02:52)
Классно придумали! =)
Спасибо за новый ролик!
Урок по иконкам с помощью частиц вы можете найти в рубрике справа «After Effects». Или быстрее в поиске по запросу «иконки». Урок будет в начале выдачи.
Марина 26.02.2022 (17:29)
Добрый вечер) Игорь, подскажите, почему то у меня в исходниках к этому уроку только машина, колеса , мороженое и окно. А где искать город, тротуар, снег?
Игорь Лохман 26.02.2022 (18:05)
Здравствуйте, Марина!
Скорее всего, вы пропустили 1 и 2 части. Сейчас вы в 3-ей.
Марина 26.02.2022 (18:58)
Спасибо) 2 часть сделала и очень классно получилось. Спасибо за уроки )
Игорь Лохман 27.02.2022 (02:07)
Спасибо! Желаю успешно пройти все части! Дальше будет интереснее ;)
Наталия 01.03.2022 (23:00)
Игорь! Доброго времени суток! Решила выложить пока без звуков то, что получилось! А то пишу, что сделано)), а где же результат)) https://youtu.be/ThrPvUBOSo8
Игорь Лохман 02.03.2022 (08:17)
Здравствуйте, Наталия!
Спасибо, что поделились результатом. Чем больше я вижу таких роликов, тем сильнее люблю делать то, что делаю :)
Юля 06.07.2022 (02:40)
здравствуйте, спасибо за классный урок. А не могли бы вы сделать еще доп урок по отрыванию от машины мороженного, замедления его, в то время, как фон резко размывается и наклоняется в сторону?…..
Игорь Лохман 06.07.2022 (22:59)
Здравствуйте! Рад, что понравился урок. Как я отметил в самом занятии, отрыв мороженого — это для самостоятельной работы. Ниже в комментариях мы вкратце разобрали как сделать такую анимацию. Она несложная. Посмотрите и попробуйте сделать похожий вариант.
Сергей 14.01.2023 (13:06)
все получается анимация супер ищу нишу применения
Денис 09.02.2023 (16:27)
Добрый день Игорь. Решил повторить ваш урок. Но при скачивании архива ,оказалось что в архиве только одна машинка.
Игорь Лохман 09.02.2023 (19:07)
Здравствуйте! Остальные исходники — в архивах 1-ой или 2-ой части.