アニメ(GIF)の作り方

著者: Robert Simon
作成日: 21 六月 2021
更新日: 22 六月 2024
Anonim
PhotoshopでアニメーションGIFの作り方【超簡単】
ビデオ: PhotoshopでアニメーションGIFの作り方【超簡単】

コンテンツ

アニメーションは単純なアニメーションです。一連の写真や短いビデオを所有している場合、オンラインツールを使用してアニメーション化するのに数分しかかかりません。アニメーションの高度な編集や速度の制御が必要な場合は、GIMPの無料ソフトウェアを入手してください。

手順

方法1/2:オンラインツールを使用して簡単なアニメーションを作成する

  1. 一連の写真またはビデオを選択します。 コンピューター上にフォルダーを作成して、アニメーションの作成に使用する画像を保存します。各写真はアニメーションのフレームです。さらに、短いビデオをアニメーションに変換できます。

  2. オンラインでアニメーション(GIF)ページにアクセスします。 imgflip、ma​​keagif、gifmakerなどのオンラインアニメーションツールはたくさんあります。 GIMPや他の写真編集ソフトウェアほど多くの機能はありませんが、ダウンロードや登録をしなくてもすばやく簡単に使用できます。
  3. ビデオをカットします(オプション)。 ビデオファイルからアニメーションを作成する場合は、ビデオ全体をアップロードするのではなく、短いクリップをカットする必要があります。 VLCソフトウェアを完全に無料でダウンロードしてビデオを簡単にカットし、次の手順に従ってください。
    • VLCを起動し、[ファイル]→[ファイルを開く...]コマンドを使用してビデオファイルを開きます。
    • アニメーション画像に変換するビデオの開始位置を決定します。
    • トップメニューから再生→録音コマンドを選択します。
    • 「アニメート」したいところまでビデオを再生します。 [記録]コマンドを選択して、記録を終了します。サイズが小さい新しいファイルは、元のファイルと同じフォルダーに保存されます。

  4. 写真やビデオをアップロードします。 画像のアップロード機能を見つけます。ビデオを変換する必要がある場合は、ビデオのアップロード機能を見つけてください。
    • インターネットの速度が遅い場合やファイルが大きい場合、ビデオのダウンロードにはかなりの時間がかかることがあります。さらに良いことに、数秒の長さのビデオをダウンロードしてください。

  5. アニメーション編集。 これらのオンラインツールでは、写真を間違った順序でアップロードした場合に備えて、通常、アニメーション内の写真の順序を変更できます。テキストの挿入、画像のサイズ変更、アニメーションの速度の設定を行うことができます。
  6. アニメーション。 [GIFの生成]、[gifの作成]、または[今すぐ作成]機能を見つけます。写真またはビデオはアニメーションに変換されます。通常、フォーラムへのアニメーション画像の投稿、画像のアップロード、HTMLコードの埋め込みなど、さまざまなオプションを利用できます。広告

