Анимация динамических подпрыгивающих шейпов в After Effects (Dynamic Bounce Shape Animation)

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ธ.ค. 2024

ความคิดเห็น • 109

  • @CreativeTutsNet
    @CreativeTutsNet  7 ปีที่แล้ว +17

    3:14 - 3:16 Ошибочка вышла, не с зажатым CTRL а с зажатым ALT. Извиняюсь! И еще, Вы можете якорную точку перенести вручную, необязательно делать это с помощью скрипта Movie Anchor Point. Или как альтернативу можете использовать вот такой скрпит, его можно скачать бесплатно: aescripts.com/repositionanchorpoint/

    • @Diamond-hs7qk
      @Diamond-hs7qk 2 ปีที่แล้ว +1

      заметил этот коментарий спустя 15 минут непонятых мувов , думал потому что афтер эфект 2022 года не получается

  • @Rageson
    @Rageson 3 ปีที่แล้ว +5

    Отличный понятный урок, спасибо!
    Автор, у Вас все в порядке и с дикцией, и с подачей материала. Отдельный лайк за ответы в камментах.
    Не слушайте душных, которым лень изучить сначала интерфейс и азы программы, зато д03б4ться до бесплатного урока на русском языке время и желание есть.

  • @jonesmith7260
    @jonesmith7260 5 ปีที่แล้ว +11

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

  • @Arksined1
    @Arksined1 2 ปีที่แล้ว +1

    Хороший урок! Очень подробно и понятно. Лайк
    Только при создании сжатия/расжатия нарушен базовый принцип анимации. Не должен изменятся объем шейпа. Т.е. если растягиваем по горизонтали на +20%, то значит по вертикали сжимаем на -20%

  • @damianedit6941
    @damianedit6941 4 ปีที่แล้ว +3

    Привет ,на 3:19 как ты ее конвертировал контрал ииииии

  • @moykin.e
    @moykin.e 2 หลายเดือนก่อน

    4:46 почему уже тут стоит ключ для линии ? и ты не устанавливаешь первый ключ, почему?

  • @likelive642
    @likelive642 2 ปีที่แล้ว

    на 22:00 минуте элипс не вставляется в квадрат и выделить перетащить не получается. Как быть?

  • @ЕкатеринаЖаркина
    @ЕкатеринаЖаркина 5 ปีที่แล้ว +1

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

    • @CreativeTutsNet
      @CreativeTutsNet  5 ปีที่แล้ว

      Пожалуйста) Я рад, что получилось!

  • @ЕрланКартбаев
    @ЕрланКартбаев 6 ปีที่แล้ว +2

    превосходно

  • @nelyatrubcova175
    @nelyatrubcova175 5 ปีที่แล้ว +1

    Спасибо большое! Все ясно донесли

  • @ZHMENSON
    @ZHMENSON 2 ปีที่แล้ว +1

    Все отлично Спасибо конечно) Но Автору советую немного прокачать скилл ораторского искусства....Постоянно пересматривать это очень бесит!

  • @uliboktebededmakar
    @uliboktebededmakar 5 ปีที่แล้ว

    Делал вроде все, как в уроке, но сложности начались на 22:00, добавил Ellips path и анимация не продублировалась, потом при переводе в Безье вообще пропала анимация квадрата, и честно говоря я так и не понял, как добавился Path к эллипсу и квадрату. У меня он просто отдельно добавляется.

    • @CreativeTutsNet
      @CreativeTutsNet  5 ปีที่แล้ว

      Не могу сказать в чем проблема, конкретно в вашем случае, но могу по шагам объяснить что я там делал, может поможет и заметите что-то:
      1. Я выделил Contents внутри шейповго слоя, затем добавил Ellipse Path через Add,так как у меня был выделен Contents, Ellipse Path добавился внутри нее. Если у вас этот Ellipse Path выше чем rectangle Path, поместит его ниже, путем перетаскивания.
      2. Далее я проверил работает ли вся анимация. А вся анимация должна прекрасно работать, так как размеры и прямгольника и эллипса - одинаковые,и свойства Transform не изменены.
      3. Затем я конвертировал Ellipse Path в безье, нажав по нему правый клик и выбрав Convert to Bezier Path. Сделал это я для того чтобы можно было анимировать Path свойство.
      4. Затем я поставил для свойства Path внутри Ellipse, ключевой кадр, который фиксирует контур этого эллипса, переместил индикатор времени чуть вперед, выделил Path внутри Rectangle и скопировал его нажав CTRL+C, после чего, выделил Path в Ellipse и нажатием CTRL+V вставил ранее скопироованный Path. Таким образом в том месте, где у меня столя индикатор времени, вставлися Path который я скопировал у Rectangle. Получается, что первый ключевой кадр фиксирует Path самого эллипса, а второй кючевой кадр фиксиурет Path который я вставил, и между ними происходит анимация.
      Таким образом все должно работать, если вы делали все так, как и я, и до этого.
      Надесь поможет:)

    • @uliboktebededmakar
      @uliboktebededmakar 5 ปีที่แล้ว

      @@CreativeTutsNet спасибо за ответ, но я пожалуй пока потренируюсь на чем нить попроще))

  • @Break-water
    @Break-water 3 ปีที่แล้ว

    Спасибо за урок! Лайк.

  • @creativelessons
    @creativelessons 6 ปีที่แล้ว +5

    Лучше центральной точке добавить Null objecet и его привязать к Shape и туториалу конец

  • @vasiliy3011
    @vasiliy3011 4 ปีที่แล้ว

    Превосходно 😅👍👍👍👍

  • @ЕленаПлюснина66
    @ЕленаПлюснина66 3 ปีที่แล้ว

    Спасибо огромное! Все понятно объясняешь, хотя я только начинающий пользователь АЕ.

  • @michayloblues
    @michayloblues 4 ปีที่แล้ว +1

    Прогинало))))

  • @zhfcsd2861
    @zhfcsd2861 4 ปีที่แล้ว +1

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

    • @zhfcsd2861
      @zhfcsd2861 3 ปีที่แล้ว +1

      спасибо за ответ

    • @moykin.e
      @moykin.e 2 หลายเดือนก่อน

      @@zhfcsd2861 а где ответ? ))

  • @marat_animation4148
    @marat_animation4148 3 ปีที่แล้ว

    благодарю за видео, очень информативно

  • @velena_live
    @velena_live 2 ปีที่แล้ว

    Здравствуйте. На 22 минуте застряла - добавляю эллипс, а он не заполняется цветом, просто показывается силуэт контура если его выделить, ну или вообще никак не видно если слой не выделен. ае 2021 года

    • @krissadness
      @krissadness ปีที่แล้ว

      Проверьте, чтобы слой Ellipse Path находился над слоем Fill

  • @MaxOstapchuk
    @MaxOstapchuk ปีที่แล้ว

    22:50 я так и не смог понять как круг поменялся на квадрат и обратно ((

  • @milena_design1438
    @milena_design1438 2 ปีที่แล้ว +1

    спасибо, но были оговорки, из-за которых пришлось искать доп информацию в интернете и процесс затянулся(

  • @ComComComCom
    @ComComComCom 5 ปีที่แล้ว +1

    Спасибо за топовый видос!

  • @alexsavahe2859
    @alexsavahe2859 7 ปีที่แล้ว +1

    Класс !!!

  • @olyakos801
    @olyakos801 6 ปีที่แล้ว +25

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

    • @CreativeTutsNet
      @CreativeTutsNet  6 ปีที่แล้ว +11

      Пожалуйста! Некоторые вещи я не стал объяснять так как видео бы очень сильно затянулось, и было не совсем по теме, что некоторым людям не нравится. На моем канале есть бесплатный курс по After Effects, можее посмотреть его если не сильно разбираетесь в After Effects. В новых видеоуроках я буду стараться находить золотую середину между объяснением и чтобы видео не затягивалось.

    • @olyakos801
      @olyakos801 6 ปีที่แล้ว

      @@CreativeTutsNet Спасибо! буду смотреть

  • @andy65
    @andy65 2 ปีที่แล้ว

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

  • @videomotionism
    @videomotionism 4 ปีที่แล้ว

    Respect

  • @tanyaprus5122
    @tanyaprus5122 4 ปีที่แล้ว +7

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

  • @AggressiveCHANNEL
    @AggressiveCHANNEL 5 ปีที่แล้ว

    Подскажите, ищу bounce односторонний. Есть такой ? где найти? или что изменить в обычном ?
    f = effect("Bounce Frequency")(1);
    // 0 means start at bottom, 1 means start at stop
    phase_start = effect("Bounce Start")(1) / 100;
    character_delay_param = effect("Bounce Per-Character Delay")(1).value;
    character_delay_index = textIndex - 1;
    if (character_delay_param < 0) {
    character_delay_param = -character_delay_param ;
    character_delay_index = (textTotal - textIndex);
    }
    character_delay = character_delay_param * character_delay_index;
    t = time * f - character_delay;
    if (t < 0) {
    t = 0;
    }
    t += phase_start;
    w = 2;
    bounce_num = Math.floor(t / w);
    t = t % w;
    y = t * (w - t);
    decay = effect("Bounce Decay")(1) / 100;
    h = Math.pow(decay, bounce_num);
    -h + h*y * selectorValue
    Этот дает в две стороны. мне нужно что бы мяч прыгал и не заваливался за пол. медленно останавливался

    • @CreativeTutsNet
      @CreativeTutsNet  5 ปีที่แล้ว

      Вот, должно быть вы искали это, drop (bonce back) экспрешен: th-cam.com/video/J6EEninU8g0/w-d-xo.html

    • @AggressiveCHANNEL
      @AggressiveCHANNEL 5 ปีที่แล้ว

      @@CreativeTutsNet Вот, да, спасибо

    • @CreativeTutsNet
      @CreativeTutsNet  5 ปีที่แล้ว

      Пожалуйста!

  • @marziyekeshavarz9861
    @marziyekeshavarz9861 6 ปีที่แล้ว

    thank you... but why didn't u use than newton plugin?

    • @CreativeTutsNet
      @CreativeTutsNet  6 ปีที่แล้ว +1

      You are welcome. Of course, you can use plugin, but I like to work manually with keyframes)

  • @sergeygolovchenko6907
    @sergeygolovchenko6907 6 ปีที่แล้ว

    круто!!

  • @alexeylysenko7380
    @alexeylysenko7380 7 ปีที่แล้ว

    Спасибо, круто!

  • @freshboy4813
    @freshboy4813 4 ปีที่แล้ว +1

    У меня все время был такой вопрос: 30 или 60 фпс в анимации. Обычно все анимации 24 или 30 фпс делают, но мне кажется что лучше 60, т.к. картинка намного плавнее и приятнее. Как вы думаете, сколько будет лучше?

    • @procybersport521
      @procybersport521 4 ปีที่แล้ว

      24 и меньше

    • @StudioSerious1
      @StudioSerious1 2 ปีที่แล้ว

      30. И смотря еще сколько у тебя оперативной память и какой проц

  • @yanatereshchenko1592
    @yanatereshchenko1592 7 ปีที่แล้ว +3

    Нету этого скрипта Move Anchor Point. Вы его загружали предварительно?

    • @CreativeTutsNet
      @CreativeTutsNet  7 ปีที่แล้ว

      Да, это сторонний скрипт: www.batchframe.com/tool/move-anchor-point-3/

  • @antond.7332
    @antond.7332 7 ปีที่แล้ว +2

    еу, крутые уроки, лойс. Ты достоин больше подписчиков, ман.
    !!!!! 3:14/ с зажатым альтом. (для тех кто чуть запутался, как я)
    когда я скопировал паз ректенгла, круг при трансформации уменьшается и только после превращается в квадрат, динамика композиции падает при этом. У тебя он красиво трансформируется даже с мини поворотом, почему?) если не трудно, буду признателен

    • @CreativeTutsNet
      @CreativeTutsNet  7 ปีที่แล้ว

      Спасибо за добрые слова!)) Могу посоветовать вот что: изначально Path Rectangle и Path Ellipse, чтобы они морфились правильно, нужно чтобы их размеры, положение параметров трансформации были одинковыми.

    • @antond.7332
      @antond.7332 7 ปีที่แล้ว

      понял, спасибо, буду пробовать!

  • @topmma8313
    @topmma8313 6 ปีที่แล้ว

    Привет, а как вместо круга использовать изображение? То есть предположим там будет изображение мяча, вместо белого круга

    • @CreativeTutsNet
      @CreativeTutsNet  6 ปีที่แล้ว

      Привет! Конкретно в случае с данным примером - такое не получится. Можно анимировать самое изображение. Но я бы рекомендовал не использовать изображение, а использовать векторные объекты, векторный объект мяча, например, сделанный в Illustrator.

    • @topmma8313
      @topmma8313 6 ปีที่แล้ว

      @@CreativeTutsNet Я как раз и имел ввиду векторный объект, так как в иллюстраторе разбираюсь лучше чем в фотошопе. Думаю делать такие. Например шейповая линия будет изгибаться командой шейпов, а векторный мяч анимировать под него. Спасибо за ответ.

    • @CreativeTutsNet
      @CreativeTutsNet  6 ปีที่แล้ว

      Тогда, да, можно) Правда зависит от объекта, сколько там контуров (Path), немного от сбе япридется подправлять.

  • @czbulkoshedok7533
    @czbulkoshedok7533 7 ปีที่แล้ว

    Хороший понятный туториал, Огромное спасибо. Есть вопрос на 5.52 ты зажимаешь вытягиваешь симметрично направляющие из точки, ты говоришь что нужно зажать вместе shift + alt, но у меня не работает, вытягивается направляющая только с одной стороны, пробовал уже всякие варианты с cmd, с ctrl, тройные комбинации, и все нивкакую, в чем может быть причина, буду благодарен за наводку. (работаю на мак прошке)

    • @CreativeTutsNet
      @CreativeTutsNet  7 ปีที่แล้ว +1

      Вот насчет Мака я не могу сказать.
      Посмотрите здесь:
      helpx.adobe.com/ru/after-effects/using/keyboard-shortcuts-reference.html
      helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html

    • @CreativeTutsNet
      @CreativeTutsNet  7 ปีที่แล้ว

      Вроде бы на Маке альтернатива клавише ALT это OPTION

    • @czbulkoshedok7533
      @czbulkoshedok7533 7 ปีที่แล้ว

      Спасибо, гляну =)

  • @MrZakaliaka
    @MrZakaliaka 7 ปีที่แล้ว +8

    Так и не смог найти как конвертировать точку в безье. Все перекликал. Оказалось, что надо было вместо ctrl нажать alt.

    • @czbulkoshedok7533
      @czbulkoshedok7533 7 ปีที่แล้ว +2

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

    • @zhaksalisho7514
      @zhaksalisho7514 4 ปีที่แล้ว

      @@czbulkoshedok7533 спасибо)

  • @motiongraphicsmlynmotion7460
    @motiongraphicsmlynmotion7460 7 ปีที่แล้ว +1

    Thank you

  • @theshowman2109
    @theshowman2109 6 ปีที่แล้ว

    22:22 как конвертировать?

    • @CreativeTutsNet
      @CreativeTutsNet  6 ปีที่แล้ว

      Нажать правой кнопкой мыши по параметру Rectangle Path 1 или Ellipse Path 1, и выбрать пункт "Convert to bezier path"

  • @А.Симонов
    @А.Симонов 7 ปีที่แล้ว

    Как сделать convert to bezier path?

    • @CreativeTutsNet
      @CreativeTutsNet  7 ปีที่แล้ว

      Правый клик по группе параметров Path и выбрать команду Convert to bezier pathиз контекстного меню.

    • @nonodonol
      @nonodonol 7 ปีที่แล้ว

      После преобразования у меня пропадает анимация передвижения вверх/вниз...
      Вопрос: Что делать?

  • @filiuwa
    @filiuwa 3 ปีที่แล้ว +1

    Классно, но без "превосходно" было бы превосходно!:))

  • @nikitarioo
    @nikitarioo 3 ปีที่แล้ว

    Я на том моменте все-таки поствил бизье, и была ошибка что он прыгал...
    10 минут провозился, пока не проанализировал все что сделал...

  • @uWu_306
    @uWu_306 7 ปีที่แล้ว

    Почему когда рисуешь пером линию она прилипает к бекграунду?

    • @CreativeTutsNet
      @CreativeTutsNet  7 ปีที่แล้ว

      Может вы маску рисуете? Во время рисования слой бэкграунда выделен? Если да, то уберите выделение со слоев перед рисованием

  • @АнтонШаманин
    @АнтонШаманин 4 ปีที่แล้ว +2

    Нихрена не понятно, как задать координаты перемещения для средней точки линии

  • @Хорошая-щ2х
    @Хорошая-щ2х 7 ปีที่แล้ว

    Move Anchor Point нету :с

    • @CreativeTutsNet
      @CreativeTutsNet  7 ปีที่แล้ว

      Здравствуйте! Это скрипт сторонний, его нужно отдельно устанвливать: www.batchframe.com/tool/move-anchor-point-3/ Скачайте и установите по инструкции (инструкция вместе с файлом идет)

    • @Relativistic-JET
      @Relativistic-JET 7 ปีที่แล้ว

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

  • @prasadvinay4000
    @prasadvinay4000 6 ปีที่แล้ว +1

    Can u translate in English

  • @АнтонКрукович-п6п
    @АнтонКрукович-п6п 7 ปีที่แล้ว +3

    где скачать этот move anchor point ? Бесплатно. Такие вещи нужно сразу говорить. Я собрался делать эту штуку. Тут я уже узнаю что надо было купить скрипт. Я не горю желанием тратить 2 доллара на это. Итого время в пустую.

    • @CreativeTutsNet
      @CreativeTutsNet  7 ปีที่แล้ว +2

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

    • @АнтонКрукович-п6п
      @АнтонКрукович-п6п 7 ปีที่แล้ว

      а как это делать вручную?

    • @CreativeTutsNet
      @CreativeTutsNet  7 ปีที่แล้ว +2

      В верхней панели инструментов берете Anchor Point Tool, выделяете нужный слой, далее, в окне composition жмете на якорную точку (крестик такой у слоя) и перемещаете ее в нужное место, если необходимо в верхней части интерфейса включаете "Snapping" (он позволит вам привязываться к определенным местам)

    • @АнтонКрукович-п6п
      @АнтонКрукович-п6п 7 ปีที่แล้ว

      Спасибо.

    • @olyakos801
      @olyakos801 6 ปีที่แล้ว

      я тоже мучалась пытаясь найти эту функцию, пока не дошло, что это скрипт

  • @NoZ117
    @NoZ117 6 ปีที่แล้ว +3

    В конце с линиями абсолютно не понятно, как из двух точек у вас получился параболлический график. В уроке многое не проговоренно, как я понимаю.

    • @CreativeTutsNet
      @CreativeTutsNet  6 ปีที่แล้ว

      Можно тайм-код? Посмотрю, постараюсь разъянсить на словах)

    • @Oly248
      @Oly248 5 ปีที่แล้ว

      @@CreativeTutsNet 17:52

    • @CreativeTutsNet
      @CreativeTutsNet  5 ปีที่แล้ว +2

      @@Oly248 Тут, я во-первых выделил ключевые кадры и нажал F9, этим я первел ключевые кадры в Easy Ease. Затем я перешел в Graph Editor, чтобы отобразить графики ключевых кадров. Здесь нужно выбрать отображение графика скорости, для этого можно нажать правый клик по пустому месту в Graph Editor, и выбрать пункт Edit Speed Graph. После, я выделил оба последних ключевых кадра свойств Start и End и вытянул их левую касательную. Далее, я выделил оба первых ключевых кадра свойств Start и End и вытянул их правую касательную.

    • @Oly248
      @Oly248 5 ปีที่แล้ว

      CreativeTuts спасибо за объяснение)

  • @slaykon965
    @slaykon965 5 ปีที่แล้ว

    18:00

  • @zawatsky
    @zawatsky ปีที่แล้ว

    Да уж, с виглом гораздо проще это делается.

  • @tarixelesgerov3989
    @tarixelesgerov3989 5 หลายเดือนก่อน

    очень быстро объясняете, чуть медленно было бы лучше

  • @pogudoit6177
    @pogudoit6177 7 ปีที่แล้ว +1

    th-cam.com/video/CZtS23f4FtI/w-d-xo.html альтом сука!
    объяснений ноль...

    • @lzstudioDev
      @lzstudioDev 6 ปีที่แล้ว

      Что там вообще за команды? Я нихера не могу услышать, что в его бубеже можно вообще разобрать???
      Если сможешь скажи плез, что за в центре точка появляется и как её выравнить?

    • @BohdanFedorov
      @BohdanFedorov 3 ปีที่แล้ว

      Поломал голову на этом месте)

  • @Iarionia
    @Iarionia 5 ปีที่แล้ว +6

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

  • @hetag_dz
    @hetag_dz 6 ปีที่แล้ว +3

    очень быстро, вот очень, будто за вами гонятся, ничего не понятно

    • @CreativeTutsNet
      @CreativeTutsNet  6 ปีที่แล้ว

      Здравствуйте! Я уже не могу переделать видео, рекомендую скорость воспроизведения уменьшить в самом видеоплеере на ютюб.

  • @zibanet4451
    @zibanet4451 6 ปีที่แล้ว

    Можно пожалуйста без чмокиваний, бесит(

  • @epicamv27
    @epicamv27 5 ปีที่แล้ว

    нихера не понял

  • @Hitro.srteet
    @Hitro.srteet 5 ปีที่แล้ว +2

    Очень плохо обьясняешь!!!!!

  • @russian_pig_russiche_schweine
    @russian_pig_russiche_schweine 4 ปีที่แล้ว

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