Photoshop (または無料の代替手段) で GIF を作成する方法

GIFってすごいですね。 これらはインターネットのパラパラ漫画のようなもので、言葉よりも思考や感情を伝えるのに最適です。 愛らしいペットのふざけた様子を見せたり、良い気分を与えてくれたりするので、言葉では言い表せません。 含み笑い。

コンテンツ

  • ビデオからアニメーション GIF を作成する方法 (Photoshop)
  • 静止画を使ってアニメーションGIFを作成する方法(Photoshop)
  • 静止画を使ったアニメーションGIFの作り方(無料)
  • 最初に静止画を設定する
  • 無料ツールを使用してアニメーション GIF を作成する
  • 動画からアニメーションGIFを作成する方法(無料)
  • YouTubeビデオからGIFを作成する方法

携帯電話で GIF を使用して友人に面白いアニメーションを送ったり、コメント欄にアニメーションがポップアップ表示されるのを見たことがあるかもしれません。 フェイスブック. しかし、自分でGIFを作成したことがありますか? 壮大な GIF のアイデアはあるかもしれませんが、その夢を現実にする方法がわからないかもしれません。 心配する必要はありません。発音の仕方を明確に説明できない場合でも、この簡単なチュートリアルで一流の GIF を作成するプロセスをガイドします。

おすすめ動画

適度

20分

  • Photoshop または Giphy などの無料オンライン ツール

  • GIFに使いたい静止画

  • GIF を作成したい動画

  • パソコン

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

チュートリアルに入る前に、部屋の中の象に話しかける必要があります。 Adobe Photoshop は、おそらく GIF の作成 (または一般的な画像の編集) に利用できる最高のソフトウェアです。 Photoshop をお持ちでない場合は、他のプログラムで同じ機能の一部を提供できます。 GIMP, ただし、GIF の作成に本格的に取り組みたい場合は、Photoshop を使用することをお勧めします。

ステップ1: GIF に変換したい適切なビデオ シーケンスを Web 上で見つけます。 実際には何でも構いませんが、優れた GIF では簡潔さが重要であるため、長すぎないクリップを選択するようにしてください。

ステップ2: ビデオをコンピュータに保存します。 のガイドをご覧ください

YouTubeビデオをダウンロードする方法 Web から映像をリッピングする方法についてのガイダンスが必要な場合。 GIF を再生したい長さのみに映像をトリミングします。 2 ~ 3 秒は最適で、5 秒は無理があり、適切に切り刻めば 10 秒以上も可能ですが、ファイルが大きくなり、作業が難しくなります。 一般的な経験則は、アイデアをできるだけ少ないフレームで伝えることです。

関連している

  • Adobe Photoshop のベストセール: 写真編集ソフトウェアを無料で入手
  • Windows、macOS、または Web 上で PDF ファイルを結合する方法
  • WebページをPDFとして保存する方法

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

Photoshop のレイヤーにビデオをインポートします。

ステップ 4: 設定をいじってください。 必要に応じて、この時点で Photoshop を使用してカラーバランスなどを調整できます。 すべてが完璧に見えたら、次の場所に進みます。 ファイル > ウェブ用に保存. 次のようなウィンドウが表示されます。

Photoshop の GIF 設定。

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

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

ステップ6: 保存と共有! を選択 保存 ボタンをクリックして作成を完了します。 完了したら、次のような無料の画像ホスティングサイトにアップロードできます。 Imgur 友達と共有したり、ブログやウェブサイトに埋め込んだりできます。

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

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

ステップ1: GIF 用にシーケンスする静止画像を収集し、1 つのフォルダーに入れます。 次に、Photoshop で、 ファイル > スクリプト > ファイルをスタックにロードする. 次に、選択します ブラウズ をクリックして、GIF に結合するデスクトップ上の画像を選択します。

ステップ2: 選択する わかりました、新しいコンポジションが開き、これらの静止画が 1 つの画像内の個別のレイヤーとしてレンダリングされます。 それに応じてそれらを配置します。 最初のフレームは一番下のレイヤーを占める必要があります。

ステップ 3: 静止画をレイヤーとして一括アップロードするのではなく、Photoshop 自体で各レイヤーを個別に作成することもできます。 Photoshop を実行し、選択して新しい画像を作成します。 ファイル > 新しい そして選択します わかりました. 次に、背景レイヤーを 2 回選択して、ロックを解除します。 ロック アイコンを開いて新しいレイヤーを作成します > 新しい… > 、それに応じて各フレームを設計します。

ステップ 4: もう一度、アニメーションを下から上にストリングします。 (このプロセスは、「ファイルをスタックにロード」オプションのない古いバージョンの Photoshop を使用している場合に機能します。) 静止画を Photoshop に追加し、新しいプロジェクトにドラッグし、Photoshop の変換ツールを使用して新しく作成したレイヤーのサイズを変更します。 (編集 > 自由変形 または Ctrl + T)、角をドラッグしてオブジェクトのサイズを変更します)。

結果は次のようになり、アニメーションの各フレームがレイヤーとして分離され、下から上に時系列に配置されるようにしたいと考えています。

Photoshopのレイヤー画面。

ステップ5: レイヤーを適切に配置したので、レイヤーの順序付けを開始できます。 このプロセスも、使用している Photoshop のバージョンによって異なります。 まだ CS5 以前を実行している場合 (まあ、私たちは判断しません)、次を開いてアニメーション ウィンドウにアクセスします。 ウィンドウ + アニメーション. 同様に、選択します ウィンドウ + タイムライン Photoshop CS6 および Photoshop CC でタイムラインウィンドウにアクセスします。 Photoshop CC の場合は、 ドロップダウンメニュー タイムラインウィンドウの中央で を選択し、 フレームアニメーションを作成する.

