しかし、一見複雑に見えますが、GIFを作成するのはそれほど難しくありません。 実際、Photoshopをお持ちの場合は、作成に必要なものがすべて揃っています。これが、このチュートリアルで紹介する内容とまったく同じです。
準備はいい? 始めましょう。
ステップ1:すべてのGIFファイルは異なるフレームで構成されているので、まずGIFファイルを構成する画像ファイルを準備します。 つまり、GIFを構成するさまざまな「フレーム」がすでにあるはずです。 この例では、3つの単純な画像ファイルで構成されたGIFを作成します(下記参照)。
ステップ2: Photoshopでファイルを開き(最初にPhotoshopで作成した場合を除く)、各ファイルが別々のレイヤーに属していることを確認します。 これを確実にするために、最初のファイルが開かれたら、(以下に示される) Layers パネルの右下にある Create a new layer.. ボタンをクリックして、次の画像ファイルを新しいレイヤに貼り付けます。
すべての画像が独自のレイヤーに追加されると、それらはPhotoshopのレイヤーパネルに次のように表示されます。
ステップ3:これで、Photoshopの ウィンドウ メニューに行き、 アニメーション オプションをクリックします。 これでPhotoshopのアニメーションパレットが表示されます。 表示されたら、右下のボタン(下図)をクリックして タイムライン ビューから フレーム ビューに切り替えます。これにより、作業が少し楽になります。
ステップ4:デフォルトでは、アニメーションパレットはあなたが持っている画像(または「フレーム」)の1つだけを表示します。 また、各フレームの下部に、最終GIFファイルに表示される時間も表示されます。 変更したい場合は、それをクリックして希望の時間を選択してください。 選択した時間は残りのフレームにも適用されます。
ステップ5:今、あなたの他の画像が行くところにいくつかのフレームを追加します。 それをするには、アニメーションパレットの 複製フレーム ボタンをクリックしてください。
これでGIFを構成する2番目のフレームが追加されます。 さて、ここでトリックがあります:追加されたすべてのフレームのために、そのフレームのためのあなたの望ましいイメージを含む適切なレイヤーだけが レイヤー パレットで選択されることを確認してください。 下記の画像を確認してください。
レイヤー1とレイヤー2をそれぞれGIFファイルの2番目と3番目のコンポーネントにしたいので、2番目と3番目のフレームにはどちらか一方だけを選択します。 最後に、アニメーションパレットにGIFファイルのすべてのフレームが表示順に表示され、それぞれのフレームの表示時間も設定されます。
ステップ6:間もなく開始予定のGIFのフレームの準備が整ったら、それを保存します。 これを行うには、 [ファイル]メニューの[Webとデバイス用 に 保存]をクリックし ます。 ポップアップウィンドウで、[プリセット]の 下にある[GIF形式]を選択します。
さらに、このウィンドウのあなたのイメージの上のタブをクリックすることによって、あなたはあなたのGIFファイルのために異なる出力品質(もちろん異なるサイズで)を選択することができるでしょう。
GIFのサイズと品質を選択したら、[保存]をクリックして完了です。
あなたのGIFファイルを楽しんでください!