2025.01.10 コラム

【GIF広告向け】After EffectsでGIFを作ろう!【Ae】

【GIF広告向け】After EffectsでGIFを作ろう!【Ae】

今回は、After EffectsでGIFアニメーションを作る方法を解説していきます!

GIFは、画像ファイル形式の一種でありながら、アニメーション表現を使うことができる面白い形式の一つです。
WEB広告にも向いているので、ぜひこの記事を読んでGIF広告を作ってみてください。
 

1.コンポジション設定

まずは、動画を作成するときと同じように、
サイズやフレームレート(FPS)など、コンポジションを設定します。

特に、GIF広告ではフレームレートが低く定められている場合が多いので
よく広告規定を確認し、「しまった!フレームレートを間違えて広告を入稿出来ない!」というような事がないようにしましょう。

(書き出す際に変更することも可能ですが、フレームレート数を変えると印象も変わってしまうので、最初に設定しておく事がおすすめです。)


【例】
Google ディスプレイ広告…5 FPS(フレーム/秒)未満
 

コンポジション設定

2.アニメーションを作成

次は、いつも通りアニメーションを作成します。

GIFは、最大256色までしか扱うことができないので、
色数が多いグラデーションや実写写真を使用したデザインにはあまり向きません。
色数が少なく、小さく表示されても目立つような、大きい動きのアニメーションがおすすめです。

Ae画面

3.Media Encoderで書き出す

残念ながらAfter EffectsではGIFは書き出せないので、同じくAdobeのソフト、Media Encoderで書き出しを行います。

下記の画像のように、
ファイル>書き出し>Adobe Media Encoder キューに追加
でMedia Encoderが立ち上がります。

書き出し画面



続いて書き出し設定を行います。
「形式」のプルダウンの一番下に「アニメーションGIF」という形式があります。
これを選択して書き出せば、GIFの完成です!

 

書き出し設定



今回作例として作ったものが下記になります!
フレーム数の低さを活かして、レトロゲーム風に作ってみました。
(YouTubeではGIFがアップできないので、これはmp4形式です。)

 

4.【おまけ】GIFのループ回数設定

GIF広告の規定の中には
「アニメーションの長さは 30 秒以下
アニメーションをループさせる場合でも、30 秒経ったら停止」

(引用元:アップロード型ディスプレイ広告の仕様
といった、秒数を定めるものもあります。

Media Encoderで書き出したGIFは自動で無限ループする設定になってしまっており、
例えば5秒のGIFでも「無限ループするので30秒をオーバーした」という判定になってしまいます。



この場合、少々手間ですが、
Photoshopでループ回数を指定して書き出し直す事ができます。

書き出し直したいGIFをPhotoshopで開くと
自動で「タイムライン」というウィンドウが展開されるかと思います。

小さくて見つけにくいですが、
下記の画像の赤枠の部分でループ回数を指定し直すことができます。

 

Photoshop画面



「無限 ▼」を押すと
下記の画像のように「一度」「3回」「無限」「その他...」の選択肢が表示され、
「その他...」を押せば自分で数字を入力し、好きなループ回数を設定することができます!

【例】
5秒のGIFの場合、「30秒 ÷ 5秒 = 6回」で、6回までのループならGoogleディスプレイ広告として入稿する事が可能。

 

Photoshop設定画面



最後に、Photoshopでいつも通り書き出せば「ループ回数を指定したGIF」の完成です!
お疲れ様でした!

 

5.まとめ


いかがでしたでしょうか?
今回は、AeでGIFの作り方を解説してみました!
(多少Media EncoderやPhotoshopも使ってしまいましたが...)

ネットサーフィンをしていても、静止バナーより動くGIFのバナーの方が目に留まることが多いかと思います。
その分、ユーザーから鬱陶しいと思われることも多いですが、うまく使うことができれば大きな広告効果を得られる広告形式だと感じています!

今後も役立つ様々なコラムを投稿していきますので、是非見ていただけると嬉しいです!


 

旅館のプロモーション動画の制作は、アビリブプロモーションにお任せください

アビリブプロモーションは、宿泊観光業に特化したWebマーケティング会社「アビリブ」の動画制作サービスになります。
弊社は、人を動かす生命線を「クリエイティブ×Webマーケティング」と定義し、世の中に新しい「人の動き」を作り、成長を続けてきた会社です。

旅館のプロモーション動画について、ご相談等ございましたらお気軽にご連絡ください。
以下に弊社の特徴がございますので、ご参考ください。

■当社の強み


・設立1999年、旅館・ホテル・観光に特化してきた会社
・宿泊観光業に特化しているからこその独自ノウハウ
・蓄積したマーケティングノウハウ:20年以上
・あらゆる領域を全てワンストップで制作できる、総合力のある会社
 (動画制作、スチール写真撮影、モデルキャスティグの手配をはじめ、Webサイト制作、Web広告、システム開発、
 グラフィックデザイン、インバウンド対策など)
・グループ社員数:500名以上
・国内14拠点、海外4拠点
・健康経営優良法人認定
・グーグルパートナー認定、YAHOO!プロモーション広告正規代理店
・プライバシーマーク取得承認

■制作実績

・動画制作実績:1,000件以上
・写真撮影実績:1,500件以上
・モデル手配実績:500件以上
・撮影モデル:50名以上
・Webサイト制作実績:6,000件以上
・サイト運用実績:3,000件以上
・システム構築実績:1,000件以上
・Web広告運用実績:1,000件以上
・印刷物制作実績:3,000件以上

お問い合わせはこちら

会社概要はこちらから

動画制作・写真撮影・モデル手配は
アビリブプロモーションへご相談ください

アビリブプロモーションは、動画制作、写真撮影、モデル手配までトータルにサポートいたします。
最大の強みは、ホテル・旅館・観光業で多くの動画・写真撮影実績を基にした、
独自の「つなぐ動画プロモーション」で、新規開拓から既存顧客まで働きかけます。

  • 動画制作実績累計
    1000件以上
  • 写真撮影実績累計
    1500件以上
  • モデル手配実績累計
    500件以上
  • 撮影モデル
    50名以上

記事一覧に戻る

動画制作・スチール写真撮影・撮影モデル(キャスティング)手配の依頼はこちら

  • 動画制作実績

    1000件以上

  • スチール写真撮影実績

    2000件以上

  • 撮影モデル手配

    500件以上

  • 登録モデル

    60名以上

お問い合わせはこちら

電話でも受け付けております。
お気軽にお電話ください。
※平日9:00〜18:00

現在のページの位置
  1. トップページ
  2. ニュース