今回はiPad版イラストレーターを使ってベクターイラストを作成します!私が普段やっている「下書きをトレース」と「色の付け方」をご紹介します!今回は「複合パスを解除」で色を付ける方法です。
![](https://u-tami-1.com/wp-content/uploads/2022/09/20220906_095812633_iOS.png)
ペンタブがなくてもApple Pencilで直感的に描くことができ使い方もシンプルなのが魅力的です。
アートボードを作成>下書き挿入
![](https://u-tami-1.com/wp-content/uploads/2022/09/20220913_052949045_iOS-1024x735.png)
![](https://u-tami-1.com/wp-content/uploads/2022/10/20221026_023343776_iOS-1024x748.png)
「新規作成」からアートボードを作成します。用意されているアートボードを使用する場合はタップして「ファイルを作成」をタップします。サイズを指定する場合は「単位」「幅」「高さ」「方向」「カラーモード」を指定します。作成したアートボードを保存する場合は「この設定を保存」にチェックを入れてファイルを作成します。
![](https://u-tami-1.com/wp-content/uploads/2023/02/20230213_052842684_iOS-1024x768.png)
左のツールから「配置」をタップして挿入したい画像が保存されているファイルを選択します。挿入したい画像をタップするだけでアートボードに配置されます。
![](https://u-tami-1.com/wp-content/uploads/2023/02/20230213_052948772_iOS-1024x768.png)
![](https://u-tami-1.com/wp-content/uploads/2023/02/222.png)
画像を挿入して選択ツールで選択すると表示されるパネルから不透明度を下げます。パネルにある鍵のアイコンをタップするとレイヤーがロックされます。ロックがされると鍵アイコンがつき、編集ができなくなるので下絵にするのに便利です。
塗りブラシでトレースする
ブラシツールには「鉛筆」「塗りブラシ」「ブラシ」があります。「鉛筆」と「ブラシ」は線なので後から線の幅を変更するのに便利です。「塗りブラシ」は線ではなく面として塗られます。また同じ色で重なる部分は1つのオブジェクトになります。
![ゾウたみ](https://u-tami-1.com/wp-content/uploads/2022/06/名称未設定のアートワーク-7-2.gif)
今回はどのブラシを使うの?
塗りブラシだよ!
![うーたみ](https://u-tami-1.com/wp-content/uploads/2022/06/吹き出し.gif)
鉛筆:パスを自動で閉じてほしい時に使ってます。
塗りブラシ:線を1つのオブジェクトとして描きたいときに使ってます。
ブラシ:後から線幅を変えるかもしれないときに使ってます。
![](https://u-tami-1.com/wp-content/uploads/2023/02/20230213_070043651_iOS-1024x768.png)
![](https://u-tami-1.com/wp-content/uploads/2023/02/20230213_070110211_iOS-1024x768.png)
レイヤーをタップして「+」から新規レイヤーを作成します。塗りブラシを選択して好きなブラシを選択します。今回は「ラウンド」を使用しました。
![](https://u-tami-1.com/wp-content/uploads/2023/02/20230213_070149675_iOS-1024x768.png)
![](https://u-tami-1.com/wp-content/uploads/2023/02/20230213_070211355_iOS-1024x768.png)
「ブラシ設定」では尖端設定からチェックを外しました。チェックを入れると開始と終了の尖端を設定できます。好みで設定してください。
サイズと滑らかを設定してトレースの準備が完了です!後は下絵をトレースするだけです。
色を塗る:①複製する
トレースができたら次は色を付けます。アウトラインの下にレイヤーを作成してペンツールや鉛筆ツールで色を付けることもできますが、今回はアウトラインを複製して色を付ける簡単な方法をご紹介します。
![](https://u-tami-1.com/wp-content/uploads/2023/02/20230213_084651446_iOS-1024x768.png)
まずはレイヤーからアウトラインを左にスワイプして「複製」をします。
![](https://u-tami-1.com/wp-content/uploads/2023/02/20230213_084739917_iOS-1024x768.png)
複製したアウトラインはロックして非表示にします。
色を塗る:②複合パスを解除&グループ解除
![](https://u-tami-1.com/wp-content/uploads/2023/02/20230213_084833270_iOS-1-1024x768.png)
アウトラインを選択ツールでドラッグして全選択します。右側の「オブジェクト」から「複合パスを解除」をタップします。グループが解除されていない場合は「オブジェクト」から「グループを解除」してください。
![](https://u-tami-1.com/wp-content/uploads/2023/02/20230213_085233360_iOS-1024x768.png)
複合パスを解除すると真黒になります。
![ゾウたみ](https://u-tami-1.com/wp-content/uploads/2022/06/名称未設定のアートワーク-7-2.gif)
描く絵によってはアウトラインが1つのオブジェクトになってないから真黒にならないよ!
その場合は部分毎に複合パスを解除してね!
![うーたみ](https://u-tami-1.com/wp-content/uploads/2022/06/吹き出し.gif)
色を塗る:③アウトライン削除
![](https://u-tami-1.com/wp-content/uploads/2023/02/20230213_085233360_iOS-1-1024x768.png)
アウトラインの部分だけを選択して削除します。
![ゾウたみ](https://u-tami-1.com/wp-content/uploads/2022/06/名称未設定のアートワーク-7-2.gif)
アウトライン部分だけを選択するの難しい!
レイヤーからアウトラインを削除するか、選択ツールで外側からドラッグしてオブジェクトに少し触れるとアウトラインだけを選択することができるよ!
![うーたみ](https://u-tami-1.com/wp-content/uploads/2022/06/吹き出し.gif)
![](https://u-tami-1.com/wp-content/uploads/2023/02/20230213_085303447_iOS-1024x768.png)
削除できたら残った部分はアウトラインと違う色にしたいので、全選択して塗りのカラーをタップして色を付けます。
![](https://u-tami-1.com/wp-content/uploads/2023/02/20230213_085412940_iOS-1-1024x768.png)
非表示になっている複製したアウトラインのレイヤーを表示にします。複合パスを解除すると空白部分もパスが作成されるので色が必要ない部分は選択して削除します。
![ゾウたみ](https://u-tami-1.com/wp-content/uploads/2022/06/名称未設定のアートワーク-7-2.gif)
アウトラインのレイヤーはロックも解除するの?
ロックは解除しないで表示だけしてね!
![うーたみ](https://u-tami-1.com/wp-content/uploads/2022/06/吹き出し.gif)
色を付ける:④色を選択
![](https://u-tami-1.com/wp-content/uploads/2023/02/IMG_8002-1024x768.png)
後は色を付ける部分をタップして色を選択するだけです。タッチショートカットをタップしたまま選択すると複数選択して同時に色を付けることができます。
![](https://u-tami-1.com/wp-content/uploads/2023/02/名称未設定-2-1-1013x1024.png)
以上が「複合パスを解除」色を付ける手順でした!アウトラインと塗りのレイヤーが分かれているので塗りの上に新規レイヤーを作成して影やハイライトをつけることもできます!
![ゴリたみ](https://u-tami-1.com/wp-content/uploads/2022/06/名称未設定のアートワーク-7-1.gif)
レイヤーが分かれてないと影とハイライトをつけれないの?
つけれるど、なるべくレイヤーを分けてあげると作業がしやすいよ!
![うーたみ](https://u-tami-1.com/wp-content/uploads/2022/06/吹き出し.gif)
PC版Illustratorで【複合パスを解除して色を塗る方法】はこちらの記事をご覧ください。
直感的に【塗りブラシで色を塗る方法】はこちらの記事をご覧ください。
コメント