●Photoshopの機能～GIFアニメーションの作り方について～

★GIFアニメーションとは
GIFアニメーションは、Graphics Interchange Format (GIF) の「マルチイメージ」を使ったアニメーション。
アニメーションGIFともいう。

＜作り方：基本＞
①アウトプットのイメージを設計、必要な素材を検討する
②IllustratorやPhotoshop（素材に応じて）で素材作成
③素材ごとにpngで保存（アートボードを分けると良い）
④Photoshopを開き、「ファイル」→「スクリプト」→「ファイルをレイヤーとして読み込み」で開く
⑤自動的に素材がレイヤーとして順に並ぶ
⑥戻る・繰り返すなどの微調整がある場合はレイヤーをコピーする
⑦「ウィンドウ」→「タイムライン」→「フレームアニメーションを作成」
⑧最後のレイヤーを入れたらハンバーガー→「レイヤーからフレームを作成」
⑨個別、すべての時間・再現回数などを調整する
⑩書き出し：Web用に保存→GIF・ビデオをレンダリング→mp4

＜作り方：tween＞
①アウトプットのイメージを設計、必要な素材を検討する
②Photoshopで素材を作る（動きの分作る必要がない）
③「ウィンドウ」→「タイムライン」→「フレームアニメーションを作成」
④最初と最後のイメージをタイムラインに置く
（最後→最後を複写→複写を修正して最初のイメージにする）
　※アートボード外の見えない位置からスタートもOK
⑤「アニメーションフレームをトゥイーン」で分割数を設定（「追加するフレーム」元の2枚+〇枚）
⑥書き出し（上記同様）

・折り返し
・フェードアウト
・複数イメージを動かす

●GIFアニメーション制作

①文字の中の画像が変わる

②積み木

③赤ちゃんのほっぺ

④瞬き
⑤日の出→太陽真上→夕日→月と星