![photoshopでGifを作る](https://miyastyle.net/wp-content/uploads/2019/05/Gif-min.gif)
煽りタイトルにした。へへへ。photoshopでGifを作成する方法をわかりやすく説明する。
- photoshop2019(バージョンとかよくわかりません)
- macOS-ver10.14.5
目次
photoshopでGifを作る1つの方法
画像を用意する
サイズとかは適当
![photoshopでGif作成](https://miyastyle.net/wp-content/uploads/2019/05/01photoshop-min.jpg)
【一応画像のようなサイズ、カラーモードにした】
画像配置
![photoshopで画像配置](https://miyastyle.net/wp-content/uploads/2019/05/02photoshop-min.jpg)
【画像配置】
タイムライン表示
![photoshopでタイムラインを表示](https://miyastyle.net/wp-content/uploads/2019/05/03photoshop-min.jpg)
【ウィンドウ】→【タイムライン】
Unityのタイムラインと似ておる。
フレームアニメーションを作成
![photoshopでフレームアニメーションを作成](https://miyastyle.net/wp-content/uploads/2019/05/04photoshop-min.jpg)
【フレームアニメーションを選択】→【フレームアニメーションをクリック】
作っていく
![photoshopでGif作成](https://miyastyle.net/wp-content/uploads/2019/05/2019-05-19-20.22.30-min.gif)
【Gifを見るんだ】
右下の部分をクリックすることで元の画像を複製し、それを移動させる、繰り返し行うことで動いているように見える。本当のアニメと同じ。
保存方法
![photoshopでGifを保存する](https://miyastyle.net/wp-content/uploads/2019/05/05photoshop-web-min.jpg)
【ファイル】→【書き出し】→【Web用に保存】
保存
![photoshopでGifを保存する](https://miyastyle.net/wp-content/uploads/2019/05/06photoshop-min.jpg)
【保存】→
【いろいろ設定できそうだがわからないので設定変えずに保存】→
【Gif形式で保存されているぞい】
おわりに
photoshopは偉大、楽しい。Adobe様には頭があがりません。以上Photoshopを使ってGifを作る方法でした。
photoshopをもっと極めたい人はUdemy でphotoshop講座を取ることをおすすめします。上の検索欄にphotoshopとして入力してください。デザイン系の講座が表示されます。
Photoshopを極める
![photoshopでGif作成](https://miyastyle.net/wp-content/uploads/2019/05/mata-min.gif)
コメント