Help us understand the problem. What is going on with this article?

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

More than 5 years have passed since last update.

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

ajike
アジケはUXデザインの手法を用いてユーザー体験を創造するUXデザインカンパニーです。国内の大手企業やスタートアップ企業のパートナーとして、サービスの開発・改善を通して事業の成長に貢献。近年はUXデザインの領域を広げ、オンライン・オフラインを問わずシームレスなユーザー体験を創出することで事業を包括的にサポートしています。
https://ajike.co.jp/
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
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  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
ユーザーは見つかりませんでした