Skip to main content
kouki8787
Known Participant
November 24, 2018
解決済み

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

  • November 24, 2018
  • 返信数 3.
  • 1508 ビュー

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

やり方として、

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

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

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

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

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

    このトピックへの返信は締め切られました。
    解決に役立った回答 Kenji OKIRUME

    横からすみません。

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

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

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

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

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

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

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

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

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

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

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

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

    返信数 3

    LiquidMA
    Inspiring
    November 27, 2018

    aescripts + aeplugins製品

    Pastiche

    https://flashbackj.com/product/pastiche

    LiquidMA
    Inspiring
    November 27, 2018

    失礼

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

    なので

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

    kouki8787
    kouki8787作成者
    Known Participant
    November 27, 2018

    ありがとうございます。

    Kenji OKIRUME
    Kenji OKIRUME解決!
    Legend
    November 25, 2018

    横からすみません。

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

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

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

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

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

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

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

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

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

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

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

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

    kouki8787
    kouki8787作成者
    Known Participant
    November 27, 2018

    Kenji OKIRUMEさん、Mukaidaさん

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

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

    Community Expert
    November 24, 2018

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

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

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

    <追記>

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

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