ПАРАЛЛАКС в After Effects БЕЗ 3D камеры. 4 простых способа ОЖИВИТЬ картинку

➤ Скачать исходники и повторить урок: moviesecrets.ru/parallax_afte...
★ Бесплатный мини-курс «AE для новичка»: ms111.ru/70
Параллакс - это самый быстрый способ оживить статичные картинки, видео, графику и текст без сложной анимации.
С этой техникой любое плоское изображение обретает объём и глубину. Появляется иллюзия движения. Кажется, что всё реально и правдоподобно.
➤ ЧЕМУ ВЫ НАУЧИТЕСЬ:
За 3 простых урока вы с нуля создадите несколько красивых видео с эффектом параллакса в After Effects. Это первый :)
➤ КАК ДЕЛАЮТ ОБЫЧНО?
Обычно для параллакса создают 3D камеру и распределяют слои в пространстве. Именно так делают большинство авторов на KZbin, чтобы показаться знающими и властными. Я тоже грешил.
На самом деле это правильный способ. Потому что он даёт реалистичный результат.
Только все эти 3D камеры отпугивают новичков и отбивают желание знакомиться с параллаксом ближе. Это как читать камасутру на первом свидании. Познавательно, но с первого раза не получится.
➤ МОЙ ПОДХОД - ВЛЮБИТЬСЯ В ПАРАЛЛАКС
Я записал серию из 4-х простых уроков, после которых вы влюбитесь в параллакс и начнёте использовать его в своих видео.
В этой 1-ой части я покажу вам 4 простых способа создания параллакса БЕЗ 3D камеры и сложной анимации.
На красивом примере вы получите много ценных навыков в After Effects и сможете сами анимировать статичные картинки.
Вы увидите, как параллакс применяют в играх, веб-дизайне и даже рукоделии. А потом удивитесь, как все эти идеи перекочевали в After Effects и тысячи шаблонов.
Благодаря этим примерам вы обогатите свою насмотренность и визуальный опыт.
Поэтому смотрите урок до конца, даже если вы опытный пользователь After Effects.
➤ ПОЛЕЗНЫЕ ССЫЛКИ К УРОКУ:
Бесплатный мини-курс «AE для новичка»: ms111.ru/70
МК «Мои воспоминания»: moviesecrets.ru/mk/my_history/
МК «Супер-иконки в AE»: moviesecrets.ru/mk/icons/
Курс «Мастер анимации в AE»: ms111.ru/ae_master
Урок «Всё о графиках скорости в AE»: moviesecrets.ru/speed_graph
➤ НАВИГАЦИЯ:
00:00 - эффектное начало
00:23 - главный закон параллакса
01:14 - примеры из игр
01:38 - примеры из веб-дизайна
03:40 - примеры из рукоделия
04:55 - примеры шаблонов с параллаксом на VideoHive
05:51 - примеры из моих курсов
06:49 - как обычно делают параллакс?
07:16 - 1-ый способ через Scale
11:33 - 2 и 3 способы через Anchor Point
14:47 - 4-ый способ через Position
17:11 - что в следующей части?

[@MovieSecretsRu]

➤ Навигация по уроку: 00:00 - эффектное начало 00:23 - главный закон параллакса 01:14 - примеры из игр 01:38 - примеры из веб-дизайна 03:40 - примеры из рукоделия 04:55 - примеры шаблонов с параллаксом на VideoHive 05:51 - примеры из моих курсов 06:49 - как обычно делают параллакс? 07:16 - 1-ый способ через Scale 11:33 - 2 и 3 способы через Anchor Point 14:47 - 4-ый способ через Position 17:11 - что в следующей части?

[@user-vu8qp5gy2w]

Сказать, что сделано всё невероятно качественно - ничего не сказать.

[@MovieSecretsRu]

Спасибо за поддержку!

[@Joposranchik1993]

Уроки обалденны. Не грех в портфолио выставить. Спасибо.

[@julbo3172]

Спасибо за такой замечательный урок! Нашла именно то, что искала. Ваш труд неоценим 💚

[@MovieSecretsRu]

Спасибо! :)

[@ShanderGardani]

Так все быстро и качественно подается, по фактам и сути, без воды и ненужной болтологии для затягивания роликов, респект за такую подачу, и спасибо

[@MovieSecretsRu]

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

[@IrinaAlexandrovna-qb7ds]

