輪郭を描く

さてまずは輪郭から描いていきます。どこから描き始めてもいいのですけれど、だいたい顔の輪郭から描き始めることが多いです:)。
パンちゃんの右のこめかみ辺りにカーソルを合わせて、マウスを押したまま、下絵の線が進む方向へドラッグします。方向線をある程度伸ばしたらマウスを離して、今度はパンちゃんの口元らへんにカーソルを合わせて、同じようにドラッグ。するとセグメントが描画されるので、下絵の輪郭と重なるように方向線を調整します（この時点でカタチが合わなくても、あとから調整できるので構わず次に進みます！）。続けて左のこめかみ辺りからドラッグして、下絵の輪郭とセグメントのカタチを合わせます。

アンカーポイントを置く位置をどこにしたらいいかは、“なんとなく”です！けどなるべくアンカーポイントの数は少なめがよいので、ここでは3つの地点を結んで顔の輪郭を描きました（下図）。

ダイレクト選択ツールで、アンカーポイントを調整して、パスのカタチを整えたら一丁あがり。

同じ要領で、じゃんじゃか下絵をなぞってパスを描いていきます。まつげのところはツンツンにするために線でなくて塗りで描いたり、アンカーポイントからはなるべく常に方向線を伸ばすようにしてパスをつないでいきます。あと、閉じないパスの端っこからは方向線を伸ばしっぱなしにしないようにします。
カチカチカチカチなぞっていきます。

全部なぞり終わったら、テンプレートレイヤーを非表示にして、パスで描いた線のバランスを整えます（ここでは目の位置をちょっと下げるだけでした）。バランスがこれでよしとなったら、線パネルの線端を「丸型線端」に、角の形状を「ラウンド結合」にして、カク張った線の先端を丸くします。あと、余分なところを消したりなんだりで、線画のできあがりです。

色塗り

線画を利用して塗り面を用意します。
lineレイヤーから、塗り面に必要な線だけ選択して、レイヤーパネルの右端にある赤い四角をoptionを押しながらcolorレイヤーのところまでドラッグ。これで線画がcolorレイヤーに複製されました。塗り面に必要な線だけというのは、塗り面とは関係なさそうな、コック帽のシワとか、パンの模様以外の線のことで、ここでは下図のような具合に複製しました。
lineレイヤーはロックして非表示にしておき、colorレイヤーに移動した線画の線端を「パット線端」に変更して、すこしだけ線幅を細くしておきます（ここでは0.353mm→0.2mmにしました）。

輪郭が途切れているところがないかチェック^※して、大丈夫だったら「オブジェクト」→「パス」→「パスのアウトライン」を選択し、続けざまにパスファインダーパネルの「合体」をクリック。これで、線の部分が塗りになって、線に見えるけどオブジェクトという状態になります。
ダイレクト選択ツールで、線に見えるオブジェクトの外周だけ（下図参照）を選択してdeleteすれば、塗り面が完成です！いったん適当な色に変えたら、lineレイヤーを表示します。

このままだと、余分なアンカーポイントが作られちゃっててごちゃごちゃしてるので、アンカーポイントを削減します。
例えば服の塗り面は、脇のところまでパスが伸びて遠回りしちゃってます。パス消しゴムツールで遠回りしてる部分を分断するようにスッとなぞると、パスが途切れます。連結ツールを使って、途切れたパスを繋ぐようになぞると、綺麗につながりましたー（下図）！
あと、くび毛や四角巾に沿って描かれた部分も余分なので、服以外の塗り面をロック（command+2）してから、なげなわツールで余分なアンカーポイントを選択してdelete。ペンツールでパスの端と端を繋いだら一丁あがり。さっきのロックは解除（command+option+2）しておきます。

コック帽とか、四角巾とか、パンツのとことかも同じように、アンカーポイントを削減したら、塗り面できあがりです！

あとは色決めです。
コック帽はとりあえず「C:5 M:10 Y:10 K:0」でオフホワイトっぽくしてみました。色を変えると、オブジェクトが重なってしまうところがあるので、そこも直しながら塗り進めます（オブジェクトの重ね順については後述）。
肌（毛?）の色とかはCMYK スペクトルから適当なところをクリックして、良さげな色が見つかったら、そこから数値をいじって微調整したりして決めていきます。 色決めのときにはcommand+Hして、選択中に表示されるレイヤー色の境界線を非表示にしておくと、見やすくてよいです:)。

あと、線画のときに描き忘れてたほっぺは、色を線画よりも上に乗せたいので、lineレイヤーに描いて色を付けます。
で、色塗り完了！