ステップ6: Photoshop のシーケンス ツールを開いたら、 小さな右向きの矢印 右上隅にある を選択し、 レイヤーからフレームを作成する.

を選択することもできます。 右向き矢印 新しいフレームを手動で作成するには (またはホットキー コマンドを使用することもできます) Ctrl > シフト > 代替 > F).

ステップ 7: そこから、 各レイヤーの横にある アイコンをクリックして、作成したフレームに表示したくないレイヤーを非表示にします。

Photoshopのレイヤー3画面。

ステップ8: ここから、各フレームの下にあるメニューを使用して、その期間を切り替えます。 左下隅のメニューは、GIF を再生する回数を指定します。これを次のように設定します。 永遠に 無限ループさせたい場合。

ステップ9: おめでとう! 静止画像を使用してアニメーション GIF を作成しました。あとは、上で概説したプロセスを使用して、それを Photoshop からエクスポートするだけです。 簡単に要約すると、次のようになります。

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

静止画を使ったアニメーションGIFの作り方(無料)

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

最初に静止画を設定する

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

ステップ1: 最初に行うことは、新しい画像をアップロードすることです。 キャンバス サイズを選択しますが、GIF のファイル サイズが大きいほど読み込みが遅くなることを覚えておいてください。そのため、キャンバスに収まる内容の量を減らすようにしてください。 多くの場合、シンプルで小さい方が優れています。

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

アニメーション プロセスは、動きを見せるためにわずかな変化を加えた一連の画像を再生することで構成されます。 GIF を作成するには、複数の画像を作成する必要があります。それぞれの画像には、前回の画像とは若干の違いが含まれています。 わかりやすくするために、この GIF には数フレームしか含まれていないため、きれいではありませんが、概念を説明する必要があります。

棒人間の静止画像。

ステップ 3: 次のフレームでは、人物が腕を上げるように、腕を消去し、上に上げられた新しい腕を描画します。 画像を保存して 2​​ 番目のフレームを作成します。

スティックフィギュア GIF 画像の 2 番目の静止フレーム。 この棒人間は両腕を空中に上げています。

ステップ 4: 次に、 タイプ ツールを使用してテキストを表示し、この画像を 3 番目のフレームとして保存します。

棒人間の 3 番目の静止フレーム画像。 これには「見よ!」という言葉が入っています。 その上で。

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

これはスティックフィギュア GIF の 4 番目の静止画像です。 これには「見よ!」という言葉があります。 GIF! それに追加されました。

無料ツールを使用してアニメーション GIF を作成する

フレームの準備ができたら、Ezgif にアップロードします。 Ezgif を使用して GIF の作成を完了する方法は次のとおりです。

ステップ1: というラベルの付いたタブを選択します GIFメーカー そして、 ブラウズ ボタン。 GIF に関連付けられているすべての画像ファイルを選択します。

ステップ2: 次に、「 アップロードしてGIFを作成しましょう!. 画像ファイルのロードが完了したら、それらが正しい順序であることを確認してください。 また、フレーム間の時間である遅延時間を設定したり、GIF をループさせる回数 (ループする場合) を選択したりすることもできます。

EZGIF Web サイトの GIF メーカーのチュートリアル。

ステップ 3: 完了したら、というラベルのボタンを選択します GIFを作ろう!

ステップ 4: GIF が表示され、編集するためのボタンやコンピュータに保存するためのボタンも表示されます。

EZGIFで作成したGIFを保存します。

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

ビデオの特定のスニペットを GIF に使用したい場合は、ほとんどの情報を入力するだけで、多数のサイトを利用してGIF を作成できます。 エズギフ, ジフィー, 画像フリップ, グフィキャット、および他の多くのオンライン サービスでは、クレジット カードを使わずに GIF を作成できますが、その利便性により制御レベルが犠牲になります。

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

Giphy ウェブサイトの GIF メーカー。

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

Giphy で GIF の長さを編集する。

ステップ 3: これらの要素を決定したら、 GIFの作成 ボタンをクリックして、残りの処理をサイトに任せます。

このプロセスは、ImgFlip を含む他のサイトでもほぼ同じです。 ただし、GIF の結果の品質をより細かく制御したい場合は、おそらく Photoshop を使用する必要があります。 とはいえ、基本的なビデオから GIF への変換機能については、Giphy などのサイトが問題なく動作するはずです。

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

上記のサイトなどを利用して、YouTube 動画から GIF を作成できます。 役立つステップバイステップのガイドもあります。 あらゆる YouTube ビデオから素晴らしい GIF を作成します.

以上です! これであなたは GIF の第一人者 (ソフトな「g」の発音がお好みなら GIF Jedi) になり、あなたのソーシャル メディア フィードが限りなくエキサイティングなものになろうとしています。

ただし、大いなる力には大いなる責任が伴うということを警告しておく必要があるかもしれません。 賢明に瞬間を選択し、どんなにかわいい猫であっても、低品質の猫 GIF の圧倒的な攻撃を友達に殺到させないでください。 時と場所があり、常に量よりも質が優先されます。 GIF は控えめかもしれませんが、伝説でもあります。 それはあなたの尊敬に値します。 それを学び、実践し、マスターしてください。

編集者のおすすめ

  • Mac でスクリーンショットを撮る方法: 2023 年のベストな方法
  • Chromebook から印刷する方法 — 簡単な方法
  • どれくらいの RAM が必要ですか?
  • PC、Mac、iOS、Android 用の最高の無料ペアレンタル コントロール ソフトウェア
  • Steam でゲームをギフトする方法