Я сначала думаю фи что мне смотреть видео для новичков?! Но вы покорили мое сердце. С первой же секунды время пошло очень ценно

[@nitkabycin]

Всегда жду с нетерпением новых уроков. Обожаю паралакс. Повторила все способы. В общем-то все интересные. Спасибо. Пошла смотреть дальше.

[@MovieSecretsRu]

Спасибо! А я всегда жду такие комментарии своих учеников. Желаю вам успешно пройти все 3 базовых занятия.

[@zhamalkambarovna]

Я изучаю After Effects самостоятельно в течение года. Жалею, что раньше не нашла ваш канал. Вы очень доходчиво объясняете материал. Благодарность!

[@MovieSecretsRu]

Спасибо! :)

[@biker1522]

Блин,красотища.дома обязательно потренируюсь.создать что нибудь этакое

[@user-kf4vj7vw2p]

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

[@dslavaua]

Жду продолжения, еще и другу будет очень полезно!

[@gizelgumirov6054]

Большое спасибо, Игорь. Объяснение супер понятное и доходчивое. А то, что по ходу обьяснения вы дарите такой обьем "типов" и навыков работы в программе, к которому график приходит через годы и опыт - делает ваши уроки просто находкой (и не только для новичков). Лайк и подписка. Иду смотреть следующие!

[@MovieSecretsRu]

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

[@Eruditcraft]

Как круто) спасибо!

[@igor.usachev]

Классный урок! все очень доступно! Игорь, спасибо!

[@MovieSecretsRu]

Спасибо :) Скоро 2-я часть.

[@tashakonart]

Спасибо за отличный урок! Впрочем как и всегда!

[@user-js9cm8zw3f]

спасибо за видео, за исходники и уроки, очень интересно

[@SVE204]

Спасибо большое за ваши труды. Я после школы и все что не поняла нахожу у вас. 👍

[@MovieSecretsRu]

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

[@sorrocking]

Я не дизайнер и не иллюстратор, а продакт менеджер, и посмотрел с удовольствием. Качественно снято, учтены детали, таймлайн, ссылки, сноски на видео, речь, примеры, etc. - круть! Спасибо. Процветание каналу!

[@MovieSecretsRu]

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

[@user-fc8gf7uj9w]

Урок, как и эффект замечательный! Спасибо!

[@MovieSecretsRu]

Согласен, эффект красивый. Спасибо!

[@AnimamoriTyan]

нормик нермик)))

[@__13___6]

спасибо за прекрасное видео! отличная подача, всё разжевано, а для новичка это клад!)) пошла смотреть следующие ролики....)

[@MovieSecretsRu]

Спасибо! :)

[@Phantom23able]

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

[@MovieSecretsRu]

Спасибо!

[@ilonailona5124]

Начала цчить монтаж. Хороший урок, все понятно . Спасибо большое

[@MovieSecretsRu]

Спасибо)

[@ideagame3633]

Круто, да прибудет с тобой сила.

[@vadim5778]

Сколько лет, сколько зим. Игорь, спасибо за твой труд! Лайк не глядя.

[@MovieSecretsRu]

Точно) Спасибо!

[@braingriffin946]

Искал медь, а нашёл золото. Бро, ты гений!

[@MovieSecretsRu]

Классный комментарий) Спасибо, приятно!

[@user-gi7tr5ch7z]

Редко что-то пишу здесь, но это правда качественный контент! Благодарю!

[@MovieSecretsRu]

Спасибо! :)

[@natakarachevtseva9800]

Очень круто! Спасибо. Много нового

[@MovieSecretsRu]

Рад, что понравился урок)

[@9thera_star]

Игорь. ты как всегда. крут!!!!

[@alekssamurai]

Спасибо за отличный и понятный урок!!!👍👍👍

[@MovieSecretsRu]

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

[@Elenavishnya]

Всё открылось!)

[@MBKCZAR]

Круто🙌

[@posyacold8925]

Отличный видеоурок по After Effects, спасибо

[@MovieSecretsRu]

Спасибо)

[@a111_Bundy]

Спасибо за урок, и отдельное спасибо за исходники. Их наличие ускоряет обучение.

[@MovieSecretsRu]

Желаю успешно повторить все 4 части.

[@MurFFFka]

Спасибо за урок!)

[@MovieSecretsRu]

Пожалуйста)

[@yuliyatserna9037]

Отличный канал! урок - супер! спасибо большое!

[@MovieSecretsRu]

Спасибо)

[@ololorita]

