Photoshop(およびその他の代替手段)でGIFを作成する方法

ammentorp / 123RF ammentorp / 123RF

画像が1000語を話す場合、アニメーションGIFはおそらく10,000を表します。それとも50,000か?100万?OK、隠喩を過度に分析しないでください!ポイントは、GIFは素晴らしいです。それらはインターネットのパラパラ漫画のようなものです。言葉では説明できない思考や感情を伝えたり、愛らしい家庭用ペットのふざけた態度を示したり、抽象芸術を作ったり、良い笑いを与えたりするのに最適です。

この簡単なチュートリアルは、一流のGIFを作成するプロセスをガイドします。

GIFも控えめで、一般に低解像度でレンダリングされ、フレームレートが制限されていますが、形式はインターネットの最愛の人になっています。これは、印刷ではできなかったオンラインでできることの初期の例として機能し、1980年代後半に設立されて以来ほとんど変わらずに存続し、高品質のWebビデオ形式の劇的な台頭にもかかわらず、今日も人気を維持しています。もちろん、これは控えめなGIFをさらに印象的にするだけです。

おそらく合唱団に説教しているのでしょう。結局のところ、これを読んでいるとしたら、アニメーションGIFの素晴らしさを既にご存じでしょう。携帯電話のGIFキーボードを使用して面白いアニメーションを友達に送信したり、Facebookのコメントにポップアップ表示したりしたことがあるかもしれません。しかし、自分で作ったことがありますか?私たちは皆、最も壮大なGIF、人生のチャンスを待っているミニチュアの傑作についてのアイデアを持っています。心配する必要はありません。発音の仕方を明確に伝えることができない場合でも、この簡単なチュートリアルは、一流のGIFを作成するプロセスをガイドします。

ビデオからアニメーションGIFを作成する方法(Photoshop)

チュートリアルに進む前に、部屋の中の象に話しかける必要があります。Adobe Photoshopは、おそらくGIFの作成(または画像の編集)に使用できる最高のソフトウェアです。Photoshopをお持ちでない場合は、GIMPなど、同じ機能のいくつかを提供できるプログラムがありますが、GIFの作成に真剣に取り組みたい場合は、Photoshopが適しています。

馬のアニメーションGIF

手順1  — GIFに変換したいWeb上の適切なビデオシーケンスを見つけます。これは事実上何でもかまいませんが、簡潔さはGIFの魂なので、長すぎないクリップを選ぶようにしてください。

手順2  —ビデオをコンピューターに保存します。 Webからの映像の取り込みに関するガイダンスが必要な場合は、YouTubeビデオのダウンロード方法に関するガイドを確認してください。フッテージをGIFで再生したい長さだけにトリミングします。 2〜3秒はすばらしいです、5はそれを押して、10以上は適切なチョッピングで可能ですが、ファイルは大きくて扱いにくくなります。一般的な経験則は、できるだけ少ないフレームでアイデアを伝えることです。

手順3 — Photoshopでビデオを開きます。これを行うには、[ファイル]> [インポート]> [レイヤーへのビデオフレーム]に移動します。必要なビデオファイルを選択すると、Photoshopはそれを一連の静止フレームとして開きます。ビデオ全体を最初から最後までインポートするか、スライダーを使用してクリップの小さい部分を選択するかを選択できます。インポートを1フレームおき(または3、4秒ごとなど)のフレームに制限してファイルを小さくすることができますが、これによりビデオが途切れることもあります。

Photoshop Gifインポート

手順4 —設定を変更します。この時点で、必要に応じて、Photoshopでカラーバランスなどを調整できます。すべてが完璧に見えるようになったら、「ファイル」>「Web用に保存」に進みます。次に、次のようなウィンドウが表示されます。

PhotoshopのGif設定

これらの設定をすべて調整して、GIFを小さくすることができます。理想的には、Webページにロードするのに時間がかかることがないように、1MB以下にする必要があります。スイートスポットが見つかるまで、これらすべてを試してください。

  • :これは画像の作成に使用される色の数を制限するので、色数が多いほど良いです(GIFは最大256色に制限されます)。必要な場合、またはGIFの色が最初からあまりない場合にのみ、128以下にドロップダウンしてください
  • ディザ:ディザリングは、画像内のさまざまな色のピクセルを散乱させ、カラーパレットが制限された画像に中間色があるように見せます。設定を高くすると見栄えがよくなりますが、ファイルも大きくなります
  • Lossy:この設定を使用して、意図的に品質を低下させます。設定を低くすることをお勧めしますが、ファイルを十分に小さくするには、品質の低下が必要になる場合があります
  • サイズ:GIFのサイズを変更すると、ファイルのサイズに大きな影響を与える可能性があります

