• GIZMODO
  • FUZE
  • DIGIDAY
  • gene
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • roomie
  • machi-ya
  • GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie

itou  - ,,,  10:00 PM

アニメーションGIFを作ろう! 役立つツールと作り方

アニメーションGIFを作ろう! 役立つツールと作り方

DIYしよう


アニメーションGIFは、いわばインターネットのアートです。インターネットをちょっと切り取れば、ほら、出来上がり。あなたもこの楽しい遊びに参加してみませんか。

今回は、ビギナーから上級者まで、アニメーションGIFの作り方とオススメのツールを紹介します。



Jiffy: やっつけでYouTube GIFを作る人向け



Jiffy』は、GIF アニメを簡単に作れる Chrome 拡張機能です。ダウンロードはこちらから。


対象者:YouTube 動画から GIF アニメを作りたい人、字幕やエフェクトなどが不要で、画像品質もそれなりでいい人。また、Chome を使っている人。

使い方:Chome に Jiffy をインストールすると、YouTube 動画の概要の下にコントローラが表示されます。GIF にしたい映像の開始点を[Start time]に、終了点を[End time]に入力し、[Make GIF]ボタンをクリックします。すると、指定された区間の動画から GIF アニメーションを生成、アクセスリンクを表示してくれます。馬鹿みたいに簡単ですが、ちゃんと GIF アニメを作ってくれます。


Giffing Tool:気軽なGIFアーティスト向け


Giffing Tool』は、Windows 向けアプリで、フルバージョンは有料。無料版は、GIF アニメにウォーターマークがつきます。


対象者:それなりの編集作業をしたい人。動画フレームのトリミング、テキストの追加、品質の設定などが可能。アップデートも定期的です。

使い方:スクリーン上で領域選択した部分を録画し、それを元に GIF アニメーションを自動生成します。基本的な使い方は以下:

GIF アニメにする動画を準備します。録画するときは、始まりと終わりに少し余白を持たせるようにします。また、録画時間が短いほど画像品質は良くなります。

  1. Giffing Tool の[New]ボタンをクリック
  2. 録画したい部分を長方形で囲む
  3. 動画の再生ボタンをクリック
  4. 録画終了点まできたら、キーボードの[Esc]キーを押す
  5. Editor 画面が表示されるので、画面上部にあるタイムラインの緑と赤のハンドルを操作して、キャプチャーしたい動画の開始点と終了点を決める
  6. (オプション):ここで、テキストツールで字幕をつけたり、エフェクトツールでモノトーンにすることも可能
  7. 最後に、左のツールバーからフロッピーディスクのアイコンをクリック。GIF アニメが生成、保存される

なお、Editor 画面で画像の大きさや画像品質を変更できます。例えば、「Imgur」に無料でアップロードしたいなら、ファイルサイズが2 MB 以下になるよう調節しましょう。


GIMP:クロスプラットフォームの GIF クリエーター向け



GIMP』は無料でオープンソースの写真編集ツールですが、Photoshop に匹敵する機能を備えています。いくつか欠点もありますが、これほどパワフルで多機能な無料ツールはほかにありません。


対象者:Photoshop に大金を払いたくない Windows、Mac、Linux ユーザー。

使い方:GIMP で GIF アニメを作るには、GIMP 本体のほかに「GIMP Animation Package(GAP)」が必要です。GAP 2.6 の Windows バイナリ版はここからダウンロードできます。

まず、元の動画から、GIF アニメにしたい部分を録画します。動画のフォーマットは VLC で再生できるものなら何でもかまいませんが、MP4 形式が理想です(MKV 形式だとノイズが生じることがある)。

動画の録画手順は以下:

  1. VLC で動画ファイルを開く
  2. 表示メニューから[拡張コントロール]を選択
  3. 再生ヘッドを録画したい開始点の5〜10秒前にセット
  4. 赤い録画ボタンをクリック
  5. 動画の再生ボタンをクリック
  6. 録画の終了点まで来たら、もう一度録画ボタンをクリック
  7. ビデオライブラリに、録画した動画が保存される

次に録画された動画を元に GIF アニメを作ります。以下、動画から GIF を作る手順だけを紹介しますが、GIMP に慣れれば、動画にありとあらゆる編集を加えられます。

