GIPM、ジグソーパズルのアニメを作る

GIMPではScriptを使って簡単にできるアニメーションが沢山あります。しかしジグソーパズルのアニメを作るScriptはまだ見つけていません。全部手動で作ったので、難しいことではないけど同じようなことを何回もすることになり、かなり面倒な作業です(私には、、、)。また何故かGIFアニメが動かないので(ファイルを右クリックし、新しいファイルで開くと動きます)、実際のアニメーションはYoutube経由とします。

http://www.youtube.com/watch?v=1HDKsf_gWtU&feature=youtube_gdata

640-anime完成

作成手順
1.ジグソーパズルを作る(「GIMP、ジグソーパズル」を参照)
2.レイヤーグループ「ピース」と「本体」を作る
3.ジグソーパズルのピースを順に切り取り、切り取ったピースはグループレイヤー「ピース」に、
ああaピースの抜けたパズル本体は「本体」入れる
4.抜き取ったピース、抜き取られた本体に影を付ける
5.ピース、本体で主体と付いた影を結合させる
6.パズル本体と残っているピースを表示させ、可視部分をレイヤー化する。
ああaこの時、枠レイヤー、底レイヤー、机レイヤーも表示させて一体化する。
ああ(これがアニメ画像のレイヤーとなります)
7.ピースがすべて入るまで作業を終えたら、このGIMPファイルを保存する(再作業時のためです)8.不要なレイヤーを消し、アニメーションレイヤーのみとする
ああ(机、底、枠、元絵、ジグソーパズル、ピースグループ、本体グループ)
9.アニメーションを再生し、OKなら、各レイヤー表示時間を設定する
ああ(NGなら7.保存したファイルを開く修正する)
10.差分最適化、GIF最適化を行い、ファイル容量を減らす
11.GIFアニメーション形式で保存

【ジグソーパズルを作る】
絵/写真をジグソーパズル化することは、「GIMP、ジグソーパズル」を参照してください1-ジグソーパズル作成

【レイヤーグループ「ピース」と「本体」を作る】
「レイヤー」→「新しいレイヤーグループ」
1-名称未設定

レイヤーグループ名を「本体」とする2-名称未設定

同様に、レイヤーグループ「ピース」を作る
3-名称未設定

【ピースを切り取り、ピースと残った本体を各グループへ入れる】

1.ピース抜き取り、貼り付けて移動、回転
GIMP、ジグソーパズル」を参照して、切り取り適当な所へ貼り付け。レイヤー名を「p-1」とする
4-名称未設定

2.貼り付けてできたレイヤー(p-1)を「ピース」グループレイヤーに入れる5-名称未設定

3.ピースを抜き取られたパズル本体を「本体」グループレイヤーへ入れる。レイヤー名は「本体1」6-名称未設定

4.「本体1」と「p-1」レイヤーにドロップシャドウで影を付ける
7-名称未設定

5.レイヤーと影を一体化する
影を付けた主体の下にできた「影」のみを表示して「レイヤー」→「下のレイヤーと統合」8-名称未設定

名前が「Drop Shadow」となるので、元の名前(ここでは「本体1」)に変える9-名称未設定

6.以上の操作をピースと本体について繰り返す完成
この両レイヤーグループからアニメーション画像を作成する
(例として本体4とそれに相当するピース画像を表示)
10-名称未設定11-名称未設定

【アニメーションレイヤーの作成】
パズル本体と残っているピースを表示させ、可視部分をレイヤー化してアニメーション画像を作る。
机を表示、底を表示、そして本体とそれに一致する数のピースを表示させる。
「可視部分をレイヤー」にしてレイヤー名を付ける
12-名称未設定

可視部分をレイヤーに13-名称未設定

レイヤー名を付ける14-名称未設定

【GIMPファイルとして保存】
これから不要なレイヤーを削除してゆくので全体を保存しておく

【不要なレイヤーを消す】
アニメーションに不要なものは消す
15-名称未設定

【再生テスト】
再生画面が開くので動作を確認
20名称未設定

【アニメーション時間を調整】
レイヤー名に半角英数字で括弧でくくってms単位で数値を入れればそれが表示時間となる。
各レイヤーに表示時間を入れる21名称未設定

【差分最適化、GIF最適化を行いファイル容量を減らす】
「フィルター」→「アニメーション」→「差分最適化」22名称未設定

各レイヤーから不要な画像が除かれる
23名称未設定

更に「GIF用最適化」も行い、ファイル容量を減らす24名称未設定

【GIFアニメーション形式で保存】
GIMP2.8では「ファイル」→「エクスポート」として、ファイル形式をGIFとして保存する

25名称未設定

26名称未設定

広告
カテゴリー: GIMP タグ: , , パーマリンク

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中