Skip to main content
kouki8787
Known Participant
Nov 24, 2018 7:25 AM UTC
Answered

アイコン画像がテキストに形を変える

この犬のアイコン画像がテキストのTになるアニメーションを作りたいと思っているのですが、

やり方として、

1,Illustratorで画像をトレース→パス生成

2,テキストをアウトライン化→キーフレームを打つ

3,犬の画像のパスをテキストにコピペ

という方法しか思いつかないですが、パスの数が多いので中々手間がかかります。

他に良い方法などはありますか?

    This topic is closed to new replies. Start a new post to keep the conversation going.
    Kenji OKIRUME
    Kenji OKIRUMECorrect answer
    Legend
    Nov 25, 2018 2:45 AM UTC

    横からすみません。

    手間を省くとしたら、Aeの「オートトレース」はいかがでしょう?

    参考画像のような白黒のシルエットなら

    イラレに持って行かなくてもマスクパスを作成できます。

    トレースの正確さを犠牲にすれば頂点の数も調整できます。

    ①【Ae】レイヤーメニュー>「オートトレース」

    ②【イラレ】オブジェクトメニュー>「画像トレース」>「作成して拡張」

    お時間あれば実際に操作して比べてみて下さい。

    複雑な画像の場合、トレース後、オブジェクトメニュー>「パス」>「単純化」も便利です。

    *「オートトレース」は文字のエッジに沿って光を動かしたりする時によく使われます。

    *Mukaidaさんのおっしゃる通り、そのままだと中間フレームのシェイプはイマイチですね。

     最初の頂点を変更したり、「T」を横棒と縦棒に分けて、犬の頭は横棒に、胴体は縦棒に変化するようにするとか、

     中間フレームのパスを作ってイメージに沿うモーションを探したり、、でしょうか。

    6 replies

    LiquidMA
    Inspiring
    Nov 27, 2018 9:36 AM UTC

    aescripts + aeplugins製品

    Pastiche

    https://flashbackj.com/product/pastiche

    Translate
    LiquidMA
    Inspiring
    Nov 27, 2018 9:39 AM UTC

    失礼

    やりたいのはモーフィングもどきね

    なので

    先の投稿は無視してください

    Translate
    kouki8787
    kouki8787Author
    Known Participant
    Nov 27, 2018 9:53 AM UTC

    ありがとうございます。

    Translate
    Kenji OKIRUME
    Kenji OKIRUMECorrect answer
    Legend
    Nov 25, 2018 2:45 AM UTC

    横からすみません。

    手間を省くとしたら、Aeの「オートトレース」はいかがでしょう?

    参考画像のような白黒のシルエットなら

    イラレに持って行かなくてもマスクパスを作成できます。

    トレースの正確さを犠牲にすれば頂点の数も調整できます。

    ①【Ae】レイヤーメニュー>「オートトレース」

    ②【イラレ】オブジェクトメニュー>「画像トレース」>「作成して拡張」

    お時間あれば実際に操作して比べてみて下さい。

    複雑な画像の場合、トレース後、オブジェクトメニュー>「パス」>「単純化」も便利です。

    *「オートトレース」は文字のエッジに沿って光を動かしたりする時によく使われます。

    *Mukaidaさんのおっしゃる通り、そのままだと中間フレームのシェイプはイマイチですね。

     最初の頂点を変更したり、「T」を横棒と縦棒に分けて、犬の頭は横棒に、胴体は縦棒に変化するようにするとか、

     中間フレームのパスを作ってイメージに沿うモーションを探したり、、でしょうか。

    Translate
    kouki8787
    kouki8787Author
    Known Participant
    Nov 27, 2018 9:43 AM UTC

    Kenji OKIRUMEさん、Mukaidaさん

    ご回答ありがとうございます。

    紹介していただいた方法で行っていきます。

    Translate
    Community Expert
    Nov 24, 2018 10:07 AM UTC

    Illustratorにそのような機能はありますが、犬からTは、中間のフレームは思ったように変形されないと思います。

    ポイントの数と各ポイントがどのように動かすかは、手作業で行なわないと自動では無理です。

    手間をかけたくないなら、T文字から変形させる図形を考えると良いと思います。

    <追記>

    After Effectsの機能では、エフェクト「リシェイプ」を使うと変形できます。

    アイコンの半分の画像から長方形に変形させる場合、平面に2個のマスクを配置して行います。

    Translate