img  

WEB素材&デザイン

RDF RSS XML
 
NAVI: トップ > 無料でWEB素材を作成する(GIMP 2.6 基本編) > 単純な画像の縁を描く(縁取りや輪郭線、アウトライン)

単純な画像の縁を描く(縁取りや輪郭線、アウトライン)

画像 フリーソフトのGIMP 2.6を使った素材の作成方法を解説します。
GIMP以外の画像ソフトでも、これらのテクニックを利用できる場合があります。
GIMPのコンテンツが増えてきたので、基本編と応用編、素材作成編に分けることにしました。

単純な図形の輪郭線を描く

図形の輪郭線を描く時は、そのラインや図形を選択しておく必要があります。

次のような図形でオレンジの正円の輪郭線を描く場合は、まず正円を選択します。
※この画像は「単純な画像の選択と移動」で作成した画像を使っています。
画像

その後メニューの「編集(E)」―選択範囲の境界線を描画(S)」をクリックすると次のようなダイアログが表示されます。
画像

必要な設定をして「ストローク(S)」ボタンをクリックすると選択範囲のラインに沿って輪郭線が描画されます。
画像

次の画像は、前もってブラシに「Pepper」を選択し、「ツールを使って描画」の「ブラシで描画」を選択して描画してみました。
画像

複雑な図形の輪郭線を描く

同じような図形でも長方形と正円が一つの図形とみなした場合でも、これまでに説明した方法でまず選択します。
画像

そして上記と同じ方法で輪郭線を描く事ができます。
画像 画像

単純な図形の縁を取る

これまでの方法で正円のレイヤーを右クリック後、「不透明部分を選択範囲に(P)」をクリックして正円を選択します。
画像

次に新しいレイヤーを追加し、そのレイヤーを正円の下に移動しておきます。
画像

メニューの「選択(S)」―選択範囲を拡大(G)」をクリックすると次のようなダイアログが表示されます。
画像

今回は練習なので、「拡大量」を「6ピクセル」にして「OK」ボタンをクリックします。
次のように選択範囲が広がります。
画像

この範囲を塗りつぶすと次のように縁取りが完成します。
画像

最初に解説した「輪郭線を描く」よりこちらの方が優れてる点は、次のように、塗りつぶし方法を変えることにより様々な効果を加えることができることです。
画像 画像 画像

複雑な図形の縁を取る

もうここまで説明してきたら複雑な図形でも同じです。
同じような手順で次のように縁取りが仕上がります。
画像 画像 画像 画像

Copyright (c) 2000-2011, all Rights Reserved atompro.net
update:2011/03/23