Анимируем иллюстрацию с ПАРАЛЛАКСОМ в After Effects | Parallax Animation

➤ Скачать исходники и повторить урок: moviesecrets.ru/parallax_afte...
★ Бесплатный мини-курс «AE для новичка»: ms111.ru/70
➤ ЧЕМУ ВЫ НАУЧИТЕСЬ:
Это 3-я часть выпуска по созданию красивых видео с эффектом параллакса в After Effects.
Сегодня вы закрепите знания и анимируете яркую и сочную иллюстрацию с городским пейзажем и автомобилем.
Сначала мы соберём городскую среду из обычных картинок и оживим её с помощью параллакса.
Всего одним эффектом вы научитесь зацикливать иллюстрации и делать их бесконечными.
Затем анимируем фургон с мороженым и отправим его по улицам города.
Скачайте исходники и повторите урок от начала до конца.
➤ ПОЛЕЗНЫЕ ССЫЛКИ К УРОКУ:
Часть 1. ПАРАЛЛАКС в After Effects БЕЗ 3D камеры: moviesecrets.ru/parallax_afte...
Часть 2: ВЕРТИКАЛЬНОЕ видео с ПАРАЛЛАКСОМ в AE: moviesecrets.ru/parallax_afte...
Всё о графиках скорости в AE: moviesecrets.ru/speed_graph
Выражения в AE. Как их быстро освоить: moviesecrets.ru/after-effects...
➤ НАВИГАЦИЯ:
00:00 - результат урока
00:20 - что было в 1-ой и 2-ой частях?
02:15 - собираем картинки в готовую иллюстрацию
04:52 - анимируем сцену с помощью параллакса
10:22 - собираем фургон с мороженым
12:17 - анимируем фургон с мороженым
16:42 - создаём мультяшный дым
18:36 - собираем всё в готовую сцену
21:24 - финальный ролик

[@MovieSecretsRu]

➤ Навигация по уроку: 00:00 - результат урока 00:20 - что было в 1-ой и 2-ой частях? 02:15 - собираем картинки в готовую иллюстрацию 04:52 - анимируем сцену с помощью параллакса 10:22 - собираем фургон с мороженым 12:17 - анимируем фургон с мороженым 16:42 - создаём мультяшный дым 18:36 - собираем всё в готовую сцену 21:24 - финальный ролик

[@alexnew8872]

Поворил Ваш урок, все понятно и интересно, а главное - полезно! Спасибо Вам большое! на 16:22 Вы показали другие машины. Подскажите, пожалуйста, где вы берете такие замечательные картинки? Или Вы рисуете их сами?

[@dslavaua]

Вот это да!! Не верится, что такое возможно сделать своими руками!

[@MovieSecretsRu]

Люблю такие комментарии ;) Уверен, у вас всё получится, когда попробуете.

[@nikasgoncharov]

наконец то я нашёл нормальный канал, на котором по человечески быстро и понятно можно набраться опыта, спасибо)

[@MovieSecretsRu]

Спасибо! Мне знакомо это чувство ;)

[@user-js9cm8zw3f]

спасибо за урок и за материалы! очень интересно

[@user-ir6on4mg7s]

Четко , понятно и грамотно!!!)) Спасибо большое за ваш канал - это находка 💜 Под чужие уроки просто засыпала либо перематывала назад постоянно, т.к. совсем не понятно было с первого раза.

[@MovieSecretsRu]

Спасибо! :)

[@ev_geniy6227]

Благодарю ! Все уроки которые я смотрел в вашем исполнении , это очень понятно и круто .

[@MovieSecretsRu]

Это приятно) Спасибо!

[@nata9222]

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

[@MovieSecretsRu]

Спасибо большое)

[@igor.usachev]

Замечательный урок! Сразу захотелось повторить такую красоту! Игорь, спасибо!

[@MovieSecretsRu]

Вот бы у всех уроков был такой побочный эффект :) Спасибо!

[@NeonFinderChannel]

