執筆：Daily GIF89a編集部(大野謙介)

この記事で理解できること(文章量：３分)

・作業時間１５分ほどで、Photoshopを用いてGIFアニメを作ることができる。

・パペットワープ機能を用いておもしろいアニメーション制作する方法を理解することができる。

今回制作したGIFアニメ

そんなに首を長くして、何を待つのか。

使用した素材

引用元URL：http://www.adigitaldreamer.com/gallery/displayimage.php?album=3&pid=864#top_display_media

制作手順

１．Photoshopに画像を読み込む、読み込んだレイヤーは背景用、つる用に分けるためにコピーする。

２．「選択ツール」でつるを適切に選択する。

３．「右クリック」「塗りつぶし」を選択する。

４．コンテンツに応じるをクリックする。

５．背景レイヤーにつるが綺麗にいなくなった。

６．「つるレイヤー」の方は、背景から「編集」「切り取り」で切り取ったあと貼り付ける。

７．新種の鳥にするため、つるのサイズを小さくする。

８．つるレイヤーを選択したまま「編集」「パペットワープ」を選択する。

９．パペットワープでつるにピンを打てるようになる。

１０．頭、首頭側、首体側、足元の４点にピンを打ち、適切な長さになるまで伸ばす。

１１．つるレイヤーと背景レイヤーが完成

１２．「つるレイヤー」を全部で１５枚になるようコピーを繰り返す。名前を変更する。

１３．つる２レイヤーはパペットワープでくちばしを閉じる。

１４．つる３レイヤーは加工をしない。

１５．つる４レイヤーはつる２レイヤーをコピーしてもよい。くちばしを閉じる。-

１６．つる５レイヤーは加工をしない。

１７．つる６レイヤーをパペットワープで加工する

１８-1つる６残像レイヤーはつる６レイヤーをコピーしたあと加工しもよい。「フィルター」「ぼかし」「ぼかし放射状」を選択する。

１８-2.量を20にしてOKを選択する。

１９．つる６レイヤーとつる６残像レイヤーを表示するとこのような形になる。

２０．つる７レイヤーの様子。

２１．つる８レイヤーの様子。

２２．つる８残像レイヤーも同様にフィルター「ぼかし放射状」をかける。

２３．つる８レイヤー、つる８残像レイヤーの様子。

２４．つる９レイヤーからつる１３れいやーは余韻なので、加工はしない。

２５．全てのレイヤーを表示した様子。

２６．完成後のレイヤーの様子。

２７．「ウィンドウ」「アニメーション」を選択する。

２８．アニメーションウィンドウの右下のフレームコピーボタンを押して、１３フレーム分コピーをし、それぞれのフレームでつるレイヤーを表示させる。

２９．「ファイル」「Webおよびデバイス用に保存」を選択

３０．保存形式をGIFにして保存して終了

完成したGIFアニメ

制作を終えて

Photoshopのパペットワープ機能で写真一枚でアニメーションを制作することができた。Twitterや、pixiv、GIFMAGAZINEなど日本のGIFシーンが盛り上がる中、是非GIFアニメーション制作に挑戦してみてはいかがだろうか。

執筆：Daily GIF89a編集部(大野謙介)

【GIFMAGAZINE】http://gifmagazine.net/

GIFアニメ好きのためのGIF作品投稿・共有プラットフォーム

GIFMAGAZINEアプリ版のダウンロードはこちら

 
iOS:https://itunes.apple.com/ja/app/gifmagazine-animated-gif-magazine/id734489230?l=ja&mt=8
Android：https://play.google.com/store/apps/details?id=jp.createbox.gifmagazine