こんにちは、イラレ常人です。
今回のテーマはペンツールです。
それでは、さっそく本編にいきましょう。
ペンツールってどんなツール?
まずペンツールの基本的な考え方ですが、
ペンツールは鉛筆のように感覚的に線を引くツールではなく、
点と点を結んで線を繋げていくツールです。
![](https://irarecreate.com/wp-content/uploads/2022/06/eaeaaa3790b6c4b0e94ae3249fecfa1a-1024x576.jpg)
何も知らないでペンツールを使うと、本当にワケがわからないですね。
イラレを買って使い始めたころの私がそうでした。
![](https://irarecreate.com/wp-content/uploads/2022/06/c112cb0d22324d1ece4796546203e980-1024x576.jpg)
記事を読んでくださっている皆様には、
少しでもワケの分からない時間を短くしていただきたいので、
まず複雑なキーボード操作がない使い方から解説していきます。
直線を引く
最初はペンツールで直線を引いていきます。
![](https://irarecreate.com/wp-content/uploads/2022/06/6aa2422df1d76aa4d4b542e15f89e933-1024x576.jpg)
下図にトレースの練習台として数字を用意しました。
数字は文字ツールで入力したあと、アウトライン化しておきます。
アウトライン化は選択ツール(V)で数字を選択した状態で、shift + ctrl(⌘) + [ o ]でできます。
そうしたらトレースしやすいように不透明度を「30%」にして、
![](https://irarecreate.com/wp-content/uploads/2022/06/e699a4b8bb9ddfbbb957c282a07ca9a5-1-1024x576.jpg)
さらに動かないようにロックしておきます。
![](https://irarecreate.com/wp-content/uploads/2022/06/5a91f3eb23dae8cf116fe54b283f9724-1024x576.jpg)
この数字の形に沿って直線を引きます。
ペンツールの設定は、塗りは「なし」で線は「黒」にしておきます。
![](https://irarecreate.com/wp-content/uploads/2022/06/0ab81f2eefbb1294866c193f9b5cda64-1024x576.jpg)
今の段階では、曲線を引こうと意識する必要は一切ありません。
カクカクになっても良いので、ペンツールに切り換えた状態で下図のように左クリックして、
数字を形作っていきます。
![](https://irarecreate.com/wp-content/uploads/2022/06/5499f0d5732bcf04c1a5948b30d4b3bf.gif)
このときスマートガイドというものを有効にしておくと、
トレース元と点の位置が重なるところをイラレが教えてくれます。
![](https://irarecreate.com/wp-content/uploads/2022/06/c1cb610520b2441109cd7894bb79e4d7-1024x576.jpg)
因みに一周回って始点をクリックすると、
「クローズパス」と呼ばれる、線の内側が完全に閉じられた図形になります。
![](https://irarecreate.com/wp-content/uploads/2022/06/42148cf0716e683eec967fde743cbec7-1024x576.jpg)
またクローズパスの反対は「オープンパス」ですが、
オープンパスで線を終わらせたい場合は、enterを押せば終わらせることができます。
![](https://irarecreate.com/wp-content/uploads/2022/06/a2c640e6a275a992499c6a9c89cf0f4c-1024x576.jpg)
数字の「1」が終わったら「2」と「3」も同じように引いていきます。
![](https://irarecreate.com/wp-content/uploads/2022/06/16d546d35a9647c4ec1f1228f45e8b90-1024x576.jpg)
これで直線によるトレースが終わりました。
直線を曲線に切り換える
それではカクカク数字に曲線を加えていきます。
おそらくペンツールを使っていて難しいと感じてしまう一番の原因は、この曲線ですよね?
左クリック→ドラッグ→左クリック→ドラッグ…で曲線を引けるのですが、
この曲線が明後日の方向に行ってしまう。
![](https://irarecreate.com/wp-content/uploads/2022/06/f29b93d791452341e4ff009730d93a4d-1024x576.jpg)
あぁ、曲線!そっちじゃない!
もうやりたくない!
となってしまうのだと思います(^^;
そうならないように、この記事ではまず先に「線の形(方向)」を先に決めておきました。
数字の「1」をトレース
直線を曲げる方法は簡単です。
ダイレクト選択ツールに切り換えた状態で、カクカクの頂点をクリックします。
![](https://irarecreate.com/wp-content/uploads/2022/06/841de8ebc38ebabfa20db62c4e45a70d-1024x576.jpg)
この頂点のことを「アンカーポイント」といいます。
今までペンツールでクリックしてきた点の全てがアンカーポイントです。
![](https://irarecreate.com/wp-content/uploads/2022/06/18c47bb9a962bcb4059cb2786fd2b523-1024x576.jpg)
クリックでアンカーポイントが選択されたので、
下図の「選択したアンカーをスムーズポイントに切り替え」を押します。
![](https://irarecreate.com/wp-content/uploads/2022/06/4c049ac272a38b6f049ed074dca6d9e3-1024x576.jpg)
すると、下図のようにカクカクが滑らかな曲線に変わりました。
それと同時にアンカーポイント周辺に棒が伸びてきましたね。
この棒が曲線を調整する「ハンドル」というものです。
![](https://irarecreate.com/wp-content/uploads/2022/06/9845ceb583b579a64d747e903dad33fa-1024x576.jpg)
ハンドルはデフォルトでは、どちらか一方を動かすと反対側も動くようになっています。
![](https://irarecreate.com/wp-content/uploads/2022/06/fd8cf8a7904b5d7982d7203af9dd6360-1024x576.jpg)
慣れていないうちは、これが厄介なんですよね。
せっかく片方の線がうまく引けても、もう片方は意図しない方向に行ってしまうので、
モヤモヤします。
ということで、とりあえずここでは意図しない方向にいく方のハンドルは隠してしまいます。
どうするかというとアンカーポイントに隠したいハンドルを重ねるだけです。
![](https://irarecreate.com/wp-content/uploads/2022/06/64bdbbfa22398d92e24842884f400dcc-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/8e77f8ce4d56f92ff469deabae33238a-1024x576.jpg)
こうすることで動かしたい方の線だけをハンドルで調整できるようになりました。
![](https://irarecreate.com/wp-content/uploads/2022/06/220a0e238107d02e5bf030e5e19b83d3.gif)
![](https://irarecreate.com/wp-content/uploads/2022/06/757d85f74db0ab0035ca6d1c2668f9b3-1024x576.jpg)
これで数字の「1」はトレース完了です。
数字の「2」をトレース
数字の「2」も同じようにアンカーポイントを選択して、曲線にしていきます。
トレース元の曲線部分にあるアンカーポイントをまとめて選択してなめらかにしても良いですが、
慣れるまでは一つずつ調整していくと良いです。
![](https://irarecreate.com/wp-content/uploads/2022/06/8e729433ff11aa88dfc15dbb0829e69e-1024x576.jpg)
数字の「2」の場合は片方のハンドルを隠さなくても良いので、
曲線を調整する良い練習になります。
もし曲線の曲がり具合をもっと近くで見たい場合は、
ctrl(⌘)と[ + ][ – ]で画面を拡大・縮小できるので、必要に応じて使うことをオススメします。
![](https://irarecreate.com/wp-content/uploads/2022/06/4bdd33645fa17cad029fb44988da1c5e-1024x576.jpg)
これで数字の「2」もトレース完了です。
![](https://irarecreate.com/wp-content/uploads/2022/06/4bd5ef69dfa74f8ca00d75423b1801ec-1024x576.jpg)
ポイントとして、はじめのうちはアンカーポイント同士の間隔を狭くとって
ハンドルを制御する範囲を小さくすると早く慣れることができるかもしれません。
ハンドルの可動域が広いと、それだけ慣れが必要になってきます。
数字の「3」をトレース
最後に数字の「3」です。
これは「1」と「2」ができれば大体の形にはできるかと思います。
ただ一カ所だけキーボードの操作が必要なところがあります。
下図マーキング部分です。
![](https://irarecreate.com/wp-content/uploads/2022/06/a42ed9b116e6a7189f6b64abd5c66a35-1024x576.jpg)
この部分は片方のハンドルを隠してしまうと、隠した方の曲線を調整できなくなってしまいます。
![](https://irarecreate.com/wp-content/uploads/2022/06/ad9f2de92ca3cf047a2ba425857b799b-1024x576.jpg)
そこで使うのが、alt(option)です。
alt(option)はアンカーポイントを基点にハンドルを折ることができます。
![](https://irarecreate.com/wp-content/uploads/2022/06/20bfaf101fbb9dff64bf553fb1dbed17-1024x576.jpg)
言葉だけ聞くと結構物騒なことを言っていますが、ペンツールでは非常によく使います。
ダイレクト選択ツールでアンカーポイントを選択したら、
![](https://irarecreate.com/wp-content/uploads/2022/06/0fc71b27972c77f05bf3f32d5923e5f2-1024x576.jpg)
alt(option)を押したままにします。
![](https://irarecreate.com/wp-content/uploads/2022/06/bbd4f263c501464786b351fabf953b8c-1024x576.jpg)
次に、どの方向でも良いのでハンドルを掴んでドラッグします。
![](https://irarecreate.com/wp-content/uploads/2022/06/35e8b36f31f469294cb1120539df14ac-1024x576.jpg)
そうすると、もう片方のハンドルの位置はそのままで曲線を調整できるようになります。
調整が終わったらハンドルを離してから、altを離せばOKです。
![](https://irarecreate.com/wp-content/uploads/2022/06/6b0481f3de2ae17056c0d134dbc5a009-1024x576.jpg)
残りの曲線も調整します。
![](https://irarecreate.com/wp-content/uploads/2022/06/155364f226e1dafec0b65401cd4f235d-1024x576.jpg)
これで数字の「3」のトレースも完了です。
他の方の記事では線を引いている途中で、alt(option)を使うことが書かれていたりしましたが、
最初のうちは直線で大体の形を作って、
あとから、alt(option)で調整していくのもアリじゃないかと思いました。
慣れたらアンカーポイントの数を減らしていこう
ハンドル操作に慣れてきたら、アンカーポイントの数を減らしていきましょう。
![](https://irarecreate.com/wp-content/uploads/2022/06/c46340058a46c69099873595bb708dc6-1024x576.jpg)
例えば下図マーキング部分のようなところです。
![](https://irarecreate.com/wp-content/uploads/2022/06/8eb97dea6dc3c57d52d32394c8a97996-1024x576.jpg)
アンカーポイントの削除と追加
アンカーポイントの削除は、アンカーポイント削除ツールで左クリックすることでできます。
因みにアンカーポイントの追加ツールは、shift + [ + ]です。
![](https://irarecreate.com/wp-content/uploads/2022/06/3341c5331a34b1bf9eeb19b199d7347c-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/7813256cc11bbd4f96c17bae9a16a6f2-1024x576.jpg)
削除したら、改めて残ったアンカーポイントで曲線を調整します。
![](https://irarecreate.com/wp-content/uploads/2022/06/209c71fe72fa8910daa3cfc9b855cadf-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/24531b81f9abdd22adc4a85b73bde8d9-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/79909c99d2595d124180dac668560314-1024x576.jpg)
さらに慣れてきたらイラストトレースに挑戦!
以上、ペンツールの基本操作でした。
今回は、線を引いている途中にキー操作を行うという複雑な方法はあえて入れませんでした。
これがペンツールの苦手意識の原因に関係していると思ったからです。
操作に慣れたらぜひ、イラストトレースの記事も見ていただきたいです。
最後までお読みいただき、ありがとうございます。
コメント