影付け

イラストに奥行きを出すために、影をつけます。影用のオブジェクトは、塗り面を利用して作ります。
塗り面を全選択（command+A）したら、optionを押しながらshadowレイヤーに移動。複製できたら、colorレイヤーはロックしておきます。
shadowレイヤーに移動したオブジェクトの色を「C:10 M:10 Y:10 K:10」にして、透明パネルの描画モードを「乗算」にしておきます。ここから、影になる部分を切り出していくことになります。

影の切り出しにはナイフというツールを使います。
コック帽の塗り色を選択した状態で、どんな風な影になるか想像しながら、一筆描きでカットします。コック帽ではとりあえず3箇所、影を作りました。同じ要領で、他の部分の影もきりきり切り出していきます。

くび毛の影と服の影が重なってるところがあるので、ここはくび毛の塗りオブジェクトを利用して、パスファインダーパネルの「前面オブジェクトで型抜き」というのをクリック。重なってた部分がなくなりました（下図）。

ひととおり切り出したら、気になるところはカタチを調整したり、物足りないところには影を描き足したりします。
重なるように追加した影は、重なった部分だけ影が濃くなってしまいますけれど、そんなときには、いったん描画モードを通常に戻して、重なった影をグループ化（command+G）してから乗算にすれば、重なった部分も含めて一つの影になります。

さらに、地色に合わせて、影の色も微調整します。
地色が黄色っぽい顔の部分はYを多めに「C:10 M:10 Y:15 K:10」、赤みがあるお毛けの部分はさらにMを足して「C:10 M:15 Y:15 K:10」、緑色の部分には緑みを足して「C:15 M:10 Y:15 K:10」という具合に、影色を調整してます。全部「C:10 M:10 Y:10 K:10」の影よりも、地色ごとに調整した影の方がなんだかちょっと温かみがでてる気が、しないでもないですよね…X)！

あと、影と同じ方法で、ハイライトも作ったりします。ハイライトは「C:0 M:0 Y:0 K:0」の真っ白で、描画モードを「ソフトライト」にしてます。
こんな感じになりました。

線幅調整

仕上げに、パスの線幅にニュアンスをつけて、イラストに深みを与えます。
線幅ツールを使えば、パスの任意の地点の線幅を、太くしたり細くしたりできます。
線幅ツールに切り替えて、パスにカーソルを乗せると、パス上に白丸が表示されます。白丸が表示された状態でそのままドラッグすれば、その部分の線幅が自然なカタチで調整されます:D。また、白丸が表示された状態でダブルクリックすれば、線幅ポイントを編集パネルが開いて、数値でもって線幅を指定することもできます。
ここでは、数値で線幅を指定していきます。

実際に筆でイラストを描くときの力の入れ具合を想像しながら、太さを調節してゆきます。スー、グッ、スー。スッ、スー、グイッスー。みたいなカンジを意識して、スのところは細め、グのところは太めです。
一番太いところは「全体の幅」を1mmに。若干太いところは0.6mm、細いところは今のままの0.353mmで、特に細くしたいところは0.3mmと決めて、線の強弱を調整します。
線幅を太くしたことで、線がはみ出しちゃったところがあるので、ちょっとズラしたり、線端をパット線端にしたりして、ハミ出さないよう修正したらできあがり。

線が強調されたためか、ちょっと黒が強く感じるようになっちゃったので、若干色味を淡く、焦げ茶色に変えます。
この焦げ茶色は一番濃い影の色と同じにしています。一番濃い影の色っていうのは、パンのクープのところの色。このままだと、スポイトで色を取っても「C:15 M:20 Y:20 K:15」のグレーしか取れないので、影色と地色を混ぜた色を用意する必要があります。

適当なオブジェクト（ここでは正方形）を用意して、クープの色と影の色を重ねて置いたら、2つのオブジェクトを選択して、「オブジェクト」→「透明部分を分割・統合...」を選択して、透明部分を分割・統合パネルで「OK」をクリック。すると、オブジェクトがパスを境に3つに分かれて、真ん中のオブジェクトは、地色に影色が乗算された色になりました:D！

すかさず線画を選択して、shiftを押しながらスポイト。あと、まつ毛はなにも押さずにスポイトします。
最後にパンのカタチをちょっと微調整して、地面に影をつけたら、…できあがりー！

パーツを作る