GIMP で GIF アニメを作る手順は以下:

  1. GIMP を開き、メニューから[Video]>[Split Video into Frames >[Extract Videorange]を選択
  2. ダイアログ画面が表示されたら、先ほど保存した動画ファイルを指定し、[OK]ボタンをクリック
  3. 次の画面が表示されたら、[Video Range]ボタンをクリックして、プレビューパネルを表示
  4. プレビューパネルのスライダーを操作して、GIF アニメにしたい映像の開始点と終了点のフレーム番号を調べます
  5. 左のパネルで、開始点のフレーム番号を[From Frame]に、終了点のフレーム番号を[To Frame]に入力
  6. [Output]のところにある[Create only one multilayer image]をチェックして、[OK]ボタンをクリック。すると、新しいウィンドウが開き、GIF アニメーションが表示される
  7. (オプション:)GIMP に精通しているなら、ここでさまざまな加工編集も可能。OKなら、エクスポート作業に移る
  8. メニューから[File]>[Export As]と選択
  9. 続いて出力先フォルダを指定。ファイル名を入力し、拡張子に「gif」をつける
  10. [Loop Forever]にチェックして、[Export]をクリック


GIMP に慣れていないと少し手間取るかも。GIMP のインターフェースはわかりずらいところがあるので...。とはいえ、GIMP が Mac や Linux ユーザーにはありがたい無料でパワフルな画像編集ツールであることには変わりありません。


Photoshop:本気で GIF アニメーションを作りたい人向け



Photoshop』は、プロのクリエイター御用達の画像編集アプリです。無料ツールを探している人にはまったくすすめられませんが、画像編集では最高峰のツールです。


対象者:画像品質にこだわる人。特殊なエフェクトをかけるなど、凝った GIF アニメを作りたい人。今回は GIF アニメの作り方だけを紹介しますが、アニメーションの製作には広大な世界が広がっています。Photoshop におけるアニメーション製作の入門ビデオはこちらにあります。

使い方:GIMP と同じく、最初に VLC で動画ファイルをクリップします。動画は MP4 形式が理想。まずは、動画から GIF アニメにしたい部分だけを抜き出します。

  1. VLC で動画を開く
  2. 表示メニューから[拡張コントロール]を選択
  3. 再生ヘッドを録画したい開始点の5〜10秒前にセットする
  4. 赤い録画ボタンをクリック
  5. 動画の再生ボタンをクリック
  6. 録画の終了点まで来たら、もう一度録画ボタンを押す
  7. ビデオライブラリに切り出した動画が保存される
ここからがお楽しみタイムです。Photoshop は超パワフルな画像編集ツールであり、アニメーションのフレームひとつひとつに、あらゆる効果や編集を加えられます。ただし今回は、Photoshop を使ってシンプルな GIF アニメを作る方法のみを紹介します。
  1. Photoshop で[ファイル]>[読み込み]>[ビデオフレームからレイヤ...]を選択
  2. ダイアログ画面が表示されたら、動画の下のハンドルを操作して、クリップしたい開始点と終了点を設定
  3. (オプション:)テキストツールやエフェクトを使ってフレームごとの編集も可。
  4. [ファイル]>[Web用に保存]を選択
  5. ここでさまざまな調整が可能。例えば、「GIF」が選択されたボックスの下を[割り付け]に変えてみます。ほかにも、いろいろできますが、基本的にデフォルトのままで OK
  6. 下の方にある[ループオプション]は「無限」を選択
  7. 最後に「保存」をクリック、ファイル名をつけて保存場所を指定


GIF アニメができたら、「Imgur」や「Minus」、「Dropbox」などにアップロードして、みんなとシェアしてください。もしくは、米Lifehacker編集部でやったみたいに、メールに添付して上司に送りつけてやりましょう。

ここで紹介したやり方はごく一部。ほかにもいろいろな方法があります。あなたのやり方をコメント欄で教えてください!


Eric Ravenscraft(原文/訳:伊藤貴之)

  • ,,,,, - By

    香川博人

    LIKE

    2020年に向けて進むキャッシュレス化。 企業にとっての「電子決済」のメリットとは?

    Sponsored

    2020年に向けて進むキャッシュレス化。 企業にとっての「電子決済」のメリットとは?

    2020年に向けて進むキャッシュレス化。 企業にとっての「電子決済」のメリットとは?

    先日、政府は2017年度から公共料金や備品経費の支払いを全面的に電子決済にすることで、30億円の人件費削減が期待できるという発表をしました。 電子マネーやクレジットカード、ネットバンキングの普及により、私たちは現金だけではなく、時間と手間のかからない電子決済を活用する機会が増えていますが、それは企業や法人にとっても大きなメリットがあるようです。 そこで今回、現金決済から電子決済へとキャッシュレス  05:00 PM

MORE FROM LIFEHACKER

powered by
    
    
    
  • ラーメンズ DVD-BOX
  • ポニーキャニオン
  

Kotaku

Recommended

© mediagene Inc.