素敵なサムシングを独断と偏見で一方的に紹介するブログ(´・ω・`)

IT

投稿日: 2017年12月12日
最終更新日:

【AdobeCC対応】AfterEffectsとPhotoShopを利用したGif画像の作り方【mac/windows】

ねこじゃすり

created by Rinker
PEPPY(ペピイ)
¥3,850 (2024/04/03 21:33:13時点 Amazon調べ-詳細)

猫を魅了する魔法の装備品!

Anker PowerCor

created by Rinker
Anker
¥4,990 (2024/04/03 21:42:08時点 Amazon調べ-詳細)

旅行には必須の大容量モバイルバッテリー!

[ノースフェイス] THE NORTH FACE メンズ アウター マウンテンライトジャケット

created by Rinker
THE NORTH FACE(ザノースフェイス)
¥33,430 (2024/04/03 21:42:09時点 Amazon調べ-詳細)

防水暴風で耐久性抜群なので旅行で大活躍です!

モンスターエナジー 355ml×24本 [エナジードリンク]

created by Rinker
モンスター
¥4,748 (2024/04/03 21:33:15時点 Amazon調べ-詳細)

脳を活性化させるにはこれ!

ドラゴンクエスト メタリックモンスターズギャラリー メタルキング

created by Rinker
スクウェア・エニックス(SQUARE ENIX)
¥3,250 (2024/04/03 21:42:09時点 Amazon調べ-詳細)

みんな大好き経験値の塊をデスクに常備しておこう!

Bauhutte ( バウヒュッテ ) 昇降式 L字デスク ブラック BHD-670H-BK

created by Rinker
Bauhutte(バウヒュッテ)
¥14,935 (2024/04/03 21:42:10時点 Amazon調べ-詳細)

メインデスクの横に置くのにぴったりなおしゃれな可動式ラック!

MOFT X 【新型 ミニマム版】 iPhone対応 スマホスタンド

created by Rinker
MOFT
¥2,880 (2024/04/03 21:42:18時点 Amazon調べ-詳細)

Amazon一番人気のスマホスタンド!カード類も収納出来てかさ張らないのでオススメです!

スポンサーリンク

336×280




Gif画像は簡単に作れる!

皆さんはGif(Graphics Interchange Format)画像を知っていますか?

Twitterlineなどでも利用でき、最近はよくネット上でも見ることが多いと思います。

こんなやつ。

可愛いぃぃ!!!

無音ということもあり、独特のシュールさがありますね。笑

このようなGif画像身近な動画を使って作りたいと前々から思っていましたが、AdobeAfterEffectsPhotoShopを使うことで簡単に作ることが出来ましたので、今回は紹介致します。

手順

AfterEffectsからmovファイルの書き出し

今回はこちらの動画をGif画像にしてみます。

まずはAfterEffectsからGif画像にしたい動画をmovとして書き出しましょう。

書き出したいコンポジションを用意したら、コンポジション>レンダーキューに追加を選択します。

レンダーキュー追加されたらロスレス圧縮リンクをクリックします。

出力モジュール設定ダイアログ表示されたら、
・形式 -> QuickTime
・チャンネル -> RGB + アルファ
・カラー -> ストレート(マットなし)
をそれぞれ指定して、OKボタンをクリックします。

問題がなければレンダリングボタンをクリックします。

確認

正常にレンダリングが出来ていれば、movファイルが作成されているはずです。

PhotoShopでのGif書き出し

次はAfterEffectsで書き出したmovファイルPhotoShop読み込みます。(PhotoShopってmovファイルも読み込めるんですね・・・!)

読み込んだら、ファイル>書き出し>Web用に保存(従来)を選択します。

ここで何も設定を書き換えずにGif動画として書き出すと、ものすごく容量がでかいGif画像になってしまいます。
なので、カラー/ディザ/劣化/メタデータ/パーセント調整してください。
そして、下部のループオプション無限に設定した上で保存ボタンをクリックしましょう。

完成

いい感じのGif画像になっていますね♪

終わりに

いかがだったでしょうか?

動画ファイルAfterEffectsPhotoShopがあれば簡単Gif画像を作ることが出来ます。

もちろんLineTwitterに載せることも出来るのでぜひ試してみてください♪

336×280




336×280




CATEGORIES & TAGS

IT, , , , , ,

blogenist

Author: blogenist

関連記事

YouTubeも見てね♪

お名前.comサイドバー