注意：
Photoshop CC より前の Photoshop バージョンにおいて、この記事で説明している機能の一部は Photoshop Extended をお持ちの場合のみ使用できます。Photoshop CC には、別個の Extended バージョンはありません。Photoshop CC には、Photoshop Extended のすべての機能が含まれています。
注意：
タイムラインとキーフレームを使用してアニメーションを作成することもできます。詳しくは、タイムラインアニメーションの作成を参照してください。
表示されていない場合は、タイムラインパネルとレイヤーパネルを開きます。タイムラインパネルがフレームアニメーションモードになっていることを確認してください。タイムラインパネルの中央で、下向き矢印をクリックしてプルダウンメニューから「フレームアニメーションを作成」を選択し、矢印の隣にあるボタンをクリックします。
背景レイヤーはアニメーション化できないので、新しいレイヤーを追加するか、背景レイヤーを通常のレイヤーに変換します。詳しくは、背景とレイヤーの変換を参照してください。
詳しくは、アニメーションへのフレームの追加を参照してください。
詳しくは、アニメーションフレームの選択を参照してください。
レイヤー別に表示をオンまたはオフにします。
オブジェクトまたはレイヤーの位置を変更してレイヤーのコンテンツを移動します。
レイヤーの不透明度を変更してコンテンツをフェードインまたはフェードアウトさせます。
レイヤーの描画モードを変更します。
レイヤーにスタイルを追加します。
Photoshop には、複数のフレームでレイヤーの特性を同一に保つためのツールが用意されています。詳しくは、アニメーションフレームのレイヤープロパティの統一を参照してください。
作成できるフレームの数は、Photoshop が使用できるシステムメモリ容量に依存します。
「トゥイーン」コマンドを使用すると、パネルに存在する 2 つのフレームの中間的な変化を含む新しいフレームを生成できます。これは、画面上でオブジェクトを移動、フェードイン、フェードアウトするための簡単な方法です。詳しくは、トゥイーンを使用したフレームの作成を参照してください。
各フレームにディレイ時間を割り当てることができます。また、アニメーションのループを指定し、1 回再生、特定回数の再生、連続再生を行うことができます。詳しくは、フレームアニメーションでのディレイ時間の指定とフレームアニメーションでのループの指定を参照してください。
タイムラインパネルのコントロールを使用すると、作成したアニメーションを再生できます。次に「Web用に保存」コマンドを使用して Web ブラウザーでアニメーションをプレビューします。Web ブラウザーでの最適化された画像のプレビューを参照してください。
詳しくは、アニメーションフレームの最適化を参照してください。
「Web用に保存」コマンドを使用してアニメーション GIF 形式で保存します。
後にアニメーションで作業できるように、Photoshop（PSD）形式で保存します。
画像シーケンス、QuickTime ムービー、または独立したファイルとして保存します。詳しくは、ビデオファイルまたは画像シーケンスの書き出しを参照してください。
アニメーションを作成する場合、まずフレームの追加から作業を開始します。画像を開いている場合は、その画像が新規アニメーションの最初のフレームとしてタイムラインパネルに表示されます。フレームを追加するたびに、既存のフレームの複製が作成されます。複製されたフレームに、レイヤーパネルを使用して変更を加えます。
をクリックします。フレームを操作する前に、そのフレームを現在のフレームとして選択する必要があります。現在のフレームのコンテンツがドキュメントウィンドウに表示されます。
タイムラインパネルでは、現在のフレームのサムネールの周りには、境界線枠（選択を表すハイライト表示）が表示されます。選択したすべてのフレームには、フレームサムネールの周りが選択を表すハイライト表示で囲まれます。
をクリックします。
をクリックします。
をクリックします。-
隣接する複数のフレームを選択するには、Shift キーを押しながら、2 つ目のフレームをクリックします。最初に選択したフレームと 2 つ目に選択したフレームの間にあるすべてのフレームが選択された状態になります。
隣接していない複数のフレームを選択するには、Ctrl キー（Windows）または Command キー（Mac OS）を押しながら目的のフレームをクリックして、選択範囲に加えます。
すべてのフレームを選択するには、パネルメニューから「すべてのフレームを選択」を選択します。
複数のフレームを選択しているときに 1 つのフレームだけを選択解除するには、Ctrl キー（Windows）または Command キー（Mac OS）を押しながら目的のフレームをクリックします。
をクリックし、「はい」をクリックして削除を確定します。選択したフレームを削除ボタンの上にドラッグして削除することもできます。レイヤーパネルの統一ボタンを使用すると、アクティブなアニメーションフレームに適用した属性への変更を同じレイヤーの他のフレームに適用することができます。統一ボタンを選択すると、アクティブなレイヤーのすべてのフレームの属性が選択した統一ボタンの属性（レイヤー位置の統一、レイヤーの表示／非表示を統一、レイヤースタイルの統一）に統一されます。
また、レイヤーパネルの「フレーム 1 を反映」オプションでは、最初のフレームへの変更を同じレイヤーの他のフレームに適用する方法を決定できます。このオプションを選択した場合、最初のフレームの属性を変更すると、その変更がアクティブなレイヤーのすべての後続フレームに反映されます。すでに作成したアニメーションは保持されます。
、レイヤーの表示／非表示を統一 
、またはレイヤースタイルを統一 
をクリックし、変更した属性をアクティブなレイヤーの他のすべてのフレームに適用します。注意：
他のフレームに変更を反映する方法として、Shift キーを押しながらレイヤーの連続したフレーム群を選択し、選択したフレームのいずれかの属性を変更することもできます。
フレームを、画像のレイヤー設定を含む複製と考えると、フレームのコピーとペーストの操作を理解しやすくなります。フレームをコピーすると、レイヤー設定（各レイヤーの表示 / 非表示、位置およびその他のプロパティなど）もコピーされます。フレームをペーストすると、そのレイヤー設定がペースト先のフレームに適用されます。
「トゥイーン」という言葉は、この処理を表すアニメーション用語「インビトゥイーン」という言葉から派生したものです。トゥイーン機能（補間とも呼ばれます）を使用すれば、フェードインやフェードアウト、またはフレーム間での画像の移動などのアニメーション効果の作成にかかる時間を大幅に短縮することができます。トゥイーンしたフレームは、作成後に個々に編集することができます。
「トゥイーン」コマンドを使用して、レイヤーのプロパティ（位置、不透明度または効果のパラメーター）を均等に変化させ、動いているかのように見える効果を付けた一連のフレームを、2 つの既存フレームの間に自動的に追加することができます。またこの一連のフレームを変更することもできます。例えば、レイヤーをフェードアウトするには、開始フレームのレイヤーの不透明度を 100％に設定し、終了フレームの同じレイヤーの不透明度を 0％に設定します。この 2 つのフレーム間でトゥイーンすると、新規フレーム全体でレイヤーの不透明度が均等に減少していきます。
をクリックします。新規フレームごとに新規レイヤーを作成コマンドでは、新規レイヤーが自動的に追加されます。このレイヤーは新規フレームには表示されますが、他のフレームには表示されません。このオプションを使用すると、新規の可視レイヤーを各フレームに追加する必要のあるアニメーションを作成する場合に、効率的に作業できます。
新規レイヤーをアクティブなフレームだけに表示するには、タイムラインパネルメニューで「すべてのフレームで表示される新規レイヤー」の選択を解除します。
特定のフレームでレイヤーを隠すには、フレームを選択し、レイヤーパネルで目的のレイヤーを隠します。
アニメーションの単一または複数フレームでは、ディレイ（1 つのフレームが表示される時間）を指定することができます。ディレイ時間は秒単位で表示されます。1 秒より短い場合は小数値で表示されます。例えば、4 分の 1 秒は「.25」と指定します。現在のフレームにディレイを設定すると、その後で作成するすべてのフレームに同じディレイ値が適用されます。
フレームの処理方法を指定すれば、次のフレームを表示する前に現在のフレームを破棄するかどうかを設定できます。透明な背景を含むアニメーションの処理方法を選択し、現在のフレームが次のフレームの透明部分を通して表示されるかどうか指定します。
A. 「置換」オプションを使った、背景が透明なフレーム B. 「置換しない」オプションを使った、背景が透明なフレーム
と置換 
のどちらに設定されているかを示します。処理方法が「自動」に設定されている場合、アイコンは表示されません。-
注意：
ループオプションは、Web 用に保存ダイアログボックスでも設定できます。詳しくは、Web およびデバイス用に保存の概要を参照してください。
Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。