MILK2017/3/3更新PhotoshopでGIFアニメを作る方法タイトルとURLをコピーPhotoshopでは、タイムラインパネルを使用することでアニメーションフレームを作成し、作成したアニメーションフレームをGIFアニメーションとして書き出すことが可能です。漫画のように、複数枚の画像を用意して、画像をおくる速さなどを調節するだけで、簡単にアニメーションを作ることができます。そこで今回は、PhotoshopでGIFアニメーションを作る方法をご紹介します。PhotoshopでGIFアニメを作る方法Photoshopを起動したら、新規キャンバスを作成します。タイムラインパネルを表示するメニューバーからウィンドウを押して、タイムラインを選択します。タイムラインパネルが表示されました。「ビデオタイムラインを作成」の右側の下向きの矢印を押して、「フレームアニメーションを作成」を選択してください。「ビデオタイムラインを作成」のボタンが「フレームアニメーションを作成」のボタンに切り替わるのでクリックします。フレームアニメーションを作成するタイムラインのパネルになりました。GIFアニメを作成するそれでは、実際に作成してみたいと思います。最初のコマにロゴを配置しました。ゴミ箱のアイコンの左にある「選択したフレームを複製」アイコンを押して、フレームを複製します。コマを増やしたら、はじめに作成したレイヤーを複製して変形させたり、位置を移動させてみましょう。形や位置が異なるコマが連なって、アニメーションになります。コマの数だけレイヤーを用意するのがコツです。フレームの下にある秒数をクリックすると、各フレームが表示される時間を編集できます。フレームが繰り返される回数を設定することもできます。再生ボタンを押すと、プレビューが出来るので確認しながら各設定を確認していきましょう。GIFアニメを書き出す後はメニューバーのファイルを押して、書き出し→書き出し形式を選択して、GIF形式で書き出せばGIFアニメーションの作成が完了です。まとめ動きのない画像よりもアニメーション画像のほうが、面白かったり、注意を引くことができますよね。今回紹介した方法を活用してGIFアニメーション作りにチャレンジしてみましょう。MILKはより良いサービスやプロダクトを作りたい人のためのメディアです。