お絵描きソフトInkscape(インクスケープ)の使い方を初級レベルから上級レベルまで広く紹介しています。
情報追加のリクエストや分かりにくい点があれば下のCONTACTフォームからどうぞ。

Inkscapeで建設予定のビルのイメージを描く

 このページでは、Inkscapeを使って建設予定のビルのイメージを写真の中に描く方法について考えてみました。マンション広告によく載っているあれです。

(2024.12.24更新)

 ポイントは「ネオンサイン風の絵」のところでも描いたように、半透明で、かつ、ぼかしの入ったオブジェクトを重ねて描くことと、上空に延びる光の柱に見えるように上下方向だけに大きくぼかしを入れることです。

 こんな感じです。グレーに見えますが、フィルに「白」を設定してアルファ(不透明度)を50%ぐらいにして黒い背景に重ねているのでグレーに見えているだけです。

 これをどうやって作るか、次のような手順を試してみました。

 (1)で適当に四角いパスを描きます。矩形オブジェクトにしてもいいのですが、後で3Dに見えるように変形したいので最初からパスオブジェクトにしておきました。このパスのフィルに半透明の白を設定します。

 (2)で上下方向だけのぼかしを入れます。フィル/ストロークダイアログ上でぼかしを設定すると上下左右に均等にぼかしが設定されますが、フィルターエディターを開いて、左右のぼかしを消します。具体的には、ガウスフィルタの「サイズ」というパラメータのうち、水平方向の値をゼロにし、垂直方向の値をデフォルトの値より大きめにします。

 これだけだと上方向と下方向に均等にぼかしが入った状態になりますが、最終的に描きたいのは上方向だけにぼかしが入った状態なので、(3)のように上半分にだけ重なるように四角いパスを描いて、それをクリッピングパスに使って(4)のように上半分を切り取ります。

 そしてぼかしを入れていないパスを(5)のように描いて、大きさを調節しながら(4)と(5)のオブジェクトを重ねます。どちらも不透明度を小さくしてあるので、重なったところは重ねる前よりも明るくなります。

 これを1つの部品にして、斜めに傾けたり幅や高さを変えたり合体したりして柱に見える形にします。そして写真の上に重ねて、建設予定のビルの姿に見えるような位置と大きさに調整します。

 木の向こう側に建っているかのようにしたいので、木の部分の縁に沿ってパスを描いて・・・

 クリッピングすれば、木の向こう側に建つビルの想像図みたいに見えるようになるかなと思います。試したときは荒っぽく縁をたどりましたが、もっと細かく縁取りしてクリッピングしたほうがよさそうです。