Крайне интересная тема. Очень полезные уроки, спасибо большое!

[@MovieSecretsRu]

И вам спасибо!

[@VLADLER_NG]

мужик ты реально крут, спасибо огромное за твою грамотную и понятную речь!!!

[@MovieSecretsRu]

Спасибо! Очень приятно!

[@mykolalepskyi2955]

Огромнейшее спасибо!!!! Так приятно смотреть!

[@MovieSecretsRu]

Спасибо)

[@user-yn8oo8ly7c]

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

[@MovieSecretsRu]

Спасибо! Я тоже постоянно удивляюсь, что многое в After Effects можно делать с нуля без дорогих плагинов. На мой взгляд, это правильный подход, особенно в начале пути.

[@user-qu2qw5ee2n]

Четко, советую!

[@feb1968]

самый лучший канал для новичков, спасибо!

[@tatianavolkhontseva6406]

очень крутой урок! столько фишек за 20 минут, большущее спасибо! видимо, стоит купить курс)

[@MovieSecretsRu]

Спасибо) Напишите мне ВКонтакте. Сделаю скидку на большой курс в честь дня влюблённых ;)

[@miniature2203]

Такая красотища😍😍😍 спасибо Вам огромное❤❤❤

[@MovieSecretsRu]

Спасибо :)

[@tashakonart]

Спасибо за отличный урок, на выходных займусь))

[@gooseman4776]

Голос приятный, все четко и ясно, спасибо.

[@MovieSecretsRu]

Спасибо!

[@natakarachevtseva9800]

Спасибо! просто супермегакруто!!! Сложные вещи простым языком. Браво

[@MovieSecretsRu]

Спасибо)

[@jelchnet]

ОГРОМНОЕ вам СПАСИБО! Всё получилось!

[@livitan9536]

Шикарно

[@makdak...]

Круто. Спасибо

[@joymusicstudio1]

Лайк для развития канала! Всем творческих успехов! Желаю всем крепкого здоровья и удачи!!!!!!! Like for the development of the channel! All the creative success! I wish everyone good health and good luck!!!!!!!

[@MovieSecretsRu]

Спасибо! Thank you! :)

[@RimmaVafina]

класс!!!👍👍👍

[@Mrfake007]

Спасибо, очень полезно, ты молодец.

[@MovieSecretsRu]

Спасибо!

[@maximt26]

Уроки просто супер! Очень доходчиво! Спасибо! 👍👍👍

[@MovieSecretsRu]

Спасибо! Рад, что нравится.

[@maximt26]

@@MovieSecretsRu Повторил! Просто супер!

[@vedeoyura]

Крутые уроки

[@MovieSecretsRu]

Спасибо!

[@kylewinters8531]

Очень круто и понятно! Сам не первый год пользуюсь After Effects и о таких казалось бы простых штуках, как настройка прозрачности альфа канала через curves и расширение границ через grow bonds я узнал только в этих роликах по параллаксу. Мерцание звёзд через жалюзи тоже неожиданно, я бы сам турбулент использовал. Тоже обожаю wiggle, но пока не нашел как можно было бы динамически менять его настройки. Т.е. к примеру если бы авто в этом ролике должно было полностью остановиться и все детали к моменту остановки уже стоять на своих местах. Наверняка должна быть простая экспрессия, типа wiggle (x,y), а те отдельно регулируются

[@MovieSecretsRu]

Рад, что пригодился урок) Да, через турбулент было бы интересней. На счёт wiggle - его x и y можно привязать к двум слайдерам и уже анимировать по ключам. Если нужно остановить дёргания - ставим в слайдере 0.

[@trickster1526]

Супер! Интересно и доходчиво) А про композинг у вас есть что-то?

[@MovieSecretsRu]

Спасибо! Про композитинг пока немного. Найдите у меня урок - «Продвинутый хромакей в After Effects. Эффект "Дверь в другое измерение"».

[@stacy.owlrei]

