Adobe Photoshop CS5は強力な画像編集プログラムであり、必要になる可能性のあるほぼすべての種類の画像を作成または編集するために使用できます。ただし、Photoshop CS5は、Webサイトに配置したり、友達と共有したりする可能性のある画像など、オンラインで配置することを目的とした画像の作成に特に長けています。人気のある画像の選択肢はアニメーションGIFです。これは、作成が簡単で動きがありますが、通常の静止画像のように投稿できるためです。 Photoshopには、Photoshop CS5でアニメーションGIFを作成できる便利なツールがいくつかあります。また、Photoshop CS5でアニメーションGIFをカスタマイズして、必要な仕様に準拠させることもできます。
PhotoshopCS5でアニメーションGIFのフレームを準備する
Photoshop CS5のアニメーションGIFは、実際には5つの別々の画像であり、レイヤーとして配置します。各レイヤーは画像のフレームを表すため、アニメーションGIFでアクションまたは動きが発生していることを示すために、各フレームはわずかに異なる必要があります。このチュートリアルでは、黒い背景を横切って移動する星のアニメーションGIFをPhotoshopCS5で作成します。アニメーションGIFは、5つの異なるフレームで構成され、星は各フレームのわずかに異なる位置にあります。個別の画像は次のようになります。
わかりやすくするために、画像に1.gif、2.gif、3.gif、4.gif、5.gifのラベルを付けました。これは、表示する順序を覚えておくのに役立ちます。各画像は同じサイズ、100×100ピクセルです。
Photoshop CS5でアニメーションGIFの作成を開始するには、Photoshopを起動してクリックします。 ファイル ウィンドウの上部にあるをクリックします 新しい、次に画像のサイズを設定します。画像パラメータを設定したら、[ わかった ボタンをクリックして、空白のキャンバスを作成します。
次に行うことは、PhotoshopCS5でアニメーションGIFに含める画像を含むフォルダーを開くことです。 Windowsエクスプローラーでフォルダーを開いていることに注意してください。 開ける Photoshopのコマンド。 Windowsエクスプローラーは、コンピューター上のフォルダーやファイルを参照するために使用するプログラムであり、コンピューター画面の下部にあるタスクバーのフォルダーアイコンをクリックして起動できます。画像を含むフォルダが開いたら、キーボードのCTrlキーを押しながらすべての画像を選択し、PhotoshopCS5キャンバスにドラッグします。
これにより、キャンバスが変更され、次の画像のように、フレームの1つにXが表示されます。
これが表示されたら、を押します 入力 キーボードで各画像をPhotoshopのレイヤーとして挿入します。すべての画像が追加されると、 レイヤー Photoshopの右側のウィンドウは次のようになります。
アニメーションGIFの最後のフレームとして表示する画像は、最上位のレイヤーである必要があることに注意してください。レイヤーの順序が間違っている場合は、レイヤー内でドラッグするだけです。 レイヤー 正しい順序になるまでウィンドウを表示します。
今、あなたは開く必要があります アニメーション ウィンドウをクリックすると、 窓 Photoshopの上部にあるメニューをクリックし、 アニメーション オプション。 The アニメーション ウィンドウは、Photoshopの下部に水平ウィンドウとして開きます。
の右上隅にあるボタンをクリックします アニメーション ウィンドウ（ボタンは4本の水平線の横にある下向きの矢印のように見えます）をクリックしてから、 レイヤーからフレームを作成する オプション。
の右側にある下向きの矢印をクリックします 0秒 のフレームの1つの下 アニメーション ウィンドウで、そのフレームをアニメーションGIFに表示する期間を選択します。画像のフレームごとにこの手順を繰り返します。私は選ぶのが好きです 1.0 Photoshop CS5の多くのアニメーションGIFのフレームの長さですが、最適な長さが見つかるまで、さまざまな長さを試してみてください。
アニメーションGIFがすべてのフレームをループする回数を指定することもできます。 永遠に 下部にあるドロップダウンメニュー アニメーション 窓。私は使っている 永遠に この記事の最後にあるアニメーションGIFのオプションとして、このページを離れるまでアニメーションGIFが継続的に循環することを意味します。
これで、Photoshop CS5でのアニメーションGIFの作成が完了したので、保存する必要があります。クリック ファイル ウィンドウの上部で、をクリックします Webとデバイス用に保存。ウィンドウの右上隅にあるドロップダウンメニューをクリックして、 GIF オプションをクリックし、 保存する ウィンドウの下部にあるボタン。
ファイルの名前をに入力します ファイル名 フィールドをクリックし、 保存する ボタン。次に、フォルダ内に作成された画像をダブルクリックして、アニメーションGIFを起動し、作成したものを確認できます。以下は、PhotoshopCS5画像のアニメーションGIFの例です。
