最も効率的なHTML5アニメーショ
ンツールをさらに表示

アニメーションバナーの作り方

• 1

  サイズを選択します

  サイズを選ぶことがオンラインアニメーションを作成する最初のステップです。Googleディスプレイネットワークで一般的に使用されているプリセットサイズの1つを選ぶことも、サイズをカスタマイズすることも可能です。ディスプレイのカテゴリのサイズは15以上用意してあります。

• 2

  テンプレートまたは1から作成します

  次に、既存のテンプレートから始めるか、1から始めるかを決めます。テンプレートはカテゴリごとに用意されており、数千点のテンプレートがあるので作業時間を短縮することができます。一方、HTML5バナーを1から作成する場合、私たちのアニメーションエディタは極めて直感的で、製作にかかる労力を省くことができます。またたくさんの人の注目を集めることができるオンラインアニメーションを作成することができます。

• 3

  要素を追加します

  自分のフォント、ロゴ、画像、SVGをワークスペースにアップロードして使うことができます。もっと別の要素が必要ですか？ Bannersnackの豊富なライブラリから選んで、デザインの一部に加えましょう。

• 4

  デザインを編集します

  デザインをアニメーション化して、その時間や遅延を設定します。各アセットにアニメーション効果を追加したら、タイムラインバーをドラッグしてその長さを決めます。さらにHTML5バナーのミドルアニメーションを追加することで、エフェクト間のスムーズなトランジションを実現させることもできます。プラットフォーム上で独自のエフェクトを作成することもできます、Magic Animatorツールを使えば、たったワンクリックでHTML5バナーをアニメーション化することもできます。オンラインでアニメーションを作成するのがいかに簡単なのかをご覧ください。

• 5

  ダウンロードします

  カスタムアドネットワーク用にはHTML5形式、もしくはGoogle広告と互換性のある標準形式でダウンロードすることができます。アニメーションバナーはアカウントに保存されますので、デザインを微調整してまた別の機会に使うこともできます。