回りすぎである。

無料フォトレタッチソフト”GIMP”で10分、シネマグラフの簡単な作り方【GIFアニメ作成方法】

 今回は無料のphotoshopと名高い、高度な編集機能を備えた無料で使える本格フォトレタッチソフト「GIMP」を用いたGIFの作り方をご紹介する。特にシネマグラフの手法に挑戦をする。非常に簡単にアーティスティックでクールなGIFアニメが作成できる方法なので、ぜひお時間がある際に挑戦していただきたい。また時間がある際にPhotoshopでの作成方法も解説することとしよう。

【GIMPダウンロード】

http://www.gimp.org/downloads/

 

 

 過去にはAdobe Photoshop を用いて10分でできる「位置&透明度」を操作した簡単なアニメーションGIFの作成方法についての説明もしている。Photoshopで作るGIF作成方法に関しては以下の記事をご参考にして欲しい。

1.Photoshopで10分、ハイクオリティGIFアニメの作り方【不透明度テクニック】

2.進捗どうですか?Photoshopで10分、GIFアニメの作り方【位置テクニック】

ご一読頂ければ幸いである。

 

今回のテーマは「シネマグラフ-cinemagraph-」である。

 

シネマグラフの作品例

注ぎすぎである。

 

 

息を吐きすぎである。

 

 

水だしすぎである。

 

このように、動画のある一部分だけを動かし、その他の部分を動かさないことで非常に芸術的な作品を創ることができる手法である。シネマグラフ(Cinemagraph)とは Jamie Beck と Kevin Burgらが公開したモーショングラフィックスやアートなGIF作成手法である。 

 

 

 

今回作成したGIFはこちら。

回りすぎである。
回りすぎである。

 

【使用した素材】

1.動画の好きな場面のフレームをjpegに切り出した画像ファイル × 約15枚

サンプルファイルはこちらからダウンロード

(100ms)(replace)_0011_レイヤー-1(100ms)(replace)_0003_レイヤー-25(100ms)(replace)_0008_レイヤー-10

 

 

 

 

 

 

 

サンプルファイルはこちらからダウンロード

 

【作成手順】

 

 

1.GIMPを起動する。

111

 

2.ワークスペースが開かれます。

111

 

3.「ファイル」、「レイヤーとして開く」をクリックします。

3.ファイルをレイヤーとして開く

 

4.サンプルファイルの画像を全て選択し、「開く」をクリックする

サンプルファイルはこちら。

4.サンプルファイルを全て選択して開く

 

※5.動画をjpegに切り出す方法はこちらなどを参照。こちらでお好きな動画をjpegに切り出すことができる。

http://gif89a.net/wp-content/uploads/cinemagraph_sample

 

6.右下に画像がレイヤーとなって表示される。

6

 

7.「投げ輪ツール」を選択する。

7投げ輪ツールを選択する

 

8.動かしたい場所を投げ輪ツールでクリックしながら囲む。88

 

9.現在のレイヤーを右クリックし「レイヤーマスクの追加」をクリック。

88

 

 

10.「選択範囲」にチェックをし、「追加」をクリック

10選択範囲をクリック

 

11.現在のレイヤーの右に白黒のサムネイルが表示される。11現在のレイヤーに白黒のサムネイルがつく

 

12.現在のレイヤーを右クリックし「レイヤーマスクの適用」をクリック。

12レイヤーマスクの追加

 

13.右下の現在のレイヤーが切り取られる。

13現在のレイヤーが切り抜かれる

 

 

14.下のレイヤーを選択する。14下のレイヤーを選択する

 

15.手順9から手順14を最後のレイヤー1枚が残るまで繰り返す。

15手順9から14を繰り返す

 

 

16.最後のレイヤーを残して作業を繰り返す。16最後のレイヤーを残すまで作業をする

 

17.「フィルター」、「アニメーション」、「再生」をクリック。17フィルターアニメーション再生をクリック

 

18.「再生」を押すとプレビューを見ることができる。1818

 

 

19.プレビューを閉じます。18再生を押すとプレビューができる

 

 

20.「フィルター」「アニメーション」「GIF用最適化」を選択。19プレビューを閉じる

 

 

21.新たにウィンドウが立ち上がる。
21新たにウィンドウが立ち上がる

 

 

22.「ファイル」「Export As」を選択します。22ファイル、export asをクリック

 

 

23.最適な名前を付けて「エクスポート」をクリック
23名前を付けてエクスポートをクリック

 

 

24.完成

回りすぎである。
回りすぎである。

 

いかがだったろうか?Photoshopをお持ちでない読者も多いだろう。フォトレタッチアプリケーションの最高峰といえばphotoshopであるが、Photoshopを使う前にGIMPのような高度な編集機能を備えた無料で使える本格フォトレタッチソフトをぜひ使っていただきたい。皆様もあいた10分でGIFアニメ作りに挑戦してみてはいかがだろうか?

GIFMAGAZINE