Авто Размер Шейпа под Текст в After Effects | Auto Resizing Box

Поделиться
HTML-код
  • Опубликовано: 3 июл 2024
  • В этом видеоуроке подробно рассмотрим как работает функция sourceRectAtTime и создадим шейп, который будет полностью повторять изменения текста.
    Телеграм канал по моушну и созданию проектов в After Effects (БОНУС и СКРИПТ тут):
    t.me/motiondesign_ru
    Ссылки на мое портфолио на Envato Elements и Motion Array:
    elements.envato.com/user/Real...
    motionarray.com/browse/produc...
    0:00 Вступление
    0:22 Создаем Текст и Шейп
    2:17 Пошагово Разбираем Скрипт
    6:43 Добавляем Отступы и Закругляем Углы

Комментарии • 68

  • @RuslanTsapenko
    @RuslanTsapenko  Год назад +2

    Телеграм канал по моушну и созданию проектов в After Effects (БОНУС и СКРИПТ тут):
    t.me/motiondesign_ru

  • @StaritsynaMaria
    @StaritsynaMaria 2 месяца назад +1

    Класс! Большое спасибо!

  • @user-mp9ut8jk9h
    @user-mp9ut8jk9h Год назад +1

    Спасибо! Урок просто СУПЕР!

  • @cherk1gogh923
    @cherk1gogh923 Год назад +1

    Конечно подробнее, ждем еще видео) Спасибо за контент🪨

    • @RuslanTsapenko
      @RuslanTsapenko  Год назад +1

      Пожалуйста)) обязтельно сделаю))

  • @user-jk8lp7lh8c
    @user-jk8lp7lh8c Год назад +1

    Вообще🔥🔥🔥 огонь спасибо большое

    • @RuslanTsapenko
      @RuslanTsapenko  Год назад +1

      Не за что)) спасибо за обратную связь

  • @tatiana_video
    @tatiana_video Год назад

    Классно! Спасибо! Интересно про скрипты!

    • @RuslanTsapenko
      @RuslanTsapenko  Год назад +1

      Спасибо, тогда сделаю ещё пару подобных уроков

  • @artem_live
    @artem_live 2 месяца назад +1

    Хороший урок, спасибо

    • @RuslanTsapenko
      @RuslanTsapenko  2 месяца назад

      Не за что)

    • @artem_live
      @artem_live 2 месяца назад +1

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

    • @RuslanTsapenko
      @RuslanTsapenko  2 месяца назад

      @@artem_live по вылету - можно текст привязать к плашке и анимировать ее вылет

    • @artem_live
      @artem_live 2 месяца назад

      @@RuslanTsapenko да это понятно, просто вылетая за границы холста плашка становилась во весь экран.

  • @volodimirkolomiets4313
    @volodimirkolomiets4313 Год назад +1

    круто

  • @LeoRendeed
    @LeoRendeed 6 месяцев назад +1

    Руслан, спасибо за урок 👍

  • @hanafar9159
    @hanafar9159 Год назад +1

    Best!!!

  • @JakeJey
    @JakeJey Год назад +1

    🔥🔥🔥

  • @ooo3756
    @ooo3756 Год назад +1

    🔥🔥🔥🔥

  • @romani.3816
    @romani.3816 Год назад +1

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

  • @RuslanTsapenko
    @RuslanTsapenko  Год назад +7

    title = thisComp.layer("Text"); // создаем переменную title и записываем в нее ссылку на наш текстовый слой
    w = title.sourceRectAtTime().width; // создаем переменную w (width - ширина). С помощью sourceRectAtTime.width вычисляем ширину текста и записываем значение в переменную w
    h = title.sourceRectAtTime().height; // создаем переменную h (height - высота). С помощью sourceRectAtTime.width вычисляем высоту текста и записываем значение в переменную h
    [w,h] // с помощью квадратных скобок возвращаем переменные w и h (ширину и высоту текста) в параметр size у шейпа

  • @user-ih2qg1lf3q
    @user-ih2qg1lf3q Год назад +1

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

  • @artnin
    @artnin Год назад +2

    Помогите, посмотрел полность видео, делаю точь в точь, а мне выдает следующую ошибку после первого выражения: object of type layer found where a number, array, or property is needed. И в итоге ничего не выходит(((

  • @RuslanTsapenko
    @RuslanTsapenko  Год назад +1

    Пишите свои вопросы, будем разбирать))

    • @f2.886
      @f2.886 Год назад

      Добавляю выражение под плашку с текстом, чтобы текст менялся вместе с плашкой,(размер) но текст уже анимирован и находится в pre-compose, и его композиция подогнана ровна под размер текст. (Для анимации)
      И когда я добавляю Это выражение на плашку и привязываю к нему текст который находится в pre-compose. Он подгоняет плашку не под текст, а под всю ширину композиции текста. И тогда ничего не получается!

    • @user-zw7yr2bo4x
      @user-zw7yr2bo4x Год назад +1

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

    • @RuslanTsapenko
      @RuslanTsapenko  Год назад +2

      @@user-zw7yr2bo4x с таким способом никак, только если создавать отдельный текстовый слой и дублировать текст

    • @user-zw7yr2bo4x
      @user-zw7yr2bo4x Год назад +1

      ​@@RuslanTsapenko я так и подумал. А каким образом это можно реализовать не через костыли, чтоб не делать лишних движений?

    • @RuslanTsapenko
      @RuslanTsapenko  Год назад +2

      @@user-zw7yr2bo4x такие варианты тоже есть, но тут в комментах в двух словах не объяснишь ))

  • @user-uq9jc3hv3f
    @user-uq9jc3hv3f Год назад

    После написания кода и удаления текста, шейп конечно удаляется, но при наборе текста почему-то шейп сдвигается намного вправо, а потом растягивается по тексту, в чем я делаю ошибку?(

  • @user-rh8eg5zy5j
    @user-rh8eg5zy5j Год назад +1

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

    • @RuslanTsapenko
      @RuslanTsapenko  Год назад +1

      Круто, спасибо большое, возможно сделаю что-то подобное в ближайшее время ))

  • @velena_live
    @velena_live Год назад +1

    Офигенно понятно все объяснил! Спасибо! Единственное, возник вопрос (я только начала вникать в ае), зачем это кодирование, неужели нельзя каким-то другим еще более простым способом добиться того же самого эффекта?

    • @RuslanTsapenko
      @RuslanTsapenko  Год назад +2

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

    • @Mrman811
      @Mrman811 Год назад

      Есть вариант проще ruclips.net/video/S4vQwsz2MbQ/видео.html

  • @frozenmagi8137
    @frozenmagi8137 Год назад

    А без прописи команд разве нет инструментов проще?

  • @alinabarkovskaya
    @alinabarkovskaya 2 месяца назад +1

    чтобы настроить отступы в высоту и ширину отдельно друг от друга, не применяя offset path, использовать этот экспрешен:
    title = thisComp.layer("Text");
    w = title.sourceRectAtTime().width;
    h = title.sourceRectAtTime().height;
    [w+50,h+20]

  • @luxen.
    @luxen. Год назад +1

    Спасибо за видос все понятно но у меня возник вопрос. Я повторил все как на видео но у меня обводка кривая не ровные края что мне тут делать как исправить?

    • @RuslanTsapenko
      @RuslanTsapenko  Год назад

      Привет! Спасибо, именно углы неровные?

    • @45xmurdercode
      @45xmurdercode Год назад

      Оцентрируй текст, такая же проблема была!

  • @slideshowville4986
    @slideshowville4986 Год назад +1

    Добрый день! Руслан, подскажите, пожалуйста, а подходит ли этот метод для создания текста в несколько строк?.. Заранее спасибо за ответ..

    • @RuslanTsapenko
      @RuslanTsapenko  Год назад +1

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

    • @slideshowville4986
      @slideshowville4986 Год назад

      @@RuslanTsapenko Ясно, спасибо..)

    • @RuslanTsapenko
      @RuslanTsapenko  Год назад

      @@slideshowville4986 не за что))

  • @SherkhaNO1
    @SherkhaNO1 Год назад

    Все круто, но почему то у меня края шейпа стали прям точ в точ ровны с краями текста. Как это исправить?

    • @RuslanTsapenko
      @RuslanTsapenko  Год назад

      Я показывал на видео как увеличить грани ))

  • @stellar3682
    @stellar3682 11 месяцев назад +2

    Повторил всё как на видео. Да шейп привязывается к тексту по размеру и меняет свои пропорции если изменять текст. Но шейп не привязан по месту расположения тескста. Если передвинуть текст, то шейп остаётся на том месте где его создал. Что не так? Уже много раз пересмотрел видео, не могу найти причину.

    • @RuslanTsapenko
      @RuslanTsapenko  11 месяцев назад +1

      Все правильно, просто через лассо привяжите шейп к тексту и он будет двигаться за ним по позиции

    • @stellar3682
      @stellar3682 11 месяцев назад +1

      @@RuslanTsapenko сделал, это получилось. Но у меня всё равно текст выходит за границы шейпа.

  • @seriynikituk736
    @seriynikituk736 Год назад

    У меня не работает, что это может быть, я менял раньше на Jawa програмирование

    • @RuslanTsapenko
      @RuslanTsapenko  Год назад

      Попробуйте дефолтные настройки выставить

    • @RuslanTsapenko
      @RuslanTsapenko  Год назад

      Или банально есть ошибки в выражениях

  • @romansurin
    @romansurin Год назад

    Как сделать чтобы шейп автоматически менял размер за проявленным текстом?

    • @RuslanTsapenko
      @RuslanTsapenko  Год назад

      Не понял вопрос) в видео ответ на ваш вопрос

    • @romansurin
      @romansurin Год назад

      @@RuslanTsapenko в видео как привязать шейп к тексту. А если я делаю например проявление титров по опасити, это решение уже не работает. Или можно проявить текст не только по опасити?

    • @RuslanTsapenko
      @RuslanTsapenko  Год назад +1

      @@romansurin сделайте анимацию через сайз посимвольно - выглядеть будет также как и через опасити

    • @romansurin
      @romansurin Год назад

      @@RuslanTsapenko вот, этого мне не хватало, спасибо!
      Также, благодарю за урок - все доступно и понятно.

    • @romansurin
      @romansurin Год назад

      @@RuslanTsapenko так я и не нашел анимацию через сайз. могли убрать эту функцию в последних версиях или искать надо не в средствах анимации?