2
Help us understand the problem. What are the problem?

More than 5 years have passed since last update.

posted at

Organization

【PhotoshopCC】GIFアニメーションの作り方

PhotoshopCCを使ったGIFアニメーションの作り方です。

【読了時間5分】

STEP1

PhothoshoCCを開いて、[ウィンドウ]→[タイムライン]を表示します。
step1

タイムラインの[フレームアニメーションを作成]をクリック
step1

1コマ目が作成されます
step1

STEP2

1コマ目に表示したい状態を作成したら、2コマ目用にレイヤーを複製します。
step2

フレームも複製し(※黄色「現在のフレームを複製」をクリック)、2コマ目に表示したい状態を作成します。
step2

その後は同様に複製を繰り返し、アニメーションになるようオブジェクトを動かしていきます。
※今回はグループでコマ割りをしているので、選択しているコマと同じ名前が付いたグループしか表示していません。
step2

STEP3

最後に、動きを見ながらコマの秒数や動作方法を設定。
step3

[ファイル]→[Web用に保存]でGIF形式で保存。
step3

GIFアニメーションの完成です!
Gif_post.gif

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
2
Help us understand the problem. What are the problem?