この記事には広告が含まれています。
今回は、イラストメイキングの3回目です。
前回の記事↓
それでは、さっそく本編にいきましょう。
線画を整える
まず、下描きのレイヤーを非表示にして、納得のいくトレースに仕上がっているかを一度確認します。
![](https://irarecreate.com/wp-content/uploads/2022/11/59171f08a2e08e030b4f7f69e215349e-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/11/fcfbf0d7293f348469ac2e324eb8671a-1024x576.jpg)
気に入らないところがあれば、ダイレクト選択ツールに切り換え、
![](https://irarecreate.com/wp-content/uploads/2022/11/d2c7b469eb234cd5c6a58a9be4d89812-1024x576.jpg)
アンカーポイントの位置やハンドルを再調整します。
![](https://irarecreate.com/wp-content/uploads/2022/11/005ca7d25f0a73c95c37ce7f819fa05d-1024x576.jpg)
このとき、線と線の間はしっかり詰める(隙間をなくす)ようにします。
のちの塗り潰し作業で漏れをなくするためです。
下図(1枚目)のような細かいところもしっかり詰めます。
![](https://irarecreate.com/wp-content/uploads/2022/11/e8dd36aa8c0456767ffb1141965a2026-1024x576.jpg)
下図マーキング部分は、アンカーポイントです。
![](https://irarecreate.com/wp-content/uploads/2022/11/34e9b7c2c94dd853516a08c790790c92-1024x576.jpg)
ちょっとアンカーポイントが多いな
と思ったところはアンカーポイント削除ツールでアンカーをクリックして消していき、
![](https://irarecreate.com/wp-content/uploads/2022/11/aa36679dc83d29ce9fe4ef2e6458fab3-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/11/503369dea151f5e66c74545ad5080e5d-1024x576.jpg)
そのあと、ダイレクト選択ツール(A)で改めて調整を行います。
![](https://irarecreate.com/wp-content/uploads/2022/11/7a2de19e107a26685679bdae5eb0ad7a-1024x576.jpg)
区切り線を引く
この調整が終わったら、レイヤーパネルから新規レイヤーを作成して、色塗りの範囲を区切るためだけの線を引いていきます。
![](https://irarecreate.com/wp-content/uploads/2022/11/92c95820c5248be35e6c32be2be6f368-1-1024x576.jpg)
レイヤー名は「クローズ」としておきました。
![](https://irarecreate.com/wp-content/uploads/2022/11/3ec4990f0a64b176faae8a2857eb621a-1024x576.jpg)
「トレース」のレイヤーは、一時的にロックしておきます。
![](https://irarecreate.com/wp-content/uploads/2022/11/fb7463e3aa1ecd45c89fc4980bc1e0a9-1024x576.jpg)
そうしたら、ペンツールに切り換え、区切り線を引いていきます。
![](https://irarecreate.com/wp-content/uploads/2022/11/bfa99016e283a1cb498345ed461027eb-1024x576.jpg)
塗りは「なし」で、線は見やすいように「赤(任意)」にしておきます。
![](https://irarecreate.com/wp-content/uploads/2022/11/9b0eb88236359490476ca3a33e79aac6-1024x576.jpg)
線の太さは、何でもOKです。
![](https://irarecreate.com/wp-content/uploads/2022/11/debc8327fc43e2da234e7fe53ba57759-1024x576.jpg)
区切り線を加える箇所は下図マーキング部分だけです。
![](https://irarecreate.com/wp-content/uploads/2022/11/8d416733c288b0a1da86d65ff9e225d4-1024x576.jpg)
前回の記事の知識を活かして、下図(1-3枚目)のように描いていきます。
ペンツールは練習あるのみです。
![](https://irarecreate.com/wp-content/uploads/2022/11/37efcc569d4739442a55a288357a6f5e-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/11/74fac1525886c319f72de1447667b54d-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/11/3d01b206310969c537925aaf68b7c761-1024x576.jpg)
線の端をマルくする
ここまできたら、いよいよ色塗りですが、その前に線の端の形を変えます。
現状だと、線がぶつ切りになっていますね(下図参照)。
これをマルくします。
![](https://irarecreate.com/wp-content/uploads/2022/11/baeff33d39b270fee10cdcd52d83bc23-1024x576.jpg)
レイヤーパネルから「トレース」レイヤーにかかっているロックを解除して、
![](https://irarecreate.com/wp-content/uploads/2022/11/5ed8090e991334221e2aece2519cfd74-1024x576.jpg)
選択ツールで全ての線を選択した状態で線パネルを開き、下図(1枚目)マーキング部分を押して、線の端をマルくします。
![](https://irarecreate.com/wp-content/uploads/2022/11/ddb2a949654143d1f3ebb3f3769207e4-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/11/8b66591cba30ee1f71ecc4b2b677a0f3-1024x576.jpg)
色塗りをする
これが終わったら楽しい色塗りです。
まず、選択ツールで全ての線を選択します。
「クローズ」レイヤーの赤い線もです。
![](https://irarecreate.com/wp-content/uploads/2022/11/5d69f87ff9df4f3ab0f9ea9f29f2f06c-1024x576.jpg)
そうしたら、これらをバックアップとしてコピーしておきます。
コピーは、線を選択して左クリックを押したままの状態で、
![](https://irarecreate.com/wp-content/uploads/2022/11/0597edb790b7541023438e8054318d62-1024x576.jpg)
alt(option)を押しながらドラッグし、左クリックを離してから、alt(option)を離せば、できます。
![](https://irarecreate.com/wp-content/uploads/2022/11/bc877cd7ced686d95efc0cba8900991e-1024x576.jpg)
次に、右側の線を選択した状態でライブペイントツールに切り換え、
![](https://irarecreate.com/wp-content/uploads/2022/11/91902e86b17a4b19db1ac92c1c470bf4-1024x576.jpg)
塗りを「黒(任意)」、線を「なし」に設定します。
塗りを「黒」に設定したのは、塗り漏れを防ぐためなので、見やすい色なら何でもOKです。
![](https://irarecreate.com/wp-content/uploads/2022/11/39d3742f30eebd43eae6bb33863cfc66-1024x576.jpg)
カーソルがこんな感じ(下図参照)の見た目になるので、
![](https://irarecreate.com/wp-content/uploads/2022/11/57396f2f9d202ba3b51f18b3b28edc8f-1024x576.jpg)
左クリックしていき、ウサギを塗りつぶしていきます。
![](https://irarecreate.com/wp-content/uploads/2022/11/38a757a9db577cb00a4519a3c905bd5b-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/11/f6792a98abf46ec58bbac9698d802141-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/11/0d22bca80c147040411ecc77f21e865b-1024x576.jpg)
これが終わったらここの「拡張」というところを押して、色で区切られた、それぞれの部品を個別に編集できるようにします。
![](https://irarecreate.com/wp-content/uploads/2022/11/ac4c763b452607c964948da19f55f376-1-1024x576.jpg)
拡張直後、これらはグループ化されているので、shift + ctrl(⌘) + [ g ]でグループ化を解除しておきます。
![](https://irarecreate.com/wp-content/uploads/2022/11/8ef17dfeec832c2a3425e092fe331caf-1024x576.jpg)
線の方は、いらないので削除します。
![](https://irarecreate.com/wp-content/uploads/2022/11/8d68dc5d2b4de61c4ea4a967866060a5-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/11/644338238a9e550ee31cb00e93a73df5-1024x576.jpg)
残った塗りの方にそれぞれ色をつけていきますが、これらの塗りはグループ化されているので、先ほどのように、shift + ctrl(⌘) + [ g ]でグループ化を解除するか、
![](https://irarecreate.com/wp-content/uploads/2022/11/f7859b6d2110337772d71b9e3bd8e5b9-1024x576.jpg)
グループ化したままダイレクト選択ツールで、
![](https://irarecreate.com/wp-content/uploads/2022/11/ec9d74ca649e91d1a92c829e9e8b517e-1024x576.jpg)
それぞれの部品を選択して、色をつけていきます。
![](https://irarecreate.com/wp-content/uploads/2022/11/538ce64fcb0b9847c198a4b655bc9522-1024x576.jpg)
あとは、バックアップとして取っておいた線を、もう一度コピー(赤線は除く)して、色を塗った部品に重ねれば、ウサギのイラストの完成です。
![](https://irarecreate.com/wp-content/uploads/2022/11/edda0b5cdb9ad4ef590fd3bc215f6938-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/11/48e5746a3a907fbdba5eb1fe4d2ea7e3-1024x576.jpg)
このとき、「クローズ」レイヤーに色塗りをした部品が入っていたり、
![](https://irarecreate.com/wp-content/uploads/2022/11/e3ee1f0d21d5b340d97f2b4ceed0a1e5-1024x576.jpg)
線と塗りの重ね順が前後していたりしているので、
![](https://irarecreate.com/wp-content/uploads/2022/11/45bb084115ad735b6519992dd877bb1d-1024x576.jpg)
部品の移動は、移動させたい部品を選択した状態で、移動元レイヤーから移動先レイヤーへドラッグ&ドロップ、
![](https://irarecreate.com/wp-content/uploads/2022/11/9521afd235c14db63d68baeb11c2602d-1024x576.jpg)
その四角形をドラッグ&ドロップすると、移動ができます。
重ね順の変更は線、または塗りを選択した状態で右クリックして、「重ね順」というところから行います。
![](https://irarecreate.com/wp-content/uploads/2022/11/4dcefe5824055fa349d726f71bb67b15-1024x576.jpg)
模様の線(下図マーキング部分)がくっきりして嫌だという場合は、消しても良いかもしれません。
![](https://irarecreate.com/wp-content/uploads/2022/11/71a55c56773565eb80da40f5bf52358a-1024x576.jpg)
これで、うさぎイラストの完成です。
![](https://irarecreate.com/wp-content/uploads/2022/11/630d434210dfa534fa6754ce58f94903-1024x576.jpg)
最後までお読みいただき、ありがとうございますm(_ _)m
コメント