線画がないので、直接塗り面から作っていくカンジで描いていきます。まずは顔から、鉛筆ツールで下絵をなぞります。
線で描くイラストの時みたく下絵の通りになぞるだけだと、塗り色を指定した時に始端から終端までが直線で塗られることになってしまうので、ちゃんとおでこも塗られるように、コック帽に重なるようにパスを伸ばしておきます。切り絵みたいな感覚で、紙を重ねて張り合わせるためののりしろ部分を作っておくカンジですねー。
パスの線端に鉛筆ツールを近づけると、鉛筆ツールの右下の「＊」マークが、「／」マークに変わるので、そこからドラッグを始めます。グーッと線を引いて、もう一方の線端に近づくと今度は「○」マークに変わるので、そこでドラッグを止めれば、線がつながります。

※CC 2015だと、鉛筆ツールオプションパネルで「両端が次の範囲内のときにパスを閉じる」という項目にチェックしておかないと「○」マークが出ないので注意です:(。

あと、ちょっと線が歪んでしまったところとかを修正するには、鉛筆ツールでもう一度描き直せば、元の線を更新することができます。選択された状態のパスに鉛筆ツールを近づけると「＊」マークが消えるので、そこから新たに線を描きます（下図左）。

カタチが整ったら、仕上げにアンカーポイントを削減します。鉛筆ツールで描いた線はどことなく無駄なアンカーポイントが作られがちなので、その無駄なアンカーポイントを削減するのです。
アンカーポイント削減にはスムーズツールを使います。
鉛筆ツールを使ってる時にoptionを押しながら、選択された状態のパスの、アンカーポイントが多めなところのちょっと外側ら辺をスッとなぞります。するとパスのカタチは割とそのままに、アンカーポントだけが削減されましたね！（下図真ん中）

この調子でじゃんじゃかパーツを作ってゆきます。
コック帽のスジのところや、四角巾のシワやパンの模様も、ここでは「線」じゃなくて「面」で作らなきゃならないです。線で描くイラストの時の影を作るカンジで描いていきます。

最後に下絵を非表示にして、パーツのバランスを整えたら、できあがり。

色塗り

続いてパーツに色を割り当ててゆきます。
パンちゃんの色は、前に作ったパレットから、スポイトしていけば楽チンですねー:D。
まずは顔と腕と足の色をスポイトします。するとなんだか、胴体のパスが顔の上に乗っちゃってるし、よく見ると腕も服の上に乗ってて、足もパンツの上です。前述したオブジェクトの重ね順の所為ですね…X(。色を割り当てながら、オブジェクトの前後関係もきちんとしておきます。
コック帽を含めた頭の部分を全部選択して最前面へ移動（shift+command+[）。腕と足は最背面へ移動（shift+command+]）すれば一件落着です。

次にコック帽と服の色をスポイト。今度は前髪がコック帽の上に乗ったり、くび毛が服の下になってたり、パンツが服の上に乗ってるのがわかります（下図）。コック帽だけ選択して最前面へ移動。続いて頭とくび毛を選択して最前面へ。最後にパンツを選択して最背面へ移動すれば、もう一件落着。

色をじゃんじゃかスポイトしていくと、四角巾の色をつけたら、右側の結び目のシワが隠れちゃいました。けどこのままじゃシワのパスが選択できないですね…。そんな時にはレイヤーパネルから「表示の切り換え」を活用します。
レイヤーパネルの目のアイコンのところを、commandを押しながらクリックすると、アイコンが白目をむきます。すると、ガタガタパスだけの表示になって、さっき隠れてしまったシワのパーツも丸見えになりましたー。チョイと選択して、最前面へ移動したら、表示を元に戻します。結び目のこぶの部分を最前面にしておきます。

コック帽のスジのところと、パンのクープのところのオブジェクトが、下のパーツからはみ出してますね…。はみ出さないようにするには、下のパーツを利用して、パスファインダーの「交差」というのを適用します。これは、重なったオブジェクトの重なってる部分だけを残す、という事をします。
まず下のパーツをその場にコピペ（command+C→command+F）して、shiftを押しながら、はみ出してるパーツも選択。そこでパスファインダーパネルの「交差」アイコンをクリックすると、重なってる部分だけ残って、はみ出してたところがなくなりました（下図）。

コック帽のスジのところとか、四角巾のシワ、パンの模様のところの色には、影色を使います。コック帽のスジのところは、オブジェクトが重なってるところがあるので、グループ化してからスポイトします。
それぞれスポイトすれば、色塗りおしまい！

影付け

影を付ける前に、パンちゃんをパーツごとにレイヤー分けします。
頭の部分はlineレイヤーに移動。くび毛はshadowレイヤーに移動。胴体の部分はbgレイヤーに移動しておきます。レイヤー名と関係なくなっちゃいましたが、面で描くイラストの場合こういうレイヤー分けの方が影を付けやすいんです:)。

影の作り方は、線で描くイラストの時と同じように塗り面を利用します。けど、いっぺんにはできなくて、ひとつずつ影を作っていくことになります。

まずはコック帽から。
コック帽のふたつのオブジェクトをその場にコピペしたら、パスファインダーパネルの「合体」をクリックしてひとつのオブジェクトにします。影色をスポイトしたらおもむろにナイフできりきり。影部分が切り出せたら、影じゃない方のオブジェクトをdeleteすれば一丁あがり。
同じ要領でほかの影もじゃんじゃか作ってゆきます。

切り出した影のカタチを微調整したり、コック帽のところの影がちょっと違和感があったので修正したり、あと、四角巾の下とかくび毛の下にも影を描き足します。

パントレイのところの影をもうちょっと描き込んだり、パンの位置を調整したりなんだりしたら、影おしまい！

線で描くイラストの時と同じく、影と同じ要領でハイライトも切り出します。ハイライト色は真っ白で、描画モードはソフトライトです。
最後に地面に影を落としたら、できあがり！

輪郭線を描く

「選択範囲のみ結合」のチェックを外しているため、同じ塗り色で描いた線は、重なった部分はどんどん合体されて、ひとつのオブジェクトになります。結合されないようにするには、そのときだけ塗りの色を変えれば問題ないです。まつげの部分とかは、あとからバランスを調整したいので、シェイプが結合されないように塗り色を変えて描いてゆきます。
たとえハミ出しても、線がヘロヘロでも、あとから修正するので、今は気にせずなぞってゆきます。

すべてなぞり終えたら、ハミ出したところや、線がヘロヘロなところを、鉛筆ツールでパスを上描きしたり、スムーズツールを使ってアンカーポイントを減らしたりで、きれいにしていきます。
きれいにするとはいえ、ただスムーズにするだけじゃなくて、払うところと止めるところを意識して、墨だまりを作ったり、塗りブラシツールで描いた線をあえて残したりして、線端や線幅にちょっと質感を感じるようにしていきます。

色塗り

色塗り面は、線で描くイラストの時と同じく、線画を利用して作ります。
できあがった線画の内側だけ選択した状態で、optionを押しながら、lineレイヤーからcolorレイヤーへ複製して、いらないパスを削除すれば塗り面のできあがり;)。lineレイヤーはロックしておきます。