方法2/2:GIMPソフトウェアでアニメーションを作成する

  1. GIMPをダウンロードします。 GIMPは、オープンソースの画像編集ソフトウェアであるGNU Image ProcessingSoftwareの略です。 gimp.org/downloadsから無料でダウンロードできます。 GIMPを使用すると、アニメーションのすべてのフレームを編集し、速度を変更して、より滑らかな画像のために最適化された形式で保存できます。
  2. アニメーション画像に変換する画像ファイルを開きます。 トップメニューから[ファイル]→[開く]を選択し、コンピューターで使用可能な画像を選択します。自分でアニメーションを作成する場合は、[ファイル]→[新規]コマンドを選択します。
    • 複数の画像レイヤーを持つ組み込みのGIMPアニメーションを使用する場合は、[画像]→[画像のフラット化]コマンドを使用して、レイヤーを1つにマージします。このレイヤーはアニメーションのフレームになります。
  3. 写真を追加します。 アニメーション化する画像が複数ある場合(一連のスクリーンショットなど)、[ファイル]→[レイヤーとして開く]コマンドを使用して画像を開きます。写真が1つしかないのに自分でアニメーションを作成したい場合は、画面左側の[レイヤー]ウィンドウで[レイヤーの複製]機能を使用します。写真アイコンを右クリックして[レイヤーの複製]を選択するか、重なり合う2つの写真のアイコンをクリックします。
    • 各レイヤーはアニメーションフレームを形成します。最下層の画像が最初に表示され、次に上層の画像が次々に表示されます。ドラッグアンドドロップで写真の順番を変更できます。
    • 写真は同じサイズである必要があります。そうでない場合、アニメーションを保存するときに大きな画像がトリミングされます。
  4. 下のレイヤーを編集するために上のレイヤーを非表示にします(オプション)。 画像を編集したりテキストを挿入したりする場合は、編集する画像の上のレイヤーを非表示にする必要があります。そうしないと、編集内容を表示できません。 [レイヤー]ウィンドウでこれを行うには、2つの方法があります。
    • 各画像の横にある「目」アイコンをクリックして、レイヤーを非表示にします。写真を表示したいときはもう一度クリックしてください。
    • または 画像レイヤーを選択し、レイヤーウィンドウのすぐ上で不透明度を調整します。露出が少ないと画像が透明になります。これは、テキストを挿入したり、複数のフレームで編集したりする場合に非常に便利です。それらを完全に積み重ねることができます。
  5. フレーム補正(オプション)。 必要に応じて、GIMPの編集機能の詳細を学ぶか、基本的な手法を使用することができます。画面右側の「レイヤー」ウィンドウのアイコンから編集する写真を選択し、次の手順に従います。
    • 左側の[ツールバー]ウィンドウで、[スケールツール](大きな正方形を指す矢印の付いた小さな正方形のアイコン)を選択して、画像のサイズを変更します。すべてのレイヤーの画像サイズは同じである必要があります。
    • ツールバーウィンドウで「A」アイコンを選択し、画像をクリックしてテキストを挿入します。テキストを入力し、表示されるツールを使用してサイズ、フォント、色を調整します。完了したら、[レイヤー]→[下にマージ]コマンドを使用して、テキストフレームと下にある画像レイヤーを結合します。
  6. アニメーションを確認します。 編集後、トップメニューから「フィルター」→「アニメーション」→「再生...」を選択します。ウィンドウの実行アイコンをクリックして、アニメーションを表示します。
  7. 時間調整。 [レイヤー]ウィンドウに移動し、画像レイヤーを右クリックします(または、Ctrlキーを押してから一部のMacコンピューターをクリックします)。 [レイヤー属性の編集]コマンドを選択します。名前の後に「 (XXXXms)、Xs部分を、画像レイヤーを表示するミリ秒数に置き換えます。残りの画像レイヤーについても同じようにします。再生を開いて編集後のアニメーションを表示し、満足するまで調整を続けます。
    • ビデオから作成されたほとんどのアニメーションは、通常、毎秒10フレーム(フレームあたり100ミリ秒)で実行されます。
    • この手順をスキップして、ファイルをエクスポートするときにデフォルトの速度を選択できます。
  8. アニメーションを最適化して、よりスムーズに実行します。 コマンドFilter→Animation→Optimize(GIFの場合)を選択します。これにより、はるかに小さいサイズのコピーが作成されます。残りの手順でコピーを続行します。
    • 最適化の前に、各フレームは完全にロードされました(「置き換えられました」)。最適化されると、編集領域のみがロードされます(「結合」)。
    • この手順をスキップして、ファイルエクスポートプロセスで最適化を行うことができます。
  9. ファイルをアニメーション形式でエクスポートします。 [ファイル]→[名前を付けてエクスポート...]コマンドを選択します。ウィンドウの下部にある[ファイルタイプの選択]をクリックしてその他のオプションを表示し、下にスクロールして[GIF]を選択します。 [エクスポート]を選択すると、新しいウィンドウが表示されます。詳細については、以下で説明します。
  10. オプションを設定し、ファイルのエクスポートを完了します。 新しいウィンドウの[画像をGIFとしてエクスポート]で、[アニメーションとして]の横のチェックボックスをオンにします。 [エクスポート]をクリックして終了するか、前のオプションを変更します。
    • アニメーションを1回だけ再生する場合は、[永久にループ]オプションをオフにします。
    • 時間調整の手順をスキップした場合は、ここで設定してください。デフォルトでは、100ミリ秒、つまり1秒あたり10フレームに設定されています。アニメーションを速く実行したい場合は時間を短縮し、遅くしたい場合は時間を増やします。
    • 最適化の手順をスキップする場合は、ファイルをエクスポートするときに[フレームの破棄]オプションを探し、[累積レイヤー(結合)]を選択します。
    広告

助言

  • 古いバージョンのAdobePhotoshopには、AdobeImageReadyソフトウェアが付属しています。所有している場合は、Photoshopで各フレームを個別のレイヤーとして作成してから、上記の手順と同様に、ImageReadyを使用してアニメーションを作成します。
  • GIMPには、[フィルター]→[アニメーション]タブにいくつかのアニメーション効果があります。消えたりブレンドしたりするなど、写真のレイヤー間にぼかし効果を追加することができます。
  • 高度な機能を使用したい場合は、インストールしてください Gimpアニメーションプラグイン (GAP)およびオンラインユーザーマニュアルを参照してください。 GAPは64ビットバージョンのWindowsおよびGIMP2.8では機能しません。GIMP2.6をダウンロードする必要があります。

警告

  • アニメーションは非常に大きなファイルであるため、アップロードにはかなりの時間がかかります。使用する色を減らし、ディザリングを避けて画像のサイズを小さくすることができます。