GIMP、ジグソーパズルを作る

GIMPで写真をジグソーパズル風に飾ることはとても簡単です。フィルターの「下塗り」にジグソー模様がありますし、影もフィルターから「ドロップシャドウ」で付けられます。
ジグソーパズル完成

先ず、上図のような画像を作ってみましょう。そして次回は、ジグソーのピースを次々にはめこむアニメーションにも挑戦しましょう。

GIF200-ひまわり25ジグソーパズル

作成手順
1.元絵にジグソー模様を付ける
2.写真に枠を付ける
3.画面領域を広げて、ジグソーパズルを傾ける
4.ピースを抜き取り、貼り付ける
5.ピースなどジグソーパズルに影を付ける

【元絵にジグソー模様を付ける】

1.元絵を読み込むジグソーパズル

(ここでは1024pix程度の大きさを使いました)


2.白レイヤー(レイヤー名「ジグソー」)を作る
「レイヤー」→「新しいレイヤー」→開いた新しいレイヤー画面でレイヤー名を付け、白塗りつぶしとする1-ジグソーレイヤー

3.「ジグソー」レイヤーにジグソーパズル模様を描く
「フィルタ」→「下塗り」→「パターン」→「ジグソーパズル」
2-ジグソーレイヤー 3-ジグソーレイヤー

4-ジグソーレイヤー

3.ジグソーパズル模様を元絵に結合させる
「ジグソー」レイヤーのモードを「乗算」とする
5-ジグソーレイヤー6-ジグソーレイヤー

【枠を作る】
ジグソーの各ピースを入れる枠を作る

1.新しい透明レイヤーを作る
レイヤー名は「枠」、透明レイヤーとする「フィルター」→「装飾」→「枠の追加」
81-枠を作る

開いた「枠の追加」画面で、縦横の枠の幅や色を決め「OK]
7-枠を作る

2.各レイヤーを連結する
各レイヤーに鎖マーク
8-枠を作る

【画面領域を広げて、ジグソーパズルを傾ける】
正対したものでは面白みがないので、机の上にジグソーパズルが置かれたように表示する

1.広いレイヤー(1.5倍程度)を新設する
レイヤー名は「机」とする
9-枠を作る

レイヤーを拡げた後、キャンバスをレイヤーに合わせることで、広い机のレイヤーができる。
「画像」→「キャンバスをレイヤーに合わせる」、更に「ジグソーパズル」レイヤーを選んで適当な所まで移動させる(ジグソーパズルを回転させるため)
レイヤーの順序は「ジグソー」、ジグソーパズル」、「枠」、「机」の順とする
10-机を作る

2.ジグソーパズルを回転させる
回転ツールを選び、「ジグソーパズル」レイヤーを選んで、任意の角度回転させる(連結している三つのレイヤーはどれを選んでも良い)11-回転

12-回転

3.机を木板らしく塗る
塗りツール(バケツ)から、パターンから「wood」を選び、「机」レイヤーを塗る13-机塗り14-机塗り

【ピースを抜き取り、机の上に置く】

1.抜き取るピースを選択する
「ジグソー」レイヤーを選択して、「ファジー選択」ツールを選び、抜き取るピースをクリック。ピースが選択される15-ピース

2.ピースを抜き取る
「ジグソーパズル」レイヤー(元絵のレイヤー)を選び、「編集」→「切り取り」16-ピース抜き取られた(机が見えた、しまったパズルの底板を先に作っておくべきだった)17-ピース

3.抜き取ったピースを貼り付ける
「ジグソーパズル」レイヤーで「編集貼り付け」
18-ピース
張り付いたピースを机の上に移動
19-ピース

4.もう一つピースを切り取り、貼り付けで移動させ、回転
20-ピース

5.パズルの底板部分を選択する
「ジグソーパズル」レイヤーを選択、不透明部分を選択域とする
21-裏

順序を失敗して抜いた後、底板を作ることになったので抜いた二つのピースの部分を選択域に加える。クイックマスクを使い、切り出したピースの部分も選択域とする(ピースを抜き出す前に底板は作ってください)
22-裏

6.「底板」を作成し、任意の色で塗る
透明の「底」レイヤーを作り、好きな色で塗る(ここでは薄いピンクで塗った)。場所は「机」レイヤーのすぐ上に置く
23-裏24-裏

【影を付ける】
ドロップシャドウを使い、影を付ける

1.「枠」レイヤーと「ジグソーパズル」レイヤーを結合する
「ジグソーレイヤー」を選び、「レイヤー」→「下のレイヤー」と結合
26-影

2.ジグソーパズルに影を付ける
「フィルタ」→「照明と投影」→開いた「ドロップシャドウ」画面で影を設定する25-影影が付いた
27-影

3.抜き取ったピースへ影を付ける
同様に二つのピースへ影を付ける。設定は変えないので「フィルタ」→「ドロップシャウの再適用」28-影

完成
ジグソーパズル完成

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

コメントを残す

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

WordPress.com ロゴ

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

Twitter 画像

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

Facebook の写真

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

Google+ フォト

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

%s と連携中