ステップ5  —保存して共有!保存ボタンを押して、作成を完了します。それが完了したら、Imgurなどの無料の画像ホスティングサイトにアップロードして、友達と共有したり、ブログやウェブサイトに埋め込んだりできます。

静止画像を使用してアニメーションGIFを作成する方法(Photoshop)

Photoshopで静止画像をつなぎ合わせてアニメーションGIFを作成することもできます。このプロセスは、各フレームを下から上にレイヤー化し、次にPhotoshopのアニメーション/タイムラインツールを使用してレイヤーをシーケンス処理することで構成されます。

手順1  — GIF用にシーケンス処理する静止画像を収集して、1つのフォルダーに配置します。次に、Photoshopで、[ ファイル ] > [スクリプト ] > [ ファイルをスタックにロード ]をクリックし  ます。そこから、[ 参照 ]をクリックして、GIFに結合するデスクトップ上の画像を選択します。

「OK」を選択すると、新しいコンポジションが開き、これらの静止画が単一の画像の個別のレイヤーとしてレンダリングされます。適宜配置してください。最初のフレームは、最下層などを占める必要があります。

静止画をレイヤーとしてバッチアップロードするのではなく、Photoshop自体で各レイヤーを個別に作成することもできます。 Photoshopを実行し、[ ファイル ] > [新規 ]をクリックして[ OK]を選択し、新しい画像を作成します。次に、ロックアイコンをダブルクリックして背景レイヤーをロック解除し、[ レイヤー]> [新規…]> [レイヤー]を開いて新しいレイヤーを作成し、それに応じて各フレームをデザインします。繰り返しますが、アニメーションを下から上に向けます。 (このプロセスは、「ファイルをスタックにロード」オプションを備えていない古いバージョンのPhotoshopを使用している場合に機能します。)静止画をPhotoshopにロードし、新しいプロジェクトにドラッグして、Photoshopを使用して新しく作成されたレイヤーのサイズを変更します。変換ツール(E dit> Free transformまたはCtrl + T、次にコーナーをドラッグしてオブジェクトのサイズを変更します)。

最終結果を次のように表示し、アニメーションの各フレームをレイヤーとして分離し、下から上に時系列に配置します。

GIFの最初のスライドの画像

手順2  —それに応じてレイヤーを配置したので、レイヤーのシーケンスを開始できます。このプロセスも、使用しているPhotoshopのバージョンによって異なります。まだCS5以下を実行している場合は(判断しません)、ウィンドウ + アニメーションを開いてアニメーションウィンドウにアクセスします。同様に、Photoshop CS6およびPhotoshop CC で[ ウィンドウ + タイムライン ]をクリックして、[ タイムライン ] ウィンドウにアクセスします。Photoshop CCの場合は、タイムラインウィンドウの中央にあるドロップダウンメニューをクリックして、「フレームアニメーションを作成」を選択します。

Photoshopのシーケンスツールを開いたら、右上隅にある小さな右向きの矢印をクリックし、[ レイヤーからフレームを作成] 選択します。

右向きの矢印をクリックして新しいフレームを手動で作成することもできます(または、ホットキーコマンドCtrl> Shift> Alt> Fを使用することもできます)。そこから、各レイヤーの横にある目のアイコンを使用して、作成したフレームに表示したくないレイヤーを非表示にします。

GIFの最後のスライドの画像

ここから、各フレームの下のメニューを使用して、継続時間を切り替えます。左下隅のメニューは、GIFを何回再生するかを決定します。無限にループさせたい場合は、「永遠」に設定します。

ステップ3  —おめでとうございます!静止画像を使用してアニメーションGIFを作成しました。次に、上記のプロセスを使用してPhotoshopからエクスポートするだけです。簡単にまとめると:

用ヘッドWeb用ファイル]> [保存]。GIFは1MB以下にしてください。必要に応じて、GIFのサイズが変更されるまで、色、ディザ、損失、サイズの設定を微調整します。満足したら、新しく作成したGIFを保存します。

静止画像を使ってアニメーションGIFを作成する方法(無料)

Photoshopにアクセスできない場合は、GIFを作成する無料の方法がありますが、最終製品の品質はそれほど高くない場合があります。Photoshopの基本機能を提供するさまざまな無料のプログラム(GIMPやPixlrなど)があり、静止画像を作成して順番に再生できます。また、ビデオからGIFを切り取ることができるWebサイトもあります。これらのプロセスはどちらもPhotoshopほど効果的ではありませんが、安価でかなり簡単です。

