![見出し画像](https://assets.st-note.com/production/uploads/images/131354103/rectangle_large_type_2_3156cdc454fb0b6c6190197d692aa6e1.png?width=1200)
SNSとの相性◎GIFアニメーションの簡単な作成方法!
皆さんこんにちは。
今回はSNSと相性がよい「GIFアニメーション」のPhotoshopを使った、簡単な作成方法をご紹介いたします!
そもそもGIFアニメーションとは…
複数の静止画を組み合わせて動きをつけた画像フォーマットのことです。ファイルの拡張子は「.gif」。
パラパラ漫画をイメージしていただくと分かりやすいかもしれませんが、連続した静止画を順に表示させ、動いて見える仕組みとなっています。
簡単な動きをつけることができ、静止画よりも直感的にわかりやすく伝えられるのがメリットです!
Photoshopを使ったつくり方
① 素材の準備
まずは動かしたい素材を準備しましょう!
・gifの長さ
・使用したい素材
によっては最終的な書き出しデータ容量も大きくなってしまうため、バランスを見ながら選定することをおすすめします。
② Photoshopで素材を開く
素材をPhotoshopに読み込み、ファイルをそれぞれ個別のレイヤーに配置します。※今回は4枚の画像を使うので、レイヤーが4つあります!
![](https://assets.st-note.com/img/1708312041679-eOFIGH5kXK.png?width=1200)
③ 素材をタイムラインに追加する
![](https://assets.st-note.com/img/1708312155106-5s5JKyz4pM.png?width=1200)
![](https://assets.st-note.com/img/1708312040940-JYy50LddzI.png?width=1200)
④ 素材をタイムライン上で編集
![](https://assets.st-note.com/img/1708312041082-RHqJc7NUbI.png?width=1200)
⑤ 書き出し
![](https://assets.st-note.com/img/1708312238023-jrUYwMOY2Q.png?width=1200)
![](https://assets.st-note.com/img/1708312041269-xN6EykCH2v.png?width=1200)
これで完成です!
![](https://assets.st-note.com/production/uploads/images/131354108/picture_pc_1d3137bbe3a97c6dbb63fef84d3655ab.gif?width=1200)
Photoshopで簡単に作れるGIFアニメーション。
ぜひ皆さんもご活用してみてください!
最後までお読みいただきありがとうございました!
少しでもお役に立てれれば、ぜひスキをお願いします!
この記事が気に入ったらサポートをしてみませんか?