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

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

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

・パペットワープ機能を用いて動物写真1枚で躍動感のあるアニメーションを制作することができる。

 

今回制作したGIFアニメ

ワニから脱出するその勇敢な姿はさながらインディジョーンズ。

 

使用した素材

 

 

引用元URL：https://www.flickr.com/photos/54899851@N00/378187611

※flickrにてロイヤリティフリーの画像をお借りした。

 

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

 

 

 

制作手順

１．画像素材を読み込む

２．背景レイヤーとワニレイヤーに分けるために、ワニを選択ツールで選択した後、右クリックで「コンテンツをぬりつぶす」で背景のみにする。

３．ワニレイヤー、背景レイヤーにわけることができた。

４．ワニレイヤーを４回コピーして、ワニA顎奥、ワニA、ワニA+、ワニB、ワニB＋と命名する

５．ワニA顎奥レイヤーは画像の上顎と下顎のつなぎを切り取った画像である。パペットワープで口を閉じる時に不要だからである。

6．ワニAレイヤーは加工しない。

７．ワニA＋レイヤーは、ワニAレイヤーに「フィルター」「ぼかし」「ぼかし(放射状)」を適用する。

８．「編集」「パペットワープ」を選択する。

9．図のようにピンがうてるようになる。

１０．ピンを打ち、ワニの口を閉じる。

１１．ワニBレイヤーが完成

１２．ワニB＋レイヤーは閉じるときの残像を表現する。ワニA＋レイヤーと同様に、「フィルター」「ぼかし」「ぼかし(放射状)」を選択する。

１３．素材は全て完了、「ウィンドウ」「アニメーション」を起動

１４．今回の作例では、鳥のレイヤーを動かすことで、ワニの口の開閉をよりリアルに仕上げた。

 

 

 

１５．アニメーションタイムラインでワニの開閉を任意に設定する。

１６．「ファイル」「Webおよびデバイス用に保存」を選択し、保存形式を「GIF」にして保存する。

完成したGIFアニメ

 

制作を終えて

今回は、ワニの口を開閉するという形でパペットワープを活用してみた。写真１枚で楽しめるアニメーションを制作してみてはいかがだろうか。

またパペットワープに関しては、本メディアでいくつか解説をしているので参考にしていただきたい。

 

「鉄拳っぽい手書きパラパラ漫画を楽して作りたい！」【Photoshopパペットワープ機能の使い方】

大川竜弥氏の人物写真１枚から、自在な動きのGIFアニメを30分で簡単に作る方法【Photoshopパペットワープ機能の使い方】

長すぎる首。謎の鳥類を創造する。【Photoshopパペットワープ機能の使い方&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