ファイル形式.gifは、複数の静止画を動画のように表示し、動いているように見せる画像のことで、動きがある分、静止画よりも直感的にわかりやすく伝えられます。
アニメーションを手軽に作れるところがGIFの良さ。
原神のエウルアスタンプも少しアレンジしてみました。
▪作り方のマニュアルは下記のURLから確認できます。
【Adobe】連続写真でアニメーションGIFを作成（アドビサポート）
https://helpx.adobe.com/jp/photoshop/how-to/make-animated-gif.html
▪Slack
Slackでも使えるので、コミニケションツールとしてGIFで面白いアニメーションを作ってみるのもいいですね。
GIFの作り方
文字も入れたアニメーションの作り方です。まずは、複数の.pngを作ります。
「ファイル」→「スクリプト」→「ファイルをレイヤーとして読み込み」を選択します。
「OK」をクリックすると自動で選択した画像がレイヤーとしてすべて読み込まれます。
アニメーション（フレーム）
・ファイルの名前を数字で分けることで、どの順番で表示させていくのか編集する時にラクにできます。
・アニメーション（フレーム）にレイヤー新規追加をして、1枚目に表示させていたレイヤーは非表示にして、2枚目を表示させます。
このやり方を繰り返すことでアニメーション（フレーム）にレイヤーを追加していきアニメーションを作ります。
↓下記本は自身がこの1冊でPhotoshopの基本が身についたお勧めの本で、10年以上使えそうです。
![Photoshop 10年使える逆引き手帖【CC完全対応】[Mac & Windows対応]](https://design-pull.com/wp-content/uploads/2022/03/20220321_204901-1024x652.jpg)
▪Photoshop 10年使える逆引き手帖【CC完全対応】［Mac ＆ Windows対応］
Photoshopの「必修の基本テクニック」から「ワンランク上のプロ技」まで完全網羅して、この一冊でPhotoshopを使いこなせるようになります。
完成イメージ
・同じ画像を複数枚並べているのは、アニメーションに躍動感を出す為にタイミングをずらして画像枚数を調整しています。
GIF圧縮サイト
▪ILOVEIMG
https://www.iloveimg.com/ja/compress-image/compress-gif
↓illustratorの使い方をしっかりマスターしたい方はこちらの本がお勧めです。
▪Illustrator 10年使える逆引き手帖【CC完全対応】[Mac & Windows対応]
これからIllustratorを習得する人や、一度チャレンジしたけど挫折した人におすすめの一冊です。すべての手順・考え方を丁寧に解説されておりずっと役立ちます。
この一冊があればIllustratorを使いこなせるようになります。
イラストや写真を見る時は、「自分はどういった表現をしようか？」と常に考えてしまうプル。
