Photoshopを使用してアニメーションGIFを作成する方法
その他 / / February 10, 2022
![Gt 1](/f/9b4421f9ab3d8f4cf4fa76fbace16b55.png)
ただし、一見複雑に見えますが、GIFの作成は実際にはそれほど難しくありません。 実際には、 Photoshopをお持ちの場合、作成に必要なものはすべて揃っています。これは、このチュートリアルで説明する内容です。
準備? 始めましょう。
ステップ1: まず、GIFファイルを構成する画像ファイルを準備します。これは、すべてのGIFファイルが異なるフレームで構成されているためです。 つまり、GIFを構成するさまざまな「フレーム」がすでにあるはずです。 この例では、3つの単純な画像ファイル(以下に表示)で構成されるGIFを作成します。
![前の画像](/f/3c3f4320cb28f807e8ff60aba98daec9.png)
![画像の準備ができました](/f/7cdf86d8e27334499be68d1d38e82ec1.png)
ステップ2: Photoshopでファイルを開き(最初にPhotoshopで作成した場合を除く)、各ファイルが別々のレイヤーに属していることを確認します。 これを確認するには、最初のファイルを開いたら、をクリックします 新しいレイヤーを作成します。 右下のボタン レイヤー パネル(下に表示)と次を貼り付けます 画像ファイル 新しいレイヤーに。
![新しいレイヤー](/f/fe2bb5b13391c1a27c10ea812de8d624.png)
すべての画像が独自のレイヤーに追加されると、Photoshopのレイヤーパネルでは次のようになります。
![最終ファイル](/f/3487423a109962fff62b3937cd46a057.png)
ステップ3: さて、Photoshopで 窓 メニューをクリックし、 アニメーション オプション。 これにより、Photoshopのアニメーションパレットが表示されます。 完了したら、右下のボタン(下に表示)をクリックして、 タイムライン を見る フレーム ビュー。これにより、作業が少し簡単になります。
![アニメーションメニュー](/f/5e8b9c5679309e1be5917d03f73144d2.png)
![タイムラインビュー](/f/a0a1413a881361b3550ff76178e3d2d7.png)
![フレームビュー](/f/cf4d3ff8b311da3482a680e996f02896.png)
ステップ4: デフォルトでは、アニメーションパレットには、使用している画像(または「フレーム」)の1つだけが表示されます。 また、各フレームの下部に、最終的なGIFファイルに表示される時刻も表示されます。 それを変更したい場合は、それをクリックして希望の時間を選択してください。 選択した時間は、残りのフレームにも適用されます。
![フレームタイム](/f/f313e60e1932e4a81daaf3ad0a389843.png)
ステップ5: 次に、他の画像を配置するフレームを追加します。 これを行うには、アニメーションパレットでをクリックします。 フレームが重複しています ボタン。
![重複フレーム](/f/8940174b676e98d6d1e0207c6ddac7c7.png)
これにより、GIFを構成する2番目のフレームが追加されます。 ここで、コツを説明します。追加するフレームごとに、そのフレームに必要な画像を含む関連レイヤーのみが選択されていることを確認します。
レイヤー パレット。 たとえば、以下の画像を確認してください。![レイヤー0](/f/10b51398f6207ea5460dc9600323f3bb.png)
![レイヤー1](/f/e9bfc12f69e5e19b85ffa30524d40b70.png)
![レイヤー2](/f/b3e10b24fb8bb78d56d157e0bc2e96f6.png)
レイヤー1とレイヤー2をそれぞれGIFファイルの2番目と3番目のコンポーネントにしたいので、2番目と3番目のフレームにはどちらか一方のみを選択します。 最後に、アニメーションパレットには、GIFファイルのすべてのフレームが表示される順序で表示され、それぞれが表示される時間も設定されている必要があります。
![保存前の最終GIF](/f/bd7037b2e1726f17fba38209e67d643e.png)
ステップ6: 間もなく作成されるGIFのフレームの準備ができたら、それを保存します。 これを行うには、 ファイル メニューをクリックします Webとデバイス用に保存… ポップアップ表示されるウィンドウで、必ず下のGIF形式を選択してください。 プリセット.
![Web用に保存](/f/1c1f6a7e4830236d318145afcfce7286.png)
![Gifファイルを選択](/f/ace8325565a5061978e6e64c3143ec30.png)
さらに、このウィンドウで画像の上にあるタブをクリックすると、GIFファイルのさまざまな出力品質(もちろんさまざまなサイズ)を選択できます。
![GIF品質](/f/7c12f041ec34e71cf518444ccad0fc12.png)
![GIF対応](/f/4e55d941b443b82a46b3fa4dd1749d51.png)
GIFのサイズと品質を選択したら、をクリックします 保存する これで完了です。
![Gt](/f/2bc1f8921faa4c99b6efafcbbc10c008.gif)
GIFファイルをお楽しみください!
最終更新日:2022年2月3日
上記の記事には、GuidingTechのサポートに役立つアフィリエイトリンクが含まれている場合があります。 ただし、編集の整合性には影響しません。 コンテンツは公平で本物のままです。