Большое спасибо за ваши уроки! Все четко и понятно. До этого я даже открывать After Effects боялась)) Скажите, пожалуйста, возможно ли зациклить детали заднего фона, чтобы он был бесшовным при воспроизведении видео заново? Я хочу сделать гиф с эффектом параллакса, но бросается в глаза этот скачок.

[@MovieSecretsRu]

Да, точно так же можно сделать бесшовную анимацию фона. Просто подберите во втором ключе такое значение в эффекте, пока фон не вернётся в начальное положение. Если есть скачок, значит, перекрутили или недокрутили.

[@user-xh9oe3ud7o]

Спасибо большое! Очень интересно и понятно объясняете. А где можно искать исходники для таких видео?

[@MovieSecretsRu]

Спасибо! Картинки ищу на всяких стоках со свободной лицензией. Сайтов очень много. Например, freepik.com

[@livitan9536]

Спасибо...

[@makstonyshorts]

Потрясающая работа! Где вы берёте исходники PNG картинок??

[@MovieSecretsRu]

Спасибо! Картинки ищу на стоках со свободной лицензией. Скоро будет продолжение этой серии уроков. Там будут все источники. Всё никак не соберусь)

[@alx8829]

Спасибо! Учусь с другой Школе. Но, благодаря вашим урокам, оттачиваю знания. Много для меня нового и не нового было в этом уроке. За новые эффекты и их применение огромное спасибо. Остался у меня вопрос, как сделать так, чтобы мороженое выпадало и становилось крупным планом. Ну, это на будущее.

[@MovieSecretsRu]

Спасибо! На блоге в комментариях к выпуску я уже рассказал о нескольких вариантах, как это сделать. В любом случае - это для самостоятельной работы, т.к. не относится к теме параллакса. Пробуйте и подумайте, как это сделано, как движется мороженое, как приближается и т.д.. Если изучаете мои уроки и следите за комментариями на блоге, то без проблем найдёте решение. Главное, повторите этот урок, а после уже экспериментируйте с подобной анимацией. Потому что я не знаю ваш уровень навыков в After Effects и где учились до этого.

[@alx8829]

@@MovieSecretsRu наверное, не стоит тут рекламировать конкурентов). Второй вопрос, хотелось бы получить Ваш мини-курс для новичков (Я поняла, что вы преподаете по-другому, и я нахожу для себя много нового, опираясь на базовые знания, Думаю Ваш курс мне будет полезен). Вопрос! ссылка на той страничке не работает, куда я могу прислать свой e-mail для получения курса? Спасибо!

[@MovieSecretsRu]

​@@alx8829 Да, сейчас ту страницу я переделываю, поэтому частично не работает. Пришлите свой email мне в ВКонтакте, на почту или службу поддержки. Контакты есть на блоге. Я добавлю вас в курс.

[@us2ilu]

да, урок интересный, ищу сюжет для применения

[@a111_Bundy]

Сделано, спасибо за урок. есть вопросы: анимация дыма в начале появляется постепенно, можно ли сделать так что бы он на пике показывался сразу? про цикличность, на дороге есть шов от отзеркаливания можно ли его как то сгладить ? и что бы сделать анимацию без обрыва (без обрыва картинке на репите), его надо делать больше по хронометражу по последнему слою, что бы он полный цикл делал ? Бесплатный миникурс по АЕ, больше не доступен ?

[@MovieSecretsRu]

Здравствуйте! Всё можно. Экспериментируйте с эффектом и ключами. Шов виден из-за корявого исходника. Пришлите мне на почту ваш email, отправлю курс.

[@kirgoff_lex]

Автору респект) , есть вопрос, когда растягиваем мозаикой (в русской версии) в сторону недостающий фон, так было с деревьями и горами то на стыке между старым и новым фоном образуется полоса (просто линия пустоты) - как это исправить, чтобы картинка после эффекта была сплошная?

[@MovieSecretsRu]

Так бывает на некачественных футажах. Скорее всего, на границе есть пиксели или пробел. У меня такое то бывает, то нет.

