GIMP2とInkscape(インクスケープ)!無料イラストソフトで画像の編集

GIMP2とインクスケープ!無料イラストソフトで画像の編集をしよう

Inkscape(インクスケープ) グラデーションで塗ろう(線形)

インクスケープの線形グラデーションで塗ろう

インクスケープで描いた図形に、グラデーションで色を塗ってみましょう。

グラデーションをうまく使うことで、平面的な図形を立体的に表現することができます。
フェーズ(色が切り替わるポイント)をつくり色を設定することで、、明るさだけでなく好きな色から好きな色へのグラデーションをつくることができます。

 


 

インクスケープの線形グラデーションで塗る01

ペンツールで図形を描きます

ペンツールを使ってオブジェクトを描きます。
描いたオブジェクトを、選択ツールを使って選択します。

 


 

インクスケープの線形グラデーションで塗る02

「オブジェクト」-「フィル/ストローク」をクリックします

メニューの「オブジェクト」-「フィル/ストローク」をクリックします。

 


 

インクスケープの線形グラデーションで塗る03

「フィル」タブ-「線形グラデーション」をクリックします

「フィル」タブ-「線形グラデーション」をクリックします。

 


 

インクスケープの線形グラデーションで塗る04

オブジェクトにグラデーションがかかりました

オブジェクトがグラデーションで塗られました。

 


 

インクスケープの線形グラデーションで塗る05

「グラデーションツール」を選択します

ツールバーから「グラデーションツール」を選択します。

 


 

インクスケープの線形グラデーションで塗る06

グラデーションの方向や長さを変えられます

オブジェクトに表示されたグラデーションパスの始点・終点をドラッグして、グラデーションの方向や長さを変えることができます。

 


 

インクスケープの線形グラデーションで塗る07

「編集」をクリックしてグラデーションエディタを起動します

「編集」をクリックすると、グラデーションエディタが起動します。
グラデーションエディタでは細かいグラデーションの設定ができます。

 


 

インクスケープの線形グラデーションで塗る08

グラデーションエディタの画面構成です

グラデーションエディタ以下のような画面構成になっています。

  ■①・・・現在のグラデーションが表示されます。
  ■②・・・現在編集中の色フェーズ(制御点)です。
  ■③・・・色フェーズの追加と削除ができます。
  ■④・・・色フェーズの位置を動かせます。
  ■⑤・・・色を選択できます。

 


 

インクスケープの線形グラデーションで塗る09

上の色フェーズに色を設定します

2つの色フェーズのうち、上の色フェーズを選択し、色を設定します。

 


 

インクスケープの線形グラデーションで塗る10

オブジェクトに色が反映されました

オブジェクトに色が反映されました。
グラデーションの始点部分が設定した色で塗られました。

 


 

インクスケープの線形グラデーションで塗る11

下の色フェーズに色を設定します

今度は下の色フェーズに色を設定します。
色フェーズのアイコンの色の長さは、透明度をあらわしています。

 


 

インクスケープの線形グラデーションで塗る12

色フェーズをグラデーションパスの関係図です

上の色フェーズはグラデーションの始点に、下の色フェーズは終点に対応しています。

 


 

インクスケープの線形グラデーションで塗る13

「色フェーズを追加」を2回クリックします

「色フェーズを追加」を2回クリックしましょう。

 


 

インクスケープの線形グラデーションで塗る14

色フェーズが追加されました

はじめにあった色フェーズの間に、新しい色フェーズが2つ追加されました。

 


 

インクスケープの線形グラデーションで塗る15

すべての色フェーズに色を設定します

追加した色フェーズに黄色と紫色を設定してみます。

 


 

インクスケープの線形グラデーションで塗る16

グラデーションが図形に反映されました

オブジェクトにグラデーションが反映されました。

 


 

インクスケープの線形グラデーションで塗る17

色フェーズの位置を動かすことができます

「グラデーションツール」で、各色フェーズの位置を動かすことができます。

 


 

インクスケープの線形グラデーションで塗る18

オーロラ風にしてみました

透明度を設定し、オーロラ風の図形にしてみました。

>>サーバー選びは目的に合ったものを<<

 

この記事に関連する記事一覧

コメント1件

  1. […] グラデーションエディタの使い方は、Inkscape(インクスケープ) グラデーションで塗ろう(線形)を参考にしてください。 色の選び方は、インクスケープ(Inkscape)でオブジェクトに色を塗ろうを参考にしてください。 […]

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: 
サイト内検索
目次
Twitter