人気投稿記事のご紹介
人気投稿記事のご紹介
2016.10.12

PhotoshopでGIFアニメーションを作ろう

 

GIFアニメとは

そもそも、GIFアニメの「GIF」とは・・

◯◯(ファイル名)◯◯.gif←これのことです。

gifは画像ファイルの拡張子の一つです。

拡張子というのは、ファイルの種類(書類・画像・映像etc..)

を識別するための記号のようなものです。

GIFはjpegやpngなど、他の画像ファイルよりも比較的ファイルサイズが軽く、

一枚のファイルの中に複数の画像ファイルを保存できるという性質があります。

GIFアニメーションの例です↓

videocomposition

用意するもの

・Photoshop

・GIFアニメにしたい複数枚の絵

今回は試しにという事で5枚用意しました・・・

blog_0000_%e3%83%ac%e3%82%a4%e3%83%a4%e3%83%bc-2

blog_0004_%e3%83%ac%e3%82%a4%e3%83%a4%e3%83%bc-6

blog_0003_%e3%83%ac%e3%82%a4%e3%83%a4%e3%83%bc-5  

blog_0001_%e3%83%ac%e3%82%a4%e3%83%a4%e3%83%bc-3

早速やってみよう

1:複数枚の画像ファイルを読み込む

Photoshopを起動させて、「ファイル>スクリプト>ファイルをレイヤーとして読み込み」を選択します。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-10-13-07-57

そうすると、こんな画面が出ます↓

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-10-13-09-26

参照を押して、GIFアニメにしたい複数枚の画像ファイルを選択します。

先ほどの5枚の画像を選択し、OKを押すと↓

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-12-16-40-18

このように、ファイル名がレイヤー名の状態で、自動的に画像が読み込まれます!

2:レイヤーをアニメーションにする

ウィンドウ>タイムライン」をクリックします↓

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-10-13-09-59

そうすると、画像編集に邪魔なぐらいでかいウィンドウが開きます。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-10-13-10-04

次に、「フレームアニメーションを作成」のボタンをクリック

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-10-13-17-47

2

ちょっと図では伝わりにくいかもしれませんが・・

この状態は、

自動的にレイヤー一枚一枚が、

アニメーションの一コマ一コマに変換されています・・・

「▶︎」マークを押すと再生されます。

「0.2」と書いてあるのは、「ディレイ」と言って、

その画像を表示させる時間の長さが0.2秒ですよ、という意味です。

少し長くなってしまったので、調整の仕方や書き出し方など、続きはPART2でお届けします。

とりあえず今の状態で保存したGIFアニメがこちらです・・・

gifanime「再来週までにはGIFアニメが進化してるかも」

関連する投稿記事のご紹介

お知らせ

映画「真夜中の子供」について

2020年公開予定の映画 「真夜中の子供」 プロデューサーに弊社代表取締役 黒江圭太が就任しました。

メンバー

初めまして!

日々精進

メンバー日記

About me : )

- はじめまして -

WORKS

MOVIE SERVICE

私たちは映像制作のトップクリエイターです。
PV制作からウェブ動画、VR動画、ドローン撮影など、
撮影から編集までお任せください。

WEDDING SERVICE

一生に一度のかけがえのない瞬間。
たくさんの人の想いが溢れる一日。

どう「紡ぎ」、
どう「残しますか」?

SCHOOL SERVICE

写真一枚一枚にはそれぞれ意味があり、そこには写真の持つ「力」があります。
撮る時にどういった事を感じ、どう伝えるか?を考え、シャッターを切る。
きっと今までとどこか違うはず!