[@user-no1vm1bb9y]

Спасибо большое за урок! А как концовку с мороженным сделать?

[@MovieSecretsRu]

Зайдите на блог, почитайте в комментариях. Разбирали вкратце.

[@StaffLife23]

Очень круто. Единственное я не могу понять, как сделать улетающее мороженное , подскажите плиз

[@MovieSecretsRu]

Спасибо! Как сделать улетающее мороженое - вкратце разобрали в комментариях к этому уроку на блоге. Посмотрите.

[@bogdankakavunets5144]

Все повторила (второй день в программе), очень здорово. НО! А как же сделать улетающее мороженое в конце?

[@MovieSecretsRu]

Этот момент я вкратце объяснил в одном из комментариев под этим уроком на блоге. Ссылка в описании.

[@user-im8ow6qz4s]

Спасибо огромное я повторил всё от и до, вопрос а как сделать момент с 21:34 если у нас эта мороженка в композе с машиной ? Мы делаем больше границы композа ?)

[@MovieSecretsRu]

Пожалуйста) Этот момент я вкратце объяснил в одном из комментариев под этим уроком на блоге. Ссылка в описании.

[@Traveler_marie]

Привет) Спасибо за уроки, очень классные! Посоветуй, пожалуйста, графический планшет и ноутбук для моушн- дизайнера, буду очень благодарна 😊

[@MovieSecretsRu]

Рад, что понравился урок) По планшету и ноуту не посоветую, потому что не слежу за новинками.

[@zayjkerr]

Здравствуйте, подскажите пожалуйста, каким эффектом сделать слоу мо как в конце?) upd: не знаю насколько это правильно. Я не могу найти что-то типа создания папок под слои, как в премьере. Поэтому создал пустой слой, привязал к нему все слои, которые есть, кручу и приближаю картинку. Теперь думаю как снег замедлить)

[@MovieSecretsRu]

Здравствуйте! Для замедления можно использовать функцию Time Remapping. Там надо играться с ключами. Или Time Stretch. Обе вызываются через правый клик по слою - Time.

[@user-hq7gp4fz5z]

К сожелению, в исходниках не хватает некоторых файлов (дорога, домики, фон)

[@MovieSecretsRu]

Это потому что вы начали с 3-ей части выпуска про параллакс. Начните с 1-ой. Там все исходники.

[@user-hq7gp4fz5z]

Спасибо большое! У вас замечательные видео)

[@MovieSecretsRu]

@@user-hq7gp4fz5z Спасибо! :)

[@Anar_Nm]

Спасибо, урок отличный. Но всё же неполноценный, от чего портится всё впечатление. Мне было наиболее интересно, как сделать сцену с замедленным отрывом и падением мороженого. Но её нет, хотя в результате показан. И в исходниках нет звука, где его искать...? Этот подходил идеально.

[@MovieSecretsRu]

Спасибо! На блоге в комментариях к этому выпуску я уже рассказал о нескольких вариантах, как это сделать. В любом случае - это для самостоятельной работы, т.к. не относится к теме параллакса. Пробуйте и подумайте, как это сделано, как движется мороженое, как приближается и т.д.. Если изучаете мои уроки и следите за комментариями на блоге, то без проблем найдёте решение. Главное, повторите этот урок, а после уже экспериментируйте с подобной анимацией. Звуки и музыку я не прикладывал, т.к. использую лицензию. Найти похожие не проблема. Бесплатных стоков много.

[@reymershouse3396]

здравствуйте, не нахожу строки для ввода почты по ссылке бесплатного мини курса по Ae. Она не активна сейчас?

[@MovieSecretsRu]

Напишите мне на почту или в ВК, отправлю курс.

[@daryafaleefa3376]

А подскажите, как сделать правильное замедление и поворот мороженого. А то совсем ничего не выходит. может ссылку на урок или статью.

[@MovieSecretsRu]

Под видео ссылка на выпуск с этим уроком. В комментариях мы вкратце разобрали как это сделать.

