Photoshopを使ったアニメーションGIFの作り方

このWikiHowでは、Adobe PhotoshopでアニメーションGIFを作成する方法を説明します。Adobe Photoshop CS6以降が必要です。

方法1

ゼロから作る

1. Photoshopを開きます。暗い背景に水色の「P」があるアプリです。
2. 新しいプロジェクトを作成します。これを行うには

   • ファイル」をクリックします。
   • 新規作成」をクリックします。
   • プロジェクトのサイズを選択します。
   • 作成をクリックします。
3. フレームごとにレイヤーを作成します。アニメーションGIFの各レイヤーは、それぞれのフレームになります。アニメーションを手描きしたり、静止画のセットを配置する場合は、すべてのフレームが新しいレイヤー上にあることを確認してください。新規レイヤーはいくつかの方法で作成できます：

   • レイヤーウィンドウの下部にある新規レイヤーアイコンをクリックします。
   • レイヤー]→[新規]→[レイヤー]をクリックします。
   • Shift+Ctrl+N（PC）またはShift+Command+N（Mac）を押します。
4. ウィンドウ]、[タイムライン]の順にクリックします。これは、ビデオエディタのタイムラインのように、あなたのPhotoshopプロジェクトの下部にビデオタイムラインを追加します。
5. フレームアニメーションを作成]をクリックします。このオプションを表示するには、最初に

   ボタンをクリックする必要があるかもしれません。
6. をクリックします。タイムラインウィンドウの右上にあります。クリックするとドロップダウンメニューが開きます。
7. レイヤーからフレームを作成］をクリックします。これで各レイヤーがアニメーションGIFの1フレームに変換されます。
8. 一番下の「1回」の横の

   をクリックします。これはアニメーションを何回繰り返すかの設定です。
9. Forever」を選択します。これは、アニメーションGIFが常にアニメーションを繰り返すように設定します。

   • また、各フレームの下にある
     アイコンをクリックして、アニメーション中に画面に表示される時間を長くしたり短くしたりしたい場合は、タイミングを調整することができます。
10. ファイル」、「エクスポート」の順にクリックし、「ウェブ用に保存（レガシー）」を選択します。Web フォーマットのイメージのエクスポートオプションが開きます。
11. 保存をクリックします。GIFを低画質のファイルとして保存して読み込みを速くしたい場合は、まず「最適化」、「2アップ」、または「4アップ」タブをクリックし、各イメージプレビューの左下にあるファイルサイズが小さいオプションを選択します。

    • 右側のドロップダウンボックスで「GIF」が選択されていることを確認します。
12. ファイル名と保存場所を選択し、「保存」をクリックします。アニメーションGIFがエクスポートされます。これで画像を開いたり、ウェブに投稿したり、友達に送ったりすることができます。

方法2

動画から

1. Photoshopを開きます。暗い背景に水色の "Ps "があるアプリです。
2. ビデオファイルを開きます。これでビデオがPhotoshopにインポートされ、下部のタイムラインウィンドウに配置されます。これを行うには、ファイルを直接Photoshopにドラッグ＆ドロップすることができます：

   • ファイル]、[開く]の順にクリックします。
   • ビデオファイルを選択します。
   • 開く」をクリックします。
3. デュレーションを調整します。ビデオクリップがどこで再生を始め、どこで再生を止めるか調節するためにタイムラインのビデオファイルの非常に最初か終わりをかちりと鳴らし、反対側にそれをドラッグして下さい。

   • 変更内容をいつでもプレビューしたい場合は、タイムラインウィンドウの左側にある再生ボタンを押してください。
4. スピードを調整する。ビデオの再生速度を速くしたり遅くしたりしたい場合は、タイムラインのクリップを右クリックして、速度パラメータを変更することができます。新しいパーセンテージを入力するか（例：50% はビデオを半分の速度で再生し、200% はビデオを倍速で再生します）、または：

   • をクリックし、スライダーを左右にドラッグしてスピードを手動で調整します。
5. 画像サイズを変更する。HD画質のビデオをインポートした場合、画像サイズがかなり大きい可能性があります。作成したアニメーションGIFをウェブに掲載し、読み込みに時間がかかるのを避けたい場合は、サイズを小さくすることをお勧めします。そのためには

   • 画像をクリックします。
   • 画像サイズ]をクリックします。
   • 新しい画像サイズを入力します（HDビデオの場合は350×197を推奨します）。
   • OKをクリックします。
   • 変換]をクリックします。
6. ファイル］、［書き出し］の順にクリックし、［ウェブ用に保存（レガシー）］を選択します。ウェブ形式画像の書き出しオプションが開きます。
7. 品質バージョンを選択します。GIFを低画質のファイルとして保存して読み込みを速くしたい場合は、まず「最適化」、「2アップ」、「4アップ」タブをクリックし、各画像プレビューの左下にあるファイルサイズが小さいオプションを選択します。

   • 右側のドロップダウンボックスで「GIF」が選択されていることを確認し、画像がJPEGやPNGではなく、アニメーションに対応したGIFファイルとして保存されるようにします。
8. ループオプションの隣にある

   をクリックし、オプションを選択します。ウィンドウの右下にあります。GIFを一度だけ再生させるか、永遠にループさせるかを選択します。
9. 保存をクリックします。保存ウィンドウが開きます。
10. ファイル名と保存場所を選択し、保存をクリックします。アニメーションGIFがエクスポートされます。これで画像を開いたり、ウェブに投稿したり、友達に送ったりすることができます。

この記事は、CC BY-NC-SAの下で公開された「 How to Create Animated GIFs Using Photoshop 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。