茜さや:ブランコGIFアニメ

GIFアニメの作り方と素材庫

 無料写真素材として人気の茜さやの画像が美しいので、少し動かしてみました。

via GIPHY

作り方

1.Photoshopなどを使って、人物を切り抜きます。
2.切り抜いた後の人物の部分を背景で埋め、背景だけの画像を作ります。

3.人物画像のレイヤーを二枚コピーします。
4.コピーした1枚のレイヤーを変形させて、画像下部を少し前に移動します。
5.もう一枚のコピーしたレイヤーの下部を後ろの方に少し移動し変形します。
6.背景と人物レイヤー3枚をpng形式で出力します。その場合、画像の横幅は450px程度にします(ファイルサイズが大きくなるので)。

(1) 背景画像

(2) 人物1

(2) 人物2

(3) 人物3

 『FantaMorph』というソフトに人物画像を読み込み、背景として、背景画像をセットします。
 今回は、3枚の画像を使って切れ目のない連続GIFアニメをつくるので、「複数のシーケンス」を使って画像を読み込みます。

 3枚の人物画像が二つのシーケンスに読み込まれます。
 各シーケンスの位置をポインターで合わせ、後は、gifアニメとして出力。

 最後に、GIAMを使って、速度の微調整をして完成です。