PhotoshopでアニメーションGIFをカスタマイズする方法

フォトショップでアニメーションGIFをカスタマイズする方法

ノエル・ニコルズ



Photoshopは、ビデオの明るさや色の曲線などをすばやく調整できる優れたツールです。これにより、アニメーションGIFを簡単に作成することもできます。

GIFを初めてカスタマイズできるのは、最初に作成したときだけです。残念ながら、PhotoshopはGIFをフレームに読み込まないため、以前にインポートしたG​​IFをインポートしようとすると、アニメーションを編集できなくなります。



GIF作成用のフッテージのインポート

Photoshopはビデオファイルを簡単に読み取ることができます。ファイル>インポート>ビデオフレームをレイヤーに移動するだけで、ビデオファイルが開きます。



GIFに必要なフレーム範囲を選択することも、セクション全体をインポートすることもできます。 [OK]をクリックすると、GIFを再生してスクラブできるようになります。下部にタイムラインが表示されない場合は、[ウィンドウ]> [タイムライン]に移動して表示できます。

Photoshopで特定のフレームを編集する

Photoshopで特定のフレームを編集する

ノエル・ニコルズ

フッテージをインポートしたら、フレームを選択してゴミ箱を押すか、ゴミ箱の左側にある複製ボタンを押すことで、GIFから特定のフレームを削除または複製するオプションもあります。

簡単なヒント



GIFに入れるフレームが多いほど、ファイルサイズが大きくなることに注意してください。あまりにも多くのフレームを追加する前に、人々が画像をロードするのにかかる時間を考慮してください。

画像サイズを簡単に変更し、GIFを切り抜く

画像サイズの調整とGIFのトリミングは本当に簡単です。

すべてのフレームが独自のレイヤー上にあるため、基本的にPhotoshopで開いている画像は1つだけです。したがって、画像を切り抜くには、切り抜きツールをつかんで、通常の写真のように使用するだけです。



画像サイズの調整は、写真でサイズを変更するのと同じです。 (画像>画像サイズ)

エフェクトの使用とGIFの色の調整

すべてのフレームを一度に実行するには、調整レイヤーを使用する必要があります。これにより、1つの簡単な設定で、すべてのフレームの色、レベル、明るさ、またはその他の属性を変更できます。

フレームをグループに編成します。

フレームをグループに編成します。

ノエル・ニコルズ



新しい調整レイヤーを作成する

  1. [レイヤー]> [新しい調整レイヤー]に移動し、変更する属性を選択します。
  2. レイヤーウィンドウで、新しい調整レイヤーが一番上にあることを確認します。調整レイヤーの下にあるものはすべて影響を受けます。これを使用して、特定の範囲のフレームを選択的に編集できます。
  3. 調整レイヤーはいくつでも追加できます。レイヤーをダブルクリックするか、右クリックして[調整の編集]を選択することで、後で効果を変更することもできます。

すべてのフレームを1つの場所に保持する簡単な方法は、フレームをグループ化することです。これにより、テキストを簡単に追加できるため、誤ってフレームの順序を変更することがなくなります。また、レイヤーウィンドウをきれいに保ちます。


GIFにテキストを追加する

GIFにテキストを追加する

ノエル・ニコルズ

GIFにテキストを追加する方法

GIF全体にテキストを追加する場合、または選択したフレームにテキストを追加する場合は、どちらの方法も簡単に調整でき、簡単です。実際には同じプロセスです。通常どおりに書体や色を編集、変更できます。

調整レイヤーと同様に、テキストレイヤーの下にあるものにはすべてテキストが表示されます。したがって、選択したフレームにテキストを簡単に追加するには、テキストを表示する最後のフレームの真上にテキストを配置するだけです。

GIF全体にテキストが必要な場合は、レイヤーリストの一番上に配置するだけです。

GIFを保存する

PhotoshopからGIFを保存するには、特別な方法があります。 .gifとして保存するだけでは、アニメーションは保存されません。

GIFがすべてのフレームとアニメーションとともに保存されていることを確認するには、[ファイル]> [Web用に保存]に移動し、形式がGIFであることを確認します。また、ファイルを圧縮してファイルサイズを縮小し、インターネット上でのストリーミングを改善することも検討する必要があります。

[2アップ]タブを選択すると、設定を簡単に比較できます。 GIFの見栄えが良く、画像サイズが大きくないことを確認する必要があります。

上のGIFレイヤーに変更を加えたい場合は、Photoshopファイルとして保存することを忘れないでください。そうしないと、GIFをインポートして特定のフレームを編集できなくなります。

コメント

ジョナス・ロドリーゴ2015年7月26日:

ノエル、これはとても便利なハブです。私はまだフォトショップの基本を学ぼうとしていますが、このプロジェクトを自分で行う準備ができていると思うときのために、これをブックマークします。

プロセスカラー定義

ノエル(作者)2013年6月28日にデンバーから:

こんにちはジャミン、調整レイヤーの下にすべてのレイヤーをグループ化してみて、それがうまくいくかどうかを確認してください。

ジャミンI2013年6月27日:

調整レイヤーを作成したとき、それが一番上にあったとしても、1つのレイヤーにしか影響しませんでした...

カーリー・サレンス2013年4月9日にミズーリ州セントルイスから:

あなたは読者が理解できるように複雑な情報を説明するのが本当に得意です。

ディルビル2013年4月8日にインドから:

優れたハブ、レッスンが簡単になりました、私はこのハブが好きです。共有していただきありがとうございます。