色はパレットから、それぞれスポイトして塗ってゆきます。顔と腕と足、毛とパン、四角巾とパンツはそのままスポイト。パンの模様は、lineレイヤーからshadowレイヤーに移動して、影色で塗ります。
あと、線画とほっぺにも色をつけたら、色塗り完了！

塗り色が線画ギリギリまでしかなくて不安なので、塗りのオブジェクトをちょっとだけ膨張させるべく、メニューバーから「効果」→「パス」→「パスのオフセット...」を選択します。
パスのオフセットは、オブジェクトの外側／内側に向かってアンカーポイントを移動させることで、オブジェクトを太らせたり痩せさせたりしてくれる機能で、ここではオフセットの値を「0.6mm」にして適用しました（あとの2つは初期値のままです）。
けどよく見ると実際のパスは塗りの内側を通ってますね…。というのも、イラレの「効果」で適用した効果は、いったんアピアランス属性というのに登録されてて、まだ実際にパスには適用されていない状態なんです。これを実際のパスに適用するためには、パスを選択した状態で、「オブジェクト」→「アピアランスを分割」を選択します。

パスのオフセットを適用したら、塗り面のオブジェクトのアンカーポイントを削減します。線で描くイラストで色塗り面を作った時と同じくやっぱり、アンカーポイントが余分にごちゃごちゃしちゃってるので、その無駄を省くのです。
遠回りしてるパスをパス消しゴムツーツと連結ツールを使って短くしたり、鉛筆ツールでハショったり、スムーズツールを使ってアンカーポイントを少なくしたり。

服の四角巾に沿って遠回りしてるパスはショートカットしてシンプルに、四角巾の別れてるパスもひとつにつなげてシンプルにします。

影付け

影付けも線で描くイラストの時と同じく、影用のオブジェクトを、塗り面を利用して作ります。
塗り面をshadowレイヤーに複製したら、パレットからそれぞれの影色をスポイトしてから、ナイフで、影のカタチを切り出していきます。

切り出してじゃ作れない影は別途描き足して、ハイライトも付けて、地面に影を置いたら、はいできあがり！