写真で動画からアニメーションGIFを作る方法

ページ名:写真で動画からアニメーションGIFを作る方法

動画の面白いGIFアニメを見て、自分も作れたらいいなと思ったことはありませんか?今なら簡単に作れます!PhotoshopCS5でGIFアニメを作る方法をご紹介します。

1

ビデオをインポートします。

  1. 動画をGIFアニメにするには、各フレームを別々のレイヤーにする必要があります。MOV、.AVI、.MPG、.MPEG、.MP4形式の動画であれば、CS5で簡単にできます。やり方は以下の通りです:
    • ファイルメニューをクリックし、インポートを選択します。
    • ビデオフレームをレイヤーへ」をクリックします。
    • ビデオを選択し、読み込みをクリックします。
2

使用するフレームを選択します。

  1. "インポートする範囲 "で適切な選択をチェックする。いくつかのフレームだけを選択するには、"選択範囲 "にチェックを入れます。このオプションにより、GIFがより速く変換されます。サイズ/レイヤーも小さくなるので、GIFを簡単に編集できるようになります。この場合、ビデオのスライダーを開始点に移動し、シフトを押したまま終了点に向かってドラッグして、セクションがハイライトされたことを確認します。
    • 高フレームレートのビデオ(毎秒60フレーム以上)の場合は、「[x]フレームごとに制限する」をチェックし、「x」の代わりに数字を入力します。これにより、フレームレートを'x'で割ったx番目のフレームごとに選択され、変換が速くなり、画像サイズが小さくなります(品質も低くなります)。フレームレートは15~30程度が望ましいでしょう。
3

OK "をクリックします。

  1. これで動画がレイヤーに変換されます。このレイヤーをアニメーションGIFに変換することができます。
4

アニメーションパネルを開きます。

  1. ウィンドウメニューをクリックし、アニメーションを選択します。アニメーションパネルでは、アニメーションの個々のフレームを操作することができます。
5

フレームを整理します。

  1. アニメーションパネルで、アニメーションが思い通りになるまで、不要なフレームを切り詰めます。新しいフレームを追加するのもこのタイミングです。フレーム数が少なければ、サイズが小さくなり、ウェブサイトに掲載するときにGIFの読み込み時間が短くなることを覚えておいてください。
    • 右のスクリーンショットのように、アニメーションの時間をチェックしてください。数字が大きければ大きいほど、アニメーションは遅くなり、スムーズではなくなります。
6

永遠ループをオンにします。

  1. 左下にあるForeverを選択し、アニメーションフレームの左下にある "Forever "にチェックを入れます。これでGIFが永遠にアニメーションし続けるようになります。
7

アニメーションをトリミングします。

  1. アニメーションGIFのトリミングは簡単です。ツールバーの左上にある "矩形マーキーツール "を選択し、フォーカスしたい部分を選択します。イメージ "メニューをクリックし、"トリミング "を選択すると、それ以外の部分が切り取られます。
8

アニメーションのサイズを変更します。

  1. 画像サイズを小さくします。これを行うには、イメージメニューをクリックし、イメージサイズを選択し、新しい寸法を選択します。適切なサイズを選ぶことをお勧めします。そうしないと、GIFが奇妙に見えてしまうからです。一般的には、元のGIFの半分のサイズを選びます。
9

アニメーションをGIFとして保存します。

  1. GIFとしてファイルを保存するのは、他のフォーマットで保存するのとは少し違います。
    • ファイル」メニューをクリックし、「ウェブとデバイス用に保存」を選択します。
    • 設定を「GIF」に変更して、アニメーションであることを確認します。
    • プレビューをクリックして、すべてが正しく見えることを確認します。何かを変更したい場合は、いつでもキャンセルをクリックしてPhotoshopに戻ることができます。
    • GIFメニューの設定は圧縮を適用します。ファイルサイズが小さいほどブラウザでの読み込みは速くなりますが、見栄えが悪くなる可能性があります。GIFは、設定を試してみればわかるように、色を捨てて圧縮します。
    • ウェブ用に保存ダイアログボックスの上部タブで2アップを選ぶと便利です。これにより、「保存前と保存後」が表示され、ファイルサイズのプレビューも表示されます。
    • 問題がなければ、「保存」をクリックします。ファイル名を記入して保存する。
この記事は、CC BY-NC-SAで公開されている「 How to Make an Animated GIF from a Video in Photoshop CS 5」を改変して作成しました。特に断りのない限り、CC BY-NC-SAで利用可能です。

シェアボタン: このページをSNSに投稿するのに便利です。

コメント

返信元返信をやめる

※ 悪質なユーザーの書き込みは制限します。

最新を表示する

NG表示方式

NGID一覧