フレームアニメーションの作成

新しいドキュメントを開きます。表示されていない場合は、タイムラインパネルレイヤパネルを開きます。タイムラインパネルがフレームアニメーションモードになっていることを確認してください。{タイムラインパネルの中央で、下向き矢印を選択してプルダウンメニューから「フレームアニメーションを作成」を選択し、矢印の隣にあるボタンを選択します。

レイヤーを追加するか、背景レイヤーを変換します。背景レイヤーはアニメーション化できないので、新しいレイヤーを追加するか、背景レイヤーを通常のレイヤーに変換します。

アニメーションにコンテンツを追加します。アニメーションに個別にアニメーション化されたオブジェクトが含まれているか、オブジェクトの色を変更するか、フレームの内容を全体的に変更する場合は、別のレイヤーにオブジェクトを作成します。

フレームアニメーションを作成します。タイムラインパネルで、下矢印を選択してフレームアニメーションを作成を選択します。

タイムラインパネルにフレームを追加します。

アニメーションフレームを選択します。

選択したフレームのレイヤーを編集します。 

• レイヤー別に表示をオンまたはオフにします。
• オブジェクトまたはレイヤーの位置を変更してレイヤーのコンテンツを移動します。
• レイヤーの不透明度を変更してコンテンツをフェードインまたはフェードアウトさせます。
• レイヤーの描画モードを変更します。
• レイヤーにスタイルを追加します。

Photoshop には、複数のフレームでレイヤーの特性を同一に保つためのツールが用意されています。

必要に応じてフレームを追加し、レイヤーを編集します。作成できるフレームの数は、Photoshop が使用できるシステムメモリ容量に依存します。

「トゥイーン」コマンドを使用してパネルのフレーム既存 2 つの中間的な変化を含む新しいフレームを生成します。これは、画面上でオブジェクトを移動、フェードイン、フェードアウトするための簡単な方法です。

フレームのディレイとループオプションを設定します。各フレームにディレイ時間を割り当てます。また、アニメーションのループを指定し、1 回再生、特定回数の再生、連続再生を行います。

アニメーションをプレビューします。タイムラインパネルのコントロールを使用すると、作成したアニメーションを再生できます。次に、「Web 用に保存」コマンドを使用して、web ブラウザーでアニメーションをプレビューします。

効率の良いダウンロードのためにアニメーションを最適化します。

次のいずれかの手順を使用して、アニメーションを保存します。 

• 「Web 用に保存」コマンドを使用してアニメーション GIF 形式で保存します。

• 後にアニメーションで作業できるように、Photoshop（PSD）形式で保存します。

• 画像シーケンス、QuickTime ムービー、または独立したファイルとして保存します。

タイムラインパネルがフレームアニメーションモードになっていることを確認してください。

選択したフレームを複製ボタン  をクリックします。

タイムラインパネルで、次のいずれかの操作を行います。

• フレームをクリックします。

• シリーズの次のフレームを現在のフレームとして選択するには、「次のフレームを選択」ボタン をクリックします。

• シリーズの前のフレームを現在のフレームとして選択するには、「前のフレームを選択」ボタン をクリックします。

• シリーズの最初のフレームを現在のフレームとして選択するには、「最初のフレームを選択」ボタン をクリックします。

タイムラインパネルで、次のいずれかの操作を行います。

• 隣接する複数のフレームを選択するには、Shift キーを押しながら、2 つ目のフレームをクリックします。最初に選択したフレームと 2 つ目に選択したフレームの間にあるすべてのフレームが選択された状態になります。

• 隣接していない複数のフレームを選択するには、Ctrl キー（Windows）または Command キー（Mac OS）を押しながら目的のフレームをクリックして、選択範囲に加えます。

• すべてのフレームを選択するには、パネルメニューから「すべてのフレームを選択」を選択します。

• 複数のフレームを選択しているときに一つのフレームだけを選択解除するには、Ctrl キー（Windows）または Command キー（Mac OS）を押しながら目的のフレームをクリックします。

タイムラインパネルで、フレーム（複数可）を選択します。

• アニメーションフレームのオブジェクトの内容を編集するには、レイヤーパネルを使用して、そのフレームに影響する画像のレイヤーを変更します。
• アニメーションフレームのオブジェクトの位置を変更するには、レイヤーパネルでそのオブジェクトを含むレイヤーを選択し、オブジェクトを新しい位置までドラッグします。

• アニメーションフレームの順序を入れ替えるには、パネルメニューから「フレームを入れ替え」を選択します。

• 選択したフレームを削除するには、タイムラインパネルメニューから「フレームを削除」を選択するか、または選択したフレームを削除ボタン をクリックし、「はい」をクリックして削除を確定します。選択したフレームを削除ボタンの上にドラッグして削除することもできます。

タイムラインパネルで、属性を 1 フレームに変更します。

タイムラインパネルで、1 フレーム目の属性を変更します。

変更した属性は、レイヤーのすべての後続フレームに適用されます。

タイムラインパネルが開いているときに、統一ボタンを表示します。

タイムラインパネルが開いていても閉じていても、統一ボタンを表示します。

タイムラインパネルが開いていても閉じていても、統一ボタンを表示しません。

タイムラインパネルでコピーするフレームを 1 つまたは複数選択します。

選択したフレームをコピーしたフレームに置き換えます。新しいレイヤーは追加されません。ペースト先のフレームにある既存の各レイヤーのプロパティがコピー元の各レイヤーのプロパティに置き換えられます。画像間でフレームをペーストする場合、新規レイヤーが画像に追加されます。ただし、ペースト先フレームではペーストしたレイヤーだけが表示されます（既存レイヤーは隠されます）。

ペーストしたフレームのコンテンツを画像の新しいレイヤーとして追加します。フレームを同じ画像内にペーストする場合、このオプションを使用すると、画像のレイヤー数が 2 倍になります。ペースト先のフレームでは、新しくペーストしたレイヤーだけが表示され、既存のレイヤーは隠されます。ペースト先以外のフレームでは、新しくペーストしたレイヤーが隠されます。

目的のフレームの前または後にコピーしたフレームを追加します。画像間でフレームをペーストする場合、新規レイヤーが画像に追加されます。ただし、新規フレームではペーストしたレイヤーだけが表示されます（既存レイヤーは隠されます）。

このオプションは、フレームを別のドキュメントにペーストする場合にのみ機能します。ペーストしたレイヤーを一つの単位として再配置する場合はこのオプションを選択します。

• 1 つのフレームを選択する場合は、その前後のフレームのどちらに対してトゥイーンするかを選択します。

• 2 つの隣接するフレームを選択する場合は、新規フレームがこの 2 つのフレームの間に追加されます。

• 3 つ以上のフレームを選択する場合は、選択範囲の最初と最後のフレームの間にある既存フレームがトゥイーン処理によって変更されます。

• アニメーションの最初と最後のフレームを選択する場合は、これらのフレームは隣接しているものとして扱われ、トゥイーンしたフレームは最後のフレームの後ろに追加されます。（このトゥイーン方法は、アニメーションが複数回ループするよう設定されている場合に便利です。）

• タイムラインパネルでトゥイーンボタン をクリックします。

• パネルメニューから「トゥイーン」を選択します。

選択したフレーム内ですべてのレイヤーが変化します。

選択したフレーム内で現在選択されているレイヤーだけが変化します。

最初と最後のフレームの間で、新規フレームのレイヤーの位置が均等に変化します。

最初と最後のフレームの間で新規フレームの不透明度が均等に変化します。

最初と最後のフレームの間でレイヤー効果のパラメーター設定が均等に変化します。

選択したフレームとその後ろのフレームの間にフレームが追加されます。このオプションは、タイムラインパネルの最後のフレームを選択した場合は使用できません。

最後のフレームと最初のフレームの間にフレームが追加されます。このオプションは、タイムラインパネルの最後のフレームを選択した場合にのみ使用できます。

選択したフレームとその前のフレームの間にフレームが追加されます。このオプションは、タイムラインパネルの最初のフレームを選択した場合は使用できません。

最初のフレームと最後のフレームの間にフレームが追加されます。このオプションは、タイムラインパネルの最初のフレームを選択した場合にのみ使用できます。

タイムラインパネルメニューから「新規フレームごとに新規レイヤーを作成」を選択します。

チェックマークは、このコマンドがオンであることを示します。

タイムラインパネルで 1 つまたは複数のフレームを選択します。

• ポップアップメニューから値を選択します。（最後に使用された値がポップアップメニューの最下部に表示されます。）

• 「その他」を選択し、フレームのディレイを設定ダイアログボックスに値を入力して、「OK」をクリックします。複数のフレームを選択した場合は、一つのフレームにディレイ値を指定するとすべてのフレームにその値が適用されます。

現在のフレームの処理方法が自動的に決定されます。次のフレームのレイヤーに透明部分が含まれる場合は、現在のフレームが破棄されます。ほとんどのアニメーションでは、「自動」オプション（初期設定）によって最適な結果を得られます。

現在のフレームが保持されたまま、次のフレームが表示されます。現在のフレーム（および前のフレーム）が、次のフレームの透明部分を通して表示されます。「置換しない」オプションを使用するアニメーションの正確なプレビューを表示するには、ブラウザーを使用します。

現在のフレームの表示を破棄してから次のフレームが表示されます。常に 1 つのフレームだけが表示されます（現在のフレームは次のフレームの透明部分を通して表示されません）。

タイムラインパネルの左下隅にあるループオプションを選択ポップアップメニューをクリックします。

タイムラインパネルメニューから「アニメーションを削除」を選択します。