Какая несправедливость(( Почему так мало лайков и комментов? Отличный урок, особенно понравился бодрый голос автора))) Спасибо! Подписка :-*

[@MovieSecretsRu]

Спасибо за поддержку! Ничего, избранные посмотрели и уже применяют знания ;)

[@multach]

@@MovieSecretsRu Я тоже не понимаю. Подача намного интереснее, чем Хохлов-Сабатовский, а просмотров пшик… 😢 ты крутой ❤

[@MovieSecretsRu]

@@multachСпасибо! Главное, что я нашёл своего зрителя.

[@yv9732]

Это лучший тутор из всех, что я видела.

[@MovieSecretsRu]

Спасибо ;)

[@yv9732]

@@MovieSecretsRu У меня были вечные проблемы с камерой, я столько всего пересмотрела, но никак она не давалась, а после вашего урока все стало предельно ясно, как будто свет в комнате включили) спасибо большое)) и кстати о свете, с ним тоже проблемы, он вообще мне не поддается, я никак не могу сообразить как с ним работать, слой light я имею ввиду. Как было бы здорово если б вы сделали обзор на него и объяснили в своей манере как, когда и куда лучше его применять) сори за наглость))

[@MovieSecretsRu]

​@@yv9732 Мне кажется, в каких-то бесплатных уроках на блоге было про свет. По крайней мере в моих продвинутых курсах он точно есть. Это классный инструмент, т.к. позволяет работать с настоящими тенями. Возможно, в будущих уроках свет ещё будет встречаться.

[@woxiam9004]

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

[@woxiam9004]

вы на видео ответили на этот вопрос, так сразу как я спросил об этом, и за это спасибо))

[@MovieSecretsRu]

@@woxiam9004 Пожалуйста)

[@Tatyana2204]

Супер широко!

[@rslmrz1787]

Видео интересное))) подскажите, где вы берете исходники для проекта?)) где вы брали все эти елочки, горы) звезды)?

[@yumyum4872]

Отличный урок☺️

[@MovieSecretsRu]

Спасибо!

[@lerua2483]

Дай Бог тебе здоровья, деньжат и счастья. Очень познавательно и полезно

[@MovieSecretsRu]

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

[@zar6229]

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

[@MovieSecretsRu]

Здравствуйте! Спасибо! Да, пришлите мне свою почту в ВК или на почту. Все контакты на блоге.

[@SShhooxxrruuxx]

Ухахахаха брат вы так меня рассмешили когда сказали слово *НЕБО* в начале обучение в афтер эффектс, зачет😂😂😂👏

[@MovieSecretsRu]

Спасибо =)

[@elenashilenkova6201]

Wow wow wow 🎉

[@olgayampolskiy7367]

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

[@MovieSecretsRu]

Не рассказывал пока. Это будет скоро в отдельном уроке.

[@olgayampolskiy7367]

Спасибо! Подписалась на вас, буду следить а выпусками! @@MovieSecretsRu

[@philippussis_master]

Толково.

[@badtrip6818]

спасибо! скажите пожалуйста, так как лучше достигать такого эффекта "вручную" или в 3д камере? или такой способ подходит когда у тебя картинка по частям собрана? а в остальных камеру

[@MovieSecretsRu]

Через 3Д камеру - реалистичней. Делайте так, как вам больше нравится.

[@alx8829]

добрый день! Скажите, на каком сайте самые лучшие футажи и векторные изображения? Искала елки, как у вас на pixabay, но ничего не нашла подходящего. Или вы пользуетесь иллюстратором, чтобы из композиции вырезать отдельные элементы?

[@MovieSecretsRu]

Здравствуйте! Скоро я выпущу урок - где искать иллюстрации и как их подготовить для анимации. Там будет всё подробно. О выходе как обычно сообщу в e-mail рассылке. Не пропустите.

[@alx8829]

@@MovieSecretsRu спасибо!!

[@Elenavishnya]

Спасибо большое за уроки! Очень доступно! Одна маленькая просьба - уточнять эффекты на русском), если не сложно. Много времени занимает догадываться и переводить. Буду очень Вам признательна)☺

[@MovieSecretsRu]

Спасибо! Только если уж выбрали - мучаться в русской версии, то переводите сами :) Установите английскую версию After Effects и забудете о таких проблемах. Знать английский не нужно, чтобы повторять уроки. Об этом я рассказал здесь: vk.com/moviesecrets?w=wall-45115345_147