[@lina.chetin]

Здравствуйте Игорь. А у меня в zip папке только 6 картинок, остальные не могу найти

[@MovieSecretsRu]

Здравствуйте! Остальные исходники в 1-ой части.

[@user-dc5ud1dt8z]

Есть проблема: у меня видео длиной 1 мин с движущимся поездом. Я сделал мелькание деревьев мимо поезда, значение tile center доходит до 80 тыс... Но ближе к 40 секунде анимации движение обрывается. Причем когда ставлю качество Quartet, то еще играет, а если Full то вот такая песня. Отрендерить, конечно, не получается. Почему? А в целом отличный урок, спасибо огромное!)

[@MovieSecretsRu]

Возможно, не хватает оперативки. Лучше используйте выражения для зацикливания анимации, чтобы так не мудрить. Поищите.

[@user-dc5ud1dt8z]

@@MovieSecretsRu большое спасибо. С выражениями стало работать))

[@olegilici3290]

Привет. Mожно разместить исходники города?, пожалуйста

[@MovieSecretsRu]

Привет! Все исходники уже есть в статье на блоге. Ссылка в описании.

[@eenikeevv]

В вашем исходнике нет Кузова, как скачать?

[@MovieSecretsRu]

Ссылки в описании.

[@user-kj5xz3py9x]

у меня не получилось кое что. Так как в ваших исходниках нет фона и и дороги, деревьев и тд, я создала их сама. В Иллюстраторе я от начала до конца поставила дорогу на которой будет ехать Фургон, но почему он не соединяется в мозаике как у вас. Проплешина в сантиметр там. Что делать?

[@MovieSecretsRu]

Остальные исходники в 1-ой части. Скачайте их, и всё получится.

[@user-ej4qn5rt8j]

Я делаю свою работу, у меня тоже пробел! Феноменальная и нерешаемая проблема. Как не изменяю машстабы в АИ, проблема не уходит. Вот экспорт файла АИ решает проблему, а вот ПНГ нет

[@Relativistic-JET]

8:07 Разное расстояние между фонарями. Может пока я урок не до конца доделал.

[@MovieSecretsRu]

Такая картинка. Для этого примера не критично.

[@Relativistic-JET]

@@MovieSecretsRu 3 Урока с параллаксами поделал. Спасибо.

[@user56496]

по ссылке можно скачать только фургон а фона и домов нету

[@MovieSecretsRu]

Остальные исходники в 1-ой части.

[@user-kc5yn8rg7h]

альт клик не работает почему то и выражения не пишутся

[@MovieSecretsRu]

Возможно, что-то не так делаете. Сложно понять, в чём проблема.

[@user-hs2gt4nl4u]

Скачал файлы а у меня только части машини, а всего остального нет

[@MovieSecretsRu]

Остальные исходники в 1-ой части.

[@Lizzect_motion]

почему ссылки не активны?? Мне ничего не скачать. Блин, так жалко.

[@MovieSecretsRu]

Ссылки активны.

[@Lizzect_motion]

@@MovieSecretsRu Спасибо!) а где можно найти дорогу, снег, тротуар фонари и тд?

[@MovieSecretsRu]

@@Lizzect_motion По ссылке в описании. На блоге все части урока.

[@Lizzect_motion]

@@MovieSecretsRu если скачивать исходники по этому уроку - качаются только части машины. (окно, мороженное, колесо, днище) остального нет, либо я не могу нигде найти. Я уже у вас всё перелопатила, а толку никакого. Объясните пожалуйста, где взять остальные исходники? Буду очень благодарна!!!!

[@MovieSecretsRu]

@@Lizzect_motion Прочитайте внимательно статью по ссылке. Там будет ссылка на другие части урока, в которой остальные исходники.

[@us2ilu]

вот что получилось, ну просто супер - kzbin.info/www/bejne/qKOsmauDaLp1eas

[@MovieSecretsRu]

Поздравляю с результатом!