Inkscapeで色を塗る・グラデーションをつける手順

inkscapeで色を塗る・グラデーションをつける手順
(YouTube, AdSense, Play 公認エキスパート)
2019年04月12日 in Inkscape(インクスケープ)
記事内にPR・広告が含まれる場合があります

前回は Inkscape でイラストなどを描く際に必要不可欠な四角形や丸型(円)を描く方法についてご紹介いたしました。今回は描いた四角形や丸型などに色をつける手順をご紹介いたします。思い通りに色を付けて素敵なイラストに仕上げられるようにしましょう。

ベタ塗り

まずは色を塗るためのオブジェクトを作成してください。オブジェクトというのは四角形や丸型など、Inkscape で描いたもののことです。今回の例では長方形を作成してお話していきたいと思います。

『矩形ツール』で適当に長方形を作成しました。下図の例では色が黒になっていますね。
長方形を作成

(1)『選択ツール』をクリックし、今作成した長方形を選択してください。(2)すると長方形が選択され、複数の矢印が表示されると思います。(3)画面下部にあるパレットの色をクリックしてみてください。(もしパレットが表示されていない場合は、[表示]>[表示・非表示]>[パレット]にチェックを入れましょう。)
パレットの色を選択

色が変わりましたか?ただパレットにある色に自分が求める色があるとは限りません。もう少し色を調整したい場合は、オブジェクトを選択している状態で[オブジェクト]>[フィル/ストローク]を選択してみてください。
フィル/ストローク

画面右側に[フィル/ストローク]が表示されました。[フィル]タブを開き、マウスでドラッグをして好きな色になるように調整してみてください。

広 告

グラデーション

単色だけのベタ塗りではなくグラデーションをつけたい場合は、対象のオブジェクトを選択している状態で[線形グラデーション]または[放射グラデーション]を選択してください。名前のとおりですが、線形もしくは放射状にグラデーションがかかります。
inkscapeでグラデーション

グラデーションの角度などを変更したいときは、対象のオブジェクトを選択した状態で編集アイコンをクリックし、マウスでドラッグします。
グラデーションの角度などを変更

グラデーションの色を変更する

スタート地点の色と終点の色を変更する手順をご紹介いたします。上記の手順で編集アイコンをクリックすると[グラデーションエディタ]が画面上部に表示されます。[色フェーズ]をクリックしてみてください。2つの色がある状態です。上がスタート地点の色、下が終点の色を表しています。
色フェーズ

変更をしたい地点の色フェーズをクリックして[フィル/ストローク]の画面で色を選択しましょう。
グラデーションの色を変更

色フェーズを追加する

上記では2つの色フェーズしかありませんでしたが、色フェーズは追加することも、また追加されたものを後で少なくすることも可能です。

先程の[グラデーションエディタ]の中にある[新しい色フェーズを追加]アイコンをクリックし、その状態でグラデーションの線上でダブルクリックしてみましょう。すると色フェーズが追加されます。
色フェーズを追加する

追加された色フェーズに対して先ほどと同様の手順で色を変更することが可能です。

執筆者情報
2004年から当サイト「iscle」を始めた管理者。Google 公認のプロダクトエキスパートとして、YouTube、Google AdSense、Play の公式コミュニティで活動中。スマホアプリ、Web ツールの使い方や最新情報を中心に発信しています。