《ノードツールとは？・・・繊細かつ大胆に料理を飾るペティナイフのよう。美しい料理に不味い料理はない、か……。》
もくじ
『レイヤー・その2』では色を重ねていく方法を紹介しました。
その結果、写真からこんな絵が描けました。
この酷い絵を、どうやって美しいイラストに仕上げていくのか……。
まずは今の時点で、いくつのレイヤーを使っているのか見てみます。
『柄』『後ろ足』『ぼかししわ』『耳』『鼻』『黒目』『白目』『目』『茶虎』『外郭』『basic』11レイヤー。そうです、レイヤーは思いのほかたくさん使います。
ノードツールとは？
いったん確定した線をさらに細かく修正するには、
『ノードツール』を使います。（下図 コレ。）
ノードツールを選択すると、線の上に『白い点』で表示されます。（下図 コレ。）
これはペンツールで描いた時にクリック（確定）した点です。この点が修正する時の起点になります。
点にカーソルを合わせると……、
お！ 角が生えました。この角は『ハンドル』と言います。ハンドルを動かすと線がグニャグニャと動きます。動きますが……。
『でもなんだか思うとおりにならない。線が言う事を聞いてくれない』
そんな時は……、
<\div>
ノードツール・メニューバー
ノードツールのメニューを使います。
このメニューは全部で15種類あります。
（以下のリンク先ではわかり易いように練習用画面を利用して説明します。）
左から、
となります。いっぱいありますね……。ウンザリします。
全て使いこなす事はないと思いますけどね……。
しかし、これだけあれば、
描けない曲線はありません！！！
レイヤー・その３
へ続く……。
その２・レイヤーを重ねていく。
《その２・・・重ねれば重ねるほど美味くなる。ミルフィーユ？》
『その１・大まかな形をとる』では、まず１番下から2番目（外側）のレイヤーにネコの輪郭線をベジェ曲線を利用して、ザックリと確定する、というところまでやりました。
それをだんだん内側に向かって、だんだん細かく重ねていくわけですね。
次に『茶虎』を描きます。
やり方は『外郭』と同じ。ただ、形が輪郭線よりも複雑になってくるぶん、クリックの数も増えてきます。
ちょっと、やって、カチ。 ちょっと、やって、カチ。
とね。
丸ツールの使い方。
しかし、あまり熱心にやり続けると瞬きの数が減って目が悪くなります。
だから他のツールでもっとザックリ、もっと簡単に輪郭をなぞりましょう。
『茶虎』に続いて『目』を描きましょう。
これには『丸ツール』を使います。
丸ツール（上図、コレ。）をクリック。
ネコの目に合わせてドラッグすると円のサイズが確定します。その際、そのままドラッグすると、円を任意の楕円に描くことが出来ます。ここでは『白目』は真ん丸で描こうと思います。
真ん丸のまま、円の大きさを調整しいたい時は、SHIFT を押しながらドラッグします。
『白目』が入りました。続いて……。
『黒目』のレイヤーに切り替えて同じように円ツールで黒目を描きます。
『黒目』（青目）は少し楕円にしてみました。
黒目が入ると、グッと絵心のなさが際立ってきます……。
そしてこれを、11レイヤー分、色を分けて、カチカチやり続けると……。
こうなりました。
『まあまあ、絵じゃない？』 と思って写真を消すと……。
あららら……、なんだか酷い絵が浮かび上がりました。
まだまだこれからです。乞うご期待！！
その３・細かく形をとる。
その１・大まかな形をとる。
《その１・・・人の数だけ愛がある。色の数だけレイヤーがある、か……。》
もくじ
では、描き始めようと思います。
まずはレイヤーの説明から。
レイヤーは下から上に重なって表示されていきます。
この順番はとても重要です。
折り紙で顔を作っていると考えてみてください。
『目、鼻、口』、を作った上に『輪郭』を重ねてしまうと……、
目、鼻、口が見えなくなってしまいますよね。
レイヤーも同じです。
背景から始めて、色や形ごとに重ねていくため、細かく描こうとするとその分、
多くのレイヤーが必要となります。
まずは、いっぱい、レイヤーを作っておきましょう！
レイヤーの大量生産。
この、
『レイヤーアイコン』↓をクリック。（下図、コレ。１）
続いて右側に現れたレイヤー表示ウインドウ の + をクリック。（上図、コレ。２）
続いて画面上に現れた『レイヤーを追加』の『追加』をクリック。（上図、コレ。３）
（コレ。２）（コレ。３）の作業を繰り返す事10回……。
うわぁ～11個もレイヤーが出来ました！（下図、コレ。）まあ、とりあえずこれぐらいあればいいでしょう。
まずは一番下のレイヤーには、ベースとなる写真を入れます。
名前は『basic』にします。ベースとなる写真は動かす事や加工する事はありませんので、名前を付けて『ロック』しておくと便利です。
『目玉と鍵』のマーク。
レイヤー毎にあるこ2つのマークは、作業効率を上げるため、また誤作業を防ぐための、いわば『安全装置』の様なモノです。
『レイヤーを見せない、ロックを掛ける』
と
『レイヤーを見せる、ロックを解く』
の切り替えアイコンです。
ロックを掛けると一切の編集が出来なくなります。
目玉アイコンを閉じると、レイヤー自体が非表示になります。
虫眼鏡ツール
続いて、ネコの輪郭からなぞっていきたいと思います。しかしこのままだとちょっと絵が小さいので拡大します。拡大するには左側ツールボックスの下の方、
虫眼鏡ツール（下図、コレ。）をクリック。
クリックするたびに拡大されます。逆に縮小したいときはshiftキーと一緒にクリックします。
ペンツール
輪郭をなぞるのには、ペンツール（ベジェ曲線）を使います。
『ベジェ曲線』には慣れが必要です。
ここで挫折する人も少なくないかも……。ギターで言うところの『Fコード』です！
でも慣れるとすごく便利！！細かい部分は後で調整出来るので、まずはザックリでいいので、とりあえずネコの輪郭をなぞります。
レイヤーを下から2番目に切り替えます。（下図、コレ。）これを『輪郭』のレイヤーにします。
（レイヤーの名前を変更するには、カーソルをレイヤーに当てた状態で右クリックすると『レイヤー名を変更』と言う項目があるので、それをクリックします。）
ペンツールを選んだら、ネコの輪郭の上にどこでも一つ始点を決めます。（クリック。）
そして少し離して次の点を決めます。（クリック。）
その間に出来た直線をドラッグしながら動かしてネコの輪郭に合わせるわけですが……、
よくしなる細い針金を、指先で捩じりながら曲げている、そんな感覚がつかめれば、ほぼマスターしてます。おめでとう！！
それをネコの輪郭に合わせて一つ決まれば次の点を決めて、またドラッグして曲線を輪郭に合わせてまた次の点……。
これを繰り返して、ぐるっとネコを一周繰り返して『始点』に戻ってカーソルを重ねてクリックすると……。
（カーソルが『始点』と重なると赤くなります）
線が閉じて黒くなり……。
ネコの輪郭が『パス図形』として選択されました。
見易いように赤い色を付けてみました。色を付けるには右下に『フィル』と『ストローク』という文字の『フィル』をクリック……、
画面下に並んでいるカラーバーで色を選びます。
『フィル』は、選択したパス図形の内側の事を言います。この場合、ネコですね。
『ストローク』は、そのパス図形の『輪郭線』 の事を言います。
これは、『フィル』を赤、『ストローク』を黒、に設定しています。
しかし……、
不透明度（％）
フィルの色がこんなに濃いと、元の写真が見えません。元の写真が見えないと、次のレイヤーが描けません。
そういう時は、右側のレイヤーウインドウの真ん中へんにある、
不透明度（下図、コレ。）を下げます。下げますと……。
こんな感じです。これなら別のレイヤーで他の部分も確定できますね。
これを繰り返して、だんだん内へ内へとレイヤーの色と形を重ねていくわけですね。
写真の取り込み
写真の取り込み。
《写真の取り込み・・・かの天才彫刻家、オーギュスト・ロダンは言った。『模倣を恐れるな！』はい、じゃあ、そうします……。》
絵の上手い方にはわかりますまいが……。
私の様に、絵心がない人間にとって、人に自分の描いた絵を見せるのは、ビキニでプールサイドを歩くのと同じぐらいの努力と度胸を必要とするのです。しかし、ちょっとトレーニングをしたぐらいでは絵は上手くなりません。腹筋は割れません。だから……。
まずはモチーフとなる写真を決めましょう。まずはそれをなぞって、絵を描くわけです。フリー素材でもいいですが、自分で撮った写真なら問題ないと思います。
私はこの写真↓（愛猫・とのま）をモチーフにしてみます。
では、インクスケープに写真を取り込みます。
左上の『ファイル』をクリックし、『開く』をクリック。
写真選択画面が現れるので、好きな写真を選んだら、右下の『開く』をクリック。
写真が取り込まれました。
でもちょっとデカいので、要らない部分を切り取ります。
まず左のツールバーのペンツール（上図、コレ。）
をクリック。
ペンツールは糸を引くようなツールです。カーソルを動かすだけで、直線が現れます。
２つの点（始点と終点）を指定してドラッグすると随意の曲線を引くことが出来ます。(ベジェ曲線)
写真を適当な形に確定します。ペンツールはクリックのたびに線が確定されるので、下図のように、四角く指定する場合は、角ごとにクリックして、最後に始点と終点を重ねてクリックすると、囲まれた範囲が確定されます。
次に、矢印ツール↓
をクリック。
もとの写真と、ペンツールで確定した部分を、shift を押しながら両方クリックします。すると両方が確定されます。
ツールバーから『オブジェクト』をクリック。
続いてプルダウンメニューから『クリップ』⇒『設定』をクリック。
切り抜けました。
『オブジェクト』⇒『90°回転、時計回り』をクリック。
切り抜けました。
その１・大まかな形をとる。
inkscape
INKSCAPE
《第1節・まずは！》
《inkscapeとは・・・絵を描けない人でも絵が掛ける。だけじゃなく、工夫できる、上達できる。夢の無料ドローイングソフト、か……。》
私も、絵心ゼロを自称するモノとして、
この『inkscape』はドローイングソフトとしてお勧めです。
★ ダウンロード&インストール！
inkscape のダウンロード&インスト―ルに関しては、
こちらから行ってください。
★inkscapeを起動する。
インストールが終了すれば、さっそく起動してみます。
↓起動するにはこのアイコンをクリック。↓
（私のローエンドパソコンでは、15~20秒ぐらい掛かります。）
