2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Posted at

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

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?