ホームページ制作 名古屋

問い合わせ先


インクスケープ(Inkscape)の放射グラデーション

 

放射グラデーションで立体的な球体をつくろう

Inkscapeの放射グラデーションの使い方を解説します。
線形グラデーションと違い、グラデーションが1点を中心とした円形方向にひろがりますので、立体的な球体などを表現するのに適しています。

放射グラデーションで塗る

インクスケープ(Inkscape)の放射グラデーションで色を塗ろう01

パスツールを使って円を描きます。

 

インクスケープ(Inkscape)の放射グラデーションで色を塗ろう02

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

 

インクスケープ(Inkscape)の放射グラデーションで色を塗ろう03

「フィル」タブの「放射グラデーション」をクリックします。

 

インクスケープ(Inkscape)の放射グラデーションで色を塗ろう04

円状のグラデーションで塗れました。

目次にもどる

グラデーション位置の移動と色フェーズの追加

インクスケープ(Inkscape)の放射グラデーションで色を塗ろう05

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

 

インクスケープ(Inkscape)の放射グラデーションで色を塗ろう06

放射グラデーションではこのようなグラデーションパスが表示されます。

 

インクスケープ(Inkscape)の放射グラデーションで色を塗ろう07

中心の□をドラッグするとグラデーションの位置を変えられます。
終点の○をドラッグするとグラデーションの大きさを変えられます。

 

インクスケープ(Inkscape)の放射グラデーションで色を塗ろう08

②と③の位置に色フェーズを増やしてみましょう。
放射グラデーションは円形なので、パスをダブルクリックすると2つの色フェーズが追加されます。

 

インクスケープ(Inkscape)の放射グラデーションで色を塗ろう09

始点(中心点)を白にしました。

 

インクスケープ(Inkscape)の放射グラデーションで色を塗ろう10

②のフェーズを明るい紫にします。

 

インクスケープ(Inkscape)の放射グラデーションで色を塗ろう11

③は少し暗い紫にします。

 

インクスケープ(Inkscape)の放射グラデーションで色を塗ろう12

終点はさらに暗い紫にしてみました。

 

インクスケープ(Inkscape)の放射グラデーションで色を塗ろう13

こんな感じになりました。

 

インクスケープ(Inkscape)の放射グラデーションで色を塗ろう14

図形をコピーして複数貼り付ければ、ブドウのできあがりです。

目次にもどる

作成者:J-ACT Co.,Ltd.
http://j-act.jp/
Copyright(C) 2015
名古屋のホームページ制作・システム・デザイン会社J-ACT-ジェイアクト
All Rights Reserved.