【Photoshop CC】フレームアニメーションを作成する

スポンサーリンク

はじめに

「Photoshop」とは写真の編集やデザイン・イラストの作成などを行うことができるアプリです。今回はPhotoshopでフレームアニメーションを作成する方法を紹介します。

フレームアニメーションを作成する

下記の手順でフレームアニメーションを作成することができます。

1.メニューバーにある「ウィンドウ」をクリックします。

2.メニューが表示されるので、「タイムライン」をクリックします。

3.「タイムライン」ウィンドウが表示されるので、「フレームアニメーションを作成」をクリックします。
「ビデオタイムラインを作成」が表示されている場合は横の下矢印アイコンをクリックして、「フレームアニメーションを作成」に変更します。

4.「タイムライン」ウィンドウにフレーム一覧が表示されます。フレームを追加する場合はウィンドウ右上にあるメニューボタンをクリックします。

5.メニューが表示されるので、「新規フレーム」をクリックします。

6.これで「新規フレーム」が追加されます。あとはそれぞれのフレームごとにレイヤーを作成して表示・非表示を設定します。

7.フレームの下にあるドロップダウンリストでそれぞれのフレームの秒数を設定することができます。

8.下のドロップダウンリストでループの回数を設定することができます。

9.下の「アニメーションを再生」ボタンでアニメーションを確認することができます。

これでフレームアニメーションを作成することができました。

参考サイト

HOW TO ANIMATE A TRANSFORMATION – 2D GAME ANIMATION TUTORIAL
https://www.youtube.com/watch?v=6I6zReGwjKw&t=2s

検証環境

Windows 10 Pro
Photoshop CC