テキスト追従するテロップアニメーション【AfterEffectsチュートリアル】

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 ก.ย. 2024
  • 12:05 サイズにif(w == 0)h = 0;を[w,h]の前に書いてあげると、アニメーターのオフセットが-100〜でも有効になります!
    ▶︎使用したエクスプレッション
    docs.google.co...
    ▶︎タピオカ屋さんでaepファイルの配布をはじめました
    mooograph.fanb...
    ▶︎テンプレ販売
    モーションエレメンツ
    www.motionelem...
    BOOTH
    mooograph.boot...
    ▶︎参考
    ダストマンさん
    • NewsPicks風のテロップの作り方【Af...
    Jake In Motionさん
    • sourceRectAtTime(); | ...
    yamadaiさんエクスプレッション記事
    everydayskills...
    ▶︎リンク
    web: mooograph.com/
    Twitter: / mooograph
    Instagram: / mooograph
    ▶︎Music
    Who Likes to Party - Kevin MacLeod (incompetech.com)
    Manor - Kevin MacLeod (incompetech.com)
    Licensed under Creative Commons: By Attribution 3.0 License
    creativecommons...
    #アフターエフェクト #チュートリアル #テロップ

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

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

    めっっちゃわかりやすかったです!!ありがとうございました🙏

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

      ありがとうございます〜!ぜひ活用してください🙌

  • @ダリサ-c6b
    @ダリサ-c6b 4 ปีที่แล้ว +5

    3:00
    ■レイヤー名を"text"に変更した際「文字より長方形が小さくなる」現象でお困りの方がいましたら…!
    →textレイヤー>トランスフォーム>スケール「100%」になっているか確認!
    私の場合200%程度になっていました。
    シェイプのボックスの大きさはテキストのフォントサイズに紐づけられているので、スケール値は100%にする必要があるようです!
    なんと動画主のmooograph様に解決していただきました…!
    本当にありがとうございました🙇‍♂️これからも応援しています💛

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

      シェアありがとうございます〜😊

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

    とても勉強になります。家での勉強がはかどり、納品する作品に彩りを添え、
    肩こりと腰痛が一気に解消されました。ありがとうございます!

  • @clsa005
    @clsa005 4 ปีที่แล้ว +5

    デザインも声もとっても可愛いく💕説明も上手なのですんなり入って来ますよ。

  • @Channel-te7rz
    @Channel-te7rz 4 ปีที่แล้ว +9

    タイムリーで勉強していたことだったので、めちゃめちゃ参考になりました!
    12:05ですが、アニメーターのオフセットが -100 ~ -91 までの間は .left の数値が0になるため、中央にきてしまうみたいです(スケールが 0 のため演算が 0 になるから?)
    パスのオフセットが有効の場合は長方形パスのサイズは x と y 両方が 0 でないとシェイプが描画されてしまうので
    サイズのエクスプレッションに
    if(w == 0)h = 0;
    を [w,h] の手前に打ち込む方法でも1フレーム目に中央には表示されなくなりました!間違っていたらすみません!

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

      なんとそういうことでしたかーー!!こちらの方が全然スマートですね!
      共有ありがとうございます!概要欄にもシェアさせていただきます…!

  • @お風呂ざぶーん
    @お風呂ざぶーん 4 ปีที่แล้ว

    とても参考になりました。ありがとうございます

  • @このあ-v3t
    @このあ-v3t ปีที่แล้ว +1

    わかりやすくすごく参考になりました!有難うございます。
    縦書きの場合サイズのエクスプレッションを勝手にhとw逆にしてみたらいけましたがこれってあってるんでしょうか...?(笑)

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

    二つ目のずらしボーダーについて質問させていただきます。
    textのポイントを大きくした場合、枠もtextに追従しますが、ボーダーが追従しないのは、私の作り方が間違っているのでしょうか
    ボーダーが追従する方法ありましたら、教えてください。
    よろしくお願いします。

  • @ゆうり-w1t
    @ゆうり-w1t 3 ปีที่แล้ว +2

    とても可愛くて作っていて楽しいです! ありがとうございます!!
    時間メモさせてください。
    19:47 マスキングテープ風テロップ

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

    最高です!

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

      そんなあなたも最高です!!

  • @user-io8fi7kx1q
    @user-io8fi7kx1q 4 ปีที่แล้ว

    良きです☺️

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

      ヤッター!

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

    整列や段落をいじるときには背景が追従してくれるのですが、最後にエッセンシャルグラフィックスに書き込むときになると、位置を動かすと追従していないのですが原因はなんなのでしょうか・・・

  • @vip-channel
    @vip-channel 3 ปีที่แล้ว

    テキスト追従アニメーションテロップ10種、シェイプトランジション45種パック購入しました。
    mooographさん。初めまして。現在、アフターエフェクト勉強中のVIPです。
    youtubeに使用させていただきます。
    めっちゃ可愛いくキュートなお声、大好きです。
    有用なチュートリアルで勉強になります。
    何回も繰り返し視聴しているので、mooographさんに何時間も付き合って頂いています。
    何時間もお付き合い頂き、ごめんなさい!。
    これからもよろしくお願いします。ありがとうございます。

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

    同じく最高です!!

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

      ゆうき先生も最高です!!

  • @user-rf4ys7zw9z
    @user-rf4ys7zw9z 3 ปีที่แล้ว +1

    最近After effectsを購入し、参考にさせていただいております!
    質問なのですが、最初のボーダーテロップのところで、アニメーションを設定すると、文字の拡大と図形の拡大がずれてしまいます。
    (文字が拡大し終わってから、裏の図形の拡大が始まる感じです)
    初心者なもので、原因が特定できないのですが、どのような原因が考えられるのでしょうか…?

  • @mooograph
    @mooograph  4 ปีที่แล้ว +8

    12:05 サイズに
    if(w == 0)h = 0;
    を[w,h]の前に書いてあげると、アニメーターのオフセットが-100〜でも有効になります!
    キヨトさんから共有いただきました、ありがとうございます!

    • @Channel-te7rz
      @Channel-te7rz 4 ปีที่แล้ว +3

      おお!共有していただきありがとうございます!
      もし他にもっと良い方法があったのならスミマセン!
      いつも可愛らしくて実用性のある動画楽しみにしてます
      これからもいろいろ参考にさせていただきます!

  • @ポッポッポ-h7s
    @ポッポッポ-h7s 3 ปีที่แล้ว +1

    とてもわかりやすい動画ありがとうございます!
    最後のマスキングテープ風背景のアンカーポイントのエクスプレッション追加の所で、
    クラス「group」の「パスのオフセット1」という名前のプロパティまたはメソッドが見つからないか、存在しません。
    というエラーメッセージが出ますが、何か解決策はありますでしょうか?🙇‍♂️

    • @HS-br1vf
      @HS-br1vf 3 หลายเดือนก่อน

      私もまったく同じエラーがでてしまいました。私の場合は、
      o=content("長方形 1").content("パスのオフセット 1").amount;
      とすることでエラー解消しました。

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

    位置のエクスプレッション入れても追従してこないのです。。。

    • @ルノ-l4j
      @ルノ-l4j ปีที่แล้ว +1

      一番最初のボーダーの所でしょうか?私も多分同じ現象が起きていたのですが、6分25秒あたりでborderがtextレイヤーに親子付けされていることに気づきました。親子付けされたら追従されないでしょうか?AE初心者なので間違っていたらすみません💦

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

    はじめまして!お世話になります!
    アフターエフェクト勉強中で、いつも参考にさせてもらってます!
    ありがとうございます😊
    同じ工程で作ってみたのですが、0フレームでテキストの背景(ストライプとボックス)の位置が、何故か少しに下がってしまっていて、最初からテキストがテキストの背景の真ん中にきております。
    アンカーポイントもテキストに合わせていますが、なぜか段々と真ん中に戻っていく、という挙動になり、違和感があります。
    テキストの位置は合っていると思うのですが、テキストの背景が、少し下から始まってしまいます。
    原因など考えられるものありましたら、ご教授いただけますと幸いです。

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

    Thanks for the tutorial like always :)

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

    2番目のデザインで、シェイプの線幅を均等にする方法が分かりません…
    1番目と同じ方法でシェイプの大きさを調整すると、スケールが変わってしまい、縦線横線の太さが変わってしまいます。
    ベジェパスにしてシェイプを作ると「サイズ」のプロパティがなくなってしまいます。
    線幅調整のエクスプレッションを別で入れているのでしょうか?

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

      2番目のデザインでテンプレートを作った時、フォントサイズや段落を変更すると
      下のテキストレイヤーがついてこないので、同期するエクスプレッションを調べました。
      プロパティリンクのコピーだと「スケール」しか同期されないようです。
      下記のエクスプレッションでテキストサイズが同期されます。
      size1 = thisComp.layer("text").text.sourceText.style.fontSize;
      style.setFontSize(size1)
      フォントサイズを含むテキストプロパティを全て同期するエクスプレッションも書けるようですが、
      勉強不足のため組み方が分かりませんでした。

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

    声がかわいい

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

    お洒落なチュートリアル感謝です! 19:27の、textとboxをゆらゆらさせとくには、どうアニメーションを追加すれば良いのでしょうか?🤔

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

      過去の手書き風アニメーションの動画をご覧ください!

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

      mooograph ありがとうございます😊見ます!

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

    hi, I really appreciate your tutorial work and looks so kawaii❤️, but do u mind to put English subtitle as well, thank you 😊

  • @lemon-lx2po
    @lemon-lx2po 4 ปีที่แล้ว

    各場面の説明をしてくださるときに、表示をズームにしていただけるとさらにわかりやすいと思います><

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

    何度やっても最初紹介されたサイズのエクスプレッションで
    一行目にエラーが出てしまいます...
    どなたかわかりますか...?

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

      どういったエラーがでていますか?

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

      @@mooograph SyntaxError: Invalid or unexpected token
      と出ました!

    • @soooup4982
      @soooup4982 4 ปีที่แล้ว +2

      @@mooograph 同じく1行目でエラーが出ましたが、エクスプレッション1行目("text")のクオテーションをコピペではなく自分で打ち直したら解決しました!

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

      サイト上だとフォントのクォーテーションマークの表示がおかしかったみたいです…。ドキュメントに更新しました!
      みなさんご指摘ありがとうございます!