[@ArtZueva]

Игорь, здравствуйте! Отличный урок с футажами, пытаюсь по нему идти и впадаю в ступор на 10:10 "вызываем масштаб и активируем анимацию". Что и как Вы нажали? Искал на сайте "Бесплатный мини-курс «AE для новичка»" не дает ввести емаил

[@MovieSecretsRu]

Здравствуйте! Нажмите S, чтобы вызвать масштаб. Пришлите свой email мне в ВК или на почту, отправлю курс.

[@ArtZueva]

@@MovieSecretsRu Огромное спасибо! Все получилось! И пусть алгоритмы ютуба выводят все Ваши видео в топ!

[@user-jh8hk2yg8y]

👍

[@serglam101]

Подскажите, хотел пройти мини-курс в описании у Вас под видео, но не могу оставить свою почту никаким образом - есть ли решение этого вопроса?

[@MovieSecretsRu]

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

[@didesigni]

А можно ли зациклить вариант с розовыми деревьями, чтобы бесконечно деревья пролистывались?

[@MovieSecretsRu]

В 3-ей части мы это и делаем.

[@ckynet7772]

а какие картинки подходят для этого. где их брать, какое разрешение должно быть, векторные или нет они должны быть

[@MovieSecretsRu]

Скоро будет продолжение уроков по параллаксу. Там всё это будет.

[@user-sg4bu7ch4r]

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

[@MovieSecretsRu]

Спасибо! Не всегда всё просто. Многое за кадром :)

[@oryart737]

Совсем недавно только заинтересовалась большим желанием анимирвать свои арт-работы, однако как только в поиск не забью - информации о том, как оживить статичную картинку практически нет. Либо послойные анимации, либо..послойные анимации? Если арт-работа отрисована в реалистичной стилистике, как заставить задвигать глаз/ухо/шею, да что угодно? Видела анимацию через простые геометрические фигуры, но это, опять же, не совсем то, что мне нужно..Быть может, кто-нибудь знает какие-то гайды именно по оживлению самого арта?..Или, быть может, для этого не адоб эффектс нужен?..

[@user-uy3bq6lx2z]

Здравствуйте! Посоветуйте, пожалуйста, как можно в эту программе сделать так, чтобы человек на фотографии моргнул глазом!?

[@MovieSecretsRu]

Найдите или снимите моргающий глаз, наложите его на лицо, обрежьте как надо маской, подгоните по цвету и готово.

[@user-uy3bq6lx2z]

@@MovieSecretsRu Спасибо Вам большое!

[@Xio-228]

Здравствуйте, а не подскажите пожалуйста как сделать параллакс обычной картинки без разных слоёв?

[@MovieSecretsRu]

Здравствуйте! Ищите projection effect, displacement effect и так далее. Только это не совсем параллакс, а попытка превратить 2д фото в 3д.

[@aleksandrkadolov2010]

Здравствуйте. Я не могу найти , куда вставить емейл на миникурс.

[@MovieSecretsRu]

Я переделываю страницу подписки, поэтому напишите мне на почту. Почта в контактах внизу моего блога. Оправлю на ваш email мини-курс.

[@aleksandrkadolov2010]

Спасибо

[@Zhenya_014]

Здравствуйте,совсем новичок в этом,только начал. Проблема возникла, начал делать поралакс который начинается на 10:08,начал делать анимацию,появились ключи сделал всё как в видео Но,паралакс не сработал,можете помочь пожалуйста

[@MovieSecretsRu]

Без скриншота или скринкаста непонятно, где вы ошиблись. В таких случаях лучше начать заново. Повторите урок несколько раз и найдёте ошибку.

[@vidsman3879]

Здравствуйте. ВИдео крутое базара нет но! Все было бы легко и просто только надо картинки иметь все конкретно подготовленные. Вы покажите когда 1 картинка вся слита как с нее сделать такой эффект

[@MovieSecretsRu]

Спасибо! Картинку можно разбить на слои в Фотошопе. Но из 1 картинки это нецелесообразно делать. Лучше и проще найти иллюстрацию, разбитую на слои. Таких много. Скоро я продолжу эту серию уроков и расскажу как подготавливать картинки для анимации.

[@Crypto_L1S]

Как сделать такую NFT карточку на 5:17 ????? Очень надо, сделай гайд, пожалуйста!

[@MovieSecretsRu]

3D слои, камера и нулевой объект. Возможно, сделаю когда-нибудь урок на эту тему.