静止画を使う

一連の静止画像からGIFを作成できるブラウザー内アプリがいくつかあります。例として、Ezgifを使用します。このサイトでは、一連の画像をアップロードして配置し、アニメーションGIFに変換できます。もちろん、これを行うには、順番に機能する一連の画像が必要です。これを行うには、無料のPhotoshop代替品が必要です。この例ではPixlrを使用します。

ステップ1 —最初に行うことは、新しいイメージを作成することです。キャンバスのサイズを選択しますが、GIFのファイルサイズが大きいほど、読み込みが遅くなるので、キャンバスに収まるサイズを減らすようにしてください。多くの場合、シンプルで小さい方が優れています。

ステップ2  —キャンバスを作成したら、GIFの最初のフレームを作成します。この例では、シェイプツールを使用して円、長方形、線から人物を作成し、この画像を保存して最初のフレームを作成します。

人のgif 1

アニメーションは、動きのある錯覚を与えるためにわずかな変更を加えた一連の画像を再生することで構成されているため、GIFを作成するには、複数の画像を作成する必要があります。簡単にするために、このgifは数フレームしかないため、見栄えがよくありませんが、概念を説明する必要があります。

ステップ3  —次のフレームでは、フィギュアを消去し、新しい腕を上に引き上げて、腕を持ち上げます。画像を保存して、2番目のフレームを作成します。

人gif 2

手順3  —次に、文字ツールを使用してテキストを表示し、この画像を3番目のフレームとして保存します。

人gif 3

手順4  —次に、さらにテキストを追加して、4番目のフレームとして保存します。

人gif 4

ステップ5  —フレームの準備ができたら、Ezgifにアップロードします。「GIFメーカー」というラベルの付いたタブを選択し、「ファイル選択」ボタンをクリックします。GIFに関連付けられているすべての画像ファイルを選択します。

ステップ6  —次に、「アップロード」というラベルの付いたボタンをクリックします。画像ファイルの読み込みが完了したら、それらが正しい順序になっていることを確認してください。フレーム間の時間である遅延時間を設定し、GIFをループさせる回数を選択することもできます。

gifメーカーのチュートリアル1

ステップ7  —完了したら、Animate it!というラベルの付いたボタンをクリックします

gifメーカーのチュートリアル2

GIFが表示され、編集またはコンピューターに保存するためのボタンが表示されます。

ビデオからアニメーションGIFを作成する方法(無料)

動画の特定のスニペットをGIFに使用したい場合は、ごくわずかな入力で動画を作成できるサイトが数多くあります。Ezgif、Giphy、ImgFlip、Gfycat、および他の多くのオンラインサービスでは、クレジットカードを使用せずにGIFを作成できますが、コントロールのレベルは犠牲になります。

ステップ1  —これらのオンラインツールの1つを使用すると、非常に簡単です。例として、Giphyを使用します。このサイトでは、特定の動画のURLを貼り付けるか、コンピューターから動画ファイルをアップロードできます。URLを入力するか、ビデオをアップロードして、ステップ2に進みます。

ステップ2  —これを行ったら、GIFが始まるビデオのポイントを選択し、GIFを実行する時間を選択できます。必要に応じて、キャプションを入力することもできます。

ギフィー画面2

ステップ3  —これらの要素を決定したら、  [ GIF作成 ]ボタンをクリックして、サイトが残りの部分を処理できるようにします。

プロセスは、ImgFlipを含む他のサイトとほぼ同じです。ただし、最終的なGIFの品質をさらに制御したい場合は、Photoshopを使用する必要があります。そうは言っても、基本的なビデオからGIFへの機能については、Giphyのようなサイトは問題なく機能するはずです。

YouTubeビデオからGIFを作る方法

上記のサイトなどを使用して、YouTubeビデオからGIFを作成できます。YouTubeの動画から素晴らしいGIFを作成するための詳細なガイドがこちらにあります。

以上です!あなたは今やGIFの第一人者(またはソフトgの発音を好む場合はGIFジェダイ)になり、ソーシャルメディアフィードは無限に刺激的なものになりつつあります。ただし、おそらく注意が必要です。大きな力には大きな責任が伴います。あなたの瞬間を賢く選び、どんなにかわいいキュートであろうと、グレードの低い猫GIFの圧倒的な猛攻撃で友達をあふれさせないでください。時間と場所があり、品質は常に量よりも優先されます。GIFは控えめですが、伝説でもあります。それはあなたの尊敬に値します。勉強して、練習して、マスターしてください。