本記事ではInkscapeを使ってグラデーションを描くための基本的な使い方を解説していきます。
InkscapeはIllustratorと同様に初心者でも簡単にグラデーションを描くことができます。
是非、参考にしてみてください。
目次
グラデーションのオブジェクトを描く方法
❶の短型ツールを選択し、キャンバスに❷のように長方形を描きましょう。
![](https://webspot.info/wp-content/uploads/05614_01.png)
オブジェクトを描いたあと、❸の【グラデーションツール】アイコンをクリックします。
オブジェクトの左上❹をグラデーションの開始地点としてドラッグしながらグラデーションの終了地点の右下❺までマウスカーソルを動かします。
オブジェクトをダブルクリックすることでグラデーションを瞬時に適用することも可能です。
![](https://webspot.info/wp-content/uploads/05614_02-1.png)
開始、終了地点は自由にドラッグして指定ができ、指定後もハンドルを動かすことで調整可能です。
グラデーションの色数を増やす(ノードを追加する)
グラデーションのハンドル上でダブルクリックすると、ノードがハンドル上に追加されます。
![](https://webspot.info/wp-content/uploads/05614_03.png)
ノードはDeleteまたはBackspaceキーで削除でき、ドラッグで移動が可能です。
追加したノードの❻をクリックして選択します。(選択しているときはノードが青色に変わります。)
❼で色を指定して、グラデーションに色を追加します。
![](https://webspot.info/wp-content/uploads/05614_04.png)
描いたグラデーションを反転する方法
❽の【グラデーションの方向を反転】アイコンをクリックするとグラデーションの反転が可能です。
![](https://webspot.info/wp-content/uploads/05614_05.png)
放射状のグラデーションを描く方法
❾の【放射グラデーションを作成】アイコンを選択すると、放射状にグラデーションを描くことができます。
![](https://webspot.info/wp-content/uploads/05614_06.png)
ノードの一部を透過(透明化)する方法
対象としたい❿のノードを選択して、⓫の【不透明度】の指定項目で%で数値を指定します。
![](https://webspot.info/wp-content/uploads/05614_07-1.png)
編集部おすすめのInkscape(インクスケープ)書籍
¥2,288 (2024/07/20 15:50時点 | Amazon調べ)
![](https://webspot.info/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
¥1,762 (2024/07/26 09:35時点 | Amazon調べ)
![](https://webspot.info/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)