Home > キャラクター > マスク、クリップ、ビットマップを使って画像を加工する方法(mask, clip, bitmap)

マスク、クリップ、ビットマップを使って画像を加工する方法(mask, clip, bitmap)


今回は、ドラゴンボールの孫悟空の画像をマスクとクリップを使って加工する方法を紹介します。

gokoo1.png
gokoo2.png

gokoo1.JPG

画像をインポートして丸いオブジェクトを描きます。

インクスケープの画面内にドラッグドロップすれば簡単にインポートできます。

今回の講座のSVGファイルのダウンロード mask-clip.zip


gokoo2.JPG

図のように、丸いオブジェクトを画像の左上に配置します。

整列/配置を使えばキレイに配置することが出来ます。


gokoo3.JPG

次に、丸いオブジェクトを選択した状態で「編集」→「クローン」→「タイルクローンの作成」をクリックします。

丸いオブジェクトが小さすぎると必要以上にクローンが作成されて、PCに付加がかかりますので注意してください。


gokoo3-1.JPG

悟空の画像の大きさに合わせてサイズを設定します。


gokoo3-2.JPG

以前タイルクローンを使ったことがあり各設定がリセットされていない場合は、作成ボタンを押す前に、各項目タブにあるリセットボタンを押して初期化します。


gokoo4.JPG

作成ボタンを押すと、図のようにタイルクローンが作成されました。


gokoo5.JPG

タイルクローンで作成されたオブジェクトをそのままグループ化します。


gokoo6.JPG

グループ化したオブジェクトを悟空の画像の背面に移動させます。


gokoo7.JPG

画像とタイルクローンの両方を選択して、「オブジェクト」→「マスク」→「設定」をクリックします。


gokoo8.JPG

画像がマスクされて図のようになりました。

この状態での単色の設定は大丈夫ですが、グラデーションを変えようとしてもうまくいきません。タイルクローンで作成したオブジェクトがグループ化されただけで、オブジェクト自体をパスにすることが出来ないからです。

そこで、タイルクローンで作成したオブジェクトを一度ビットマップへエクスポートしてから、作成したビットマップをインポートします。


gokoo9.JPG

図のように、一旦マスクを解除します。解除すると画像とタイルクローンオブジェクトが両方選択されたまま重なった状態になっています。


gokoo10.JPG

図はタイルクローンで作成したオブジェクトをビットマップにエクスポートしているところです。


gokoo11.JPG

緑色のオブジェクトが2つありますが、ひとつはタイルクローンでもう一方はインポートしたビットマップイメージになります。

タイルクローンで作成した方は必要ないので間違えないように削除するか色を変えておくといいでしょう。


gokoo12.JPG

インポートしたビットマップ画像を選択した状態で、「パス」→「ビットマップをトレース」をクリックします。


gokoo13.JPG

普通に明るさの境界で、「更新」ボタンを押してプレビューを見て、大丈夫そうであればOKを押します。


gokoo14.JPG

そうすると図のようにオブジェクトの上にビットマップトレースで作成されたオブジェクトが重なります。

このトレースして作成したオブジェクトのシェイプは「パス」で構成されていますので、マスクを設定した場合でもグラデーションをつけることが可能になります。


gokoo15.JPG

作成したオブジェクトをイメージの上に重ねます。整列/配置ツールを使うとキレイに配置できます。


gokoo16.JPG

前回と同じように、ビットマップトレースで作成したオブジェクトを背面に移動させて、両方を選択した状態で、「オブジェクト」→「マスク」→「設定」をクリックします。


gokoo17.JPG

マスクすることが出来たら、フィル/ストローク設定で放射グラデーションをつけてみます。


gokoo17-1.JPG

フィル/ストロークのグラデーション設定で、「編集」をクリックすると図のように「グラデーションエディタ」フォームが表示されます。2つのストップ(stop)を255に設定して透明度をなくします。


gokoo18.JPG

図のようになりました。フィル/ストローク設定で少しぼかしを入れています。


gokoo19.JPG

今度はクリップを設定してみます。

一旦、マスクを解除してからビットマップトレースで作成したオブジェクトが前面になるように移動して、「オブジェクト」→「クリップ」→「設定」をクリックします。


gokoo20.JPG

図のようになりました。

前回の記事では、画像をパターンに入れて「パス」を交差させたりしましたが、クリップ設定を使用すると画像がそのまま切り抜いたりすることが出来ます。必要に応じて、いろんなシチュエーションに合ったやり方を選択するといいでしょう。

thanks for watching^^



Comments:0

Comment Form

Trackbacks:1

TrackBack URL for this entry
http://mt.samurai-logic.com/mt-tb.cgi/138
Listed below are links to weblogs that reference
マスク、クリップ、ビットマップを使って画像を加工する方法(mask, clip, bitmap) from INKSCAPE Drawing Weblog インクスケープ・実践講座
illustrator(イラストレーター)より使いやすいフリーのソフト from TakuBlog 2009-05-24 (日) 01:56
かなり使い易いんですよ。 まじオススメ。 その名も 「INKSCAPE」です。 PhotoShopにも似たように「GIMP」ってのがあります。 これもまた...

Home > キャラクター > マスク、クリップ、ビットマップを使って画像を加工する方法(mask, clip, bitmap)

Return to page top