Photoshop CS6を使用して画像からアニメーションGIFを作成する方法

私は最近、私のいとこの面白い写真をいくつか撮り、Google+によって自動的に作成された「Auto Awesome」の代わりに自分のアニメーションGIFを作成したいと思いました。私はPhotoshop CS6をインストールしているので、私はそれを一撃して何が起こるか見てみました。最初は、かなり簡単な方法だと思いました。画像を別々のレイヤーにインポートしてから、アニメーション付きのGIFファイルとして保存するだけです。違う!

この方法でGIFを作成しようとすると、[Web用に保存]ダイアログの[アニメーション]セクションがグレーアウトされていることがわかります。これを有効にしてループオプションを選択できるようにするには、Photoshop CS6でフレームアニメーションと呼ばれるものを作成する必要があります。それは複雑に聞こえますが、それはとても簡単です。この記事では、静止画像を使用して独自のアニメーションGIFを作成するための手順を説明します。.

また、ビデオをインポートしてそれをアニメーションGIFに変換する方法についても説明します。ビデオをインポートするときのインポートプロセスのみが異なります。残りの手順は同じです。.

ステップ1 - すべての画像をインポートする

あなたがしなければならない最初の事は一つのphotoshopファイルの別々の層にあなたのすべての画像をインポートすることです。たとえば、6つの画像がある場合は、それらすべてをPhotoshopで開き、新しいファイルを作成して、各画像を新しいファイルの別々のレイヤーにコピーして貼り付けます。レイヤ1は開始画像で、最後のレイヤはアニメーションの最後の画像になります。.

プロセスのこの部分は、おそらくすべてのステップのうち最も時間がかかります。 Photoshopでこれを行うにはおそらくもっと簡単で速い方法がありますが、私はプロユーザーではないので、各画像を手動でコピーして新しいPhotoshopファイルに貼り付けます。あなたがより速い方法を知っているならば、私にコメントで知らせてください.

ステップ2 - フレームアニメーションを作成する

2番目のステップは、Photoshop自体で実際のアニメーションを作成することです。これを行うには、まずタイムラインウィンドウを開く必要があります。に上がります 窓 そして選ぶ タイムライン.

今、あなたは見るでしょう タイムライン 画面下部にウィンドウが開きます。最初は完全に空のはずです。フレームアニメーションを作成するには、タイムラインボックス内の任意の場所を右クリックして、 フレームアニメーションを作成する.

これを行うと、タイムラインに1つの画像しか表示されず、左上隅に小さな1が表示されます。レイヤーパネルで選択した画像か、最後に追加されたレイヤー（アニメーションの最後の画像）になります。この時点で、それは1フレームのアニメーションです。.

代わりに、すべてのレイヤーをアニメーションに含めるようにします。これを行うには、タイムラインウィンドウの右端にある小さな下向きの矢印ボタンをクリックする必要があります。小さな下向きの矢印があり、その隣に2本の水平線があります。クリックすると、というオプションが表示されます。 レイヤーからフレームを作る.

これで、あなたはあなたのファイルの中にあるそれぞれのレイヤーのためのフレームを見るはずです。各フレームはまた、各フレームが表示される時間の長さを選択することができます画像の下に少しドロップダウンがあります.

上の図からわかるように、最初のフレームは5秒で、残りは0に設定されています。それに応じて調整する必要がありますが、カスタムの時間を選択することもできます。.

各フレームの時間を選択したら、最後のステップ、つまり新しいアニメーションをGIFファイルに保存する準備が整いました。.

ステップ3 - GIFファイルを保存する

それでは、アニメーションGIFを保存しましょう。これを行うには ファイル をクリックして Web用に保存. 保存ダイアログの一番下に、Animationセクションが表示されます。このセクションはグレーアウトされていません。.

ここでのあなたの選択肢は理解するのがとても簡単です。保存する前に、実際にどのようにループさせてアニメーションをプレビューするかを選択することしかできません。それはそれについてです！うまくいけば、このガイドはあなたが問題なくPhotoshop CS6であなたのアニメーションGIFを作成するのを助けるでしょう!

結論

言及する価値があることがいくつかあります。まず、アニメーションGIFが大きすぎる場合は、複数のレイヤーを含む最終的なPhotoshopファイルを作成する前に、まず個々の画像のサイズを小さくする必要があります。アニメーションを作成するために写真の一部しか必要ない場合は画像をトリミングすることも、画像全体のサイズを縮小することもできます。.

第二に、あなたがビデオを持っているなら、あなたはに行くことによって自動的にレイヤーにビデオフレームをインポートすることができます ファイル, それから インポート をクリックして ビデオフレームからレイヤー.

だからそれだけです。繰り返しますが、サイズを管理するために、小さいGIFファイルを作成するために画像の品質を下げる必要があるかもしれません。楽しい!