Photoshop CC を使用してビデオから GIF を作成する方法

Imgur などのサイトで見られる長い GIF がどのように作成されているのか疑問に思ったことはありませんか? 多くの場合、クリエイターはビデオを撮影し、全体をアニメーション GIF に変換してから、テキストをスーパーインポーズして面白いものにしています。

この投稿では、これらの派手な GIF を最初から最後まで作成する方法を説明するつもりはありませんが、ビデオを撮影して少なくともアニメーション GIF に変換する方法を説明します。GIF にテキストやグラフィックスを追加する方法については、別の投稿を書きます。

サイズ、品質、フレームなどの点で最終製品をより詳細に制御できるため、このチュートリアルでは Photoshop CC を使用します。

インポート前にビデオを変換する

開始する前に、ビデオを Adob​​e Photoshop がサポートするファイル形式に変換する必要がある場合があります。たとえば、iPhone からビデオを取得し、コンピューターにダウンロードしました。次に、ビデオを Photoshop にインポートしようとしましたが、次のエラーが発生しました。

ファイルにビデオ フレームがないため、ビデオ フレームからレイヤーへのコマンドを完了できませんでした。

ビデオは MOV ファイルでしたが、Apple が使用するコーデックは Photoshop でサポートされていません。この種の問題を解決するには、HandBrakeなどのプログラムをダウンロードしてビデオを変換する必要があります。

HandBrake の使い方はとても簡単です。[ファイル]をクリックするだけで、ソースを選択し、ビデオ ファイルを選択できます。この時点で、実際に行う必要があるのは、[エンコードの開始]ボタンをクリックすることだけです。デフォルトでは、右側にリストされているFast 1080p30プリセットが使用されます。プリセットがたくさんあるので、自分に合ったものを選んでください。後で Photoshop で GIF の解像度を下げることができるので、HandBrake で行う必要はありません。

H.264 ビデオ コーデックを使用して MP4 ファイルに変換したら、Photoshop にインポートできます。

Photoshop でビデオをインポートして GIF を作成する

Photoshop CC を開き、[ファイル]、[インポート]、[ビデオ フレームをレイヤーに] の順にクリックします。

ビデオ ファイルを選択し、[開く]をクリックします。これにより、ビデオの小さなプレビューといくつかのオプションを含むダイアログが表示されます。

ビデオ全体をアニメーション GIF として表示する場合は、ラジオ ボタンを[最初から最後まで]のままにします。一部だけが必要な場合は、[選択した範囲のみ]を選択し、ビデオの下にあるトリム コントロールを使用して範囲を選択します。

さらに、最終的な GIF のサイズをできるだけ小さくするために、フレーム数を制限することもできます。たとえば、ボックスをオンにして 2 フレームのままにしておくと、Photoshop はビデオから 1 フレームおきに削除することを意味します。

最後に、 Make Frame Animationボックスがチェックされていることを確認する必要があります。[OK] をクリックすると、ビデオが一連のフレームとして Photoshop にインポートされます。プログラムがクラッシュした場合は、インポートする前にビデオの品質をさらに下げる必要がある場合があります。

あとは、フレームをアニメーション GIF として保存するだけです。Photoshop CC でこれを行うには、 [ファイル] - [エクスポート] - [ Web 用に保存 (レガシー)]をクリックする必要があります。GIF として保存する前に、必要に応じてフレームを編集および削除できます。

このダイアログには、いじる必要があるオプションがたくさんあります。それらのほとんどは、左側のプレビュー エリアで確認できる GIF の品質に影響します。右側のペインは、ほとんどの調整を行う場所です。

上部に、Presetというドロップダウンが表示されます。それをクリックしてプリセットの 1 つを選択するか、自分で値を調整することができます。プリセットの 1 つを選択すると、GIF の品質が低下しますが、サイズも小さくなります。Preset の下のドロップダウンでGIF が選択されていることを確認します。

[画像サイズ]の下の下部で、GIF の最終的な出力解像度を調整できます。したがって、ビデオが 1920×1080 または 4K の場合は、おそらくここで大幅に縮小することをお勧めします。[アニメーション] で、 [ループ オプション]に[永久]、[一度]、または[カスタム]を選択できます。デフォルトでは、GIF は継続的にループします。下部のコントロールを使用して GIF を再生し、どのように見えるかを確認できます。

[保存] をクリックして、GIF を保存する場所を選択します。それはそれについてです。Photoshop を使用すると、ビデオからアニメーション GIF を非常に簡単に作成でき、設定を微調整して適切なものにすることができます。また、 Photoshop p を使用して画像からアニメーション GIF を作成する方法に関する私の投稿を読んでください。楽しみ！