[@azizakhmedov]

Хороший тутор. Особенно тонна крутых примеров. Но никто не объясняет, как подготавливать исходники. Как вырезать, восстанавливать фон с запасом в фотошопе, а лучше при помощи ИИ. Был бы топ контент.

[@MovieSecretsRu]

Спасибо! Такое скоро будет ;)

[@elvis692]

Подскажите пожалуйста как вернуть обратно всю мою работу на таймлайне если я нечаянно нажал Ctrl+w??? Никак не получается(((((

[@MovieSecretsRu]

Не совсем понятно, что при этом произошло. Возможно, вы просто закрыли вкладки. Тогда можно сбросить вид интерфейса по умолчанию. Про это есть в бесплатном мини-курсе «АЕ для новичка» в описании. Так же всегда можно открыть резервную копию проекта, если они до этого было включено автосохранение.

[@swiftscrolls]

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

[@MovieSecretsRu]

Какие конкретно файлы не импортируются? Пробовали по одному?

[@swiftscrolls]

да, со всех трех проектов в том числе и эффкты@@MovieSecretsRu

[@swiftscrolls]

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

[@user-zu9iz4nr7n]

на 10:12 не понятно как активировать анимацию, на видео она как будто сама собой активировалась

[@MovieSecretsRu]

Для этого нужно просто нажать на часики) В уроке я сразу выделил несколько слоёв и махом с зажатой левой клавишей мыши пробежался по часикам. Так тоже удобно.

[@arseney1740]

круто, я себя делаю вместо гигачада

[@uukratkaya]

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

[@MovieSecretsRu]

Можно) Этот приём есть во 2-ой части.

[@MrRenat116]

Вызываем "масштаб" появились ключи ты че издеваешься? я его как вызвать должен станцевать с бубном? Куда ты нажал?

[@MovieSecretsRu]

Привет. Ты изучил мини-курс "AE для новичка"?

[@smokepaintpolina9315]

Здравствуйте, а как изучить "мини-курс "AE для новичка"?" там нет окна куда вводить мейл(или я его упорно невижу). Подскажите как сделать?

[@MovieSecretsRu]

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

[@smokepaintpolina9315]

​@@MovieSecretsRu большое спасибо!

[@user-bu9rh4hj1i]

нет исходнтков и на сайт не выйти

[@MovieSecretsRu]

Сайт открывается. Исходники есть.

[@sadzuko]

Привет менч зовут игорь егор

[@user-jp9df9zx1j]

крутое видео заходите у меня крутые анимации

[@victorsaenko2260]

Привет, можете сделать разбор инфографики с паралапсом как в этом видео на 1:37 минуте вот ссылка kzbin.info/www/bejne/bKLCaKNuj9WEetE Очень хочется наyчиться с линиями точь в чочь, спасибо;)

[@MovieSecretsRu]

Привет! Там в параллаксе только передние объекты - ветки пальмы. Текст и всё остальное привязано к фону. Специально для этого урок нет смысла делать, потому что анимация простейшая. Эту технику я как раз разобрал в этом уроке. Поставьте на фон карту, добавьте текст, нарисуйте линии пером в AE и анимируйте их через аниматор Trim Path. Всё это даже в 3Д не нужно переводить, так как на одном уровне. А пальмовые ветки переведите в 3Д и отодвиньте по Z на передний план, чтобы получился нужный параллакс. Потом анимируете переходы. Либо без камеры, как в этом уроке - просто анимируем Position по X и Y. А лучше - с помощью камеры, как в 4-ой части серии уроков по параллаксу. Записывайтесь ко мне на продвинутый курс *«Полароид слайд-шоу в АЕ»* и сможете делать параллакс и анимацию камеры намного круче, чем в примере. *Подробнее о курсе:* moviesecrets.ru/ae_polaroid/

[@victorsaenko2260]

@@MovieSecretsRu а текст и все остальное сделано в иллюстраторе?

[@MovieSecretsRu]

​@@victorsaenko2260 Я ничего из иллюстратора не вижу. Обычные png картинки на прозрачном фоне. Текст можно добавить где угодно - в AE, Premiere и так далее.

[@oleg.frolov]

больше половины - вода

[@MovieSecretsRu]

Больше половины твоего тела - вода.

[@user-dc7ms9on3p]

Да что ты будешь делать опять бла-бла-бла

[@MovieSecretsRu]

))))