ペンツールを使いこなせば、ロゴやキャラクター、アイコンが作れます。
ペンツールの使い方をたっぷり図を用意して解説しています。サンプルテンプレートも用意したので、画面を見ながら進めてみてください。
イラストレーターのペンツールとは
Illustratorのペンツールで描いた曲線をベジェ曲線と呼びます。
ベジェ曲線には「手書きでは難しい滑らかな線が引ける」「拡大しても劣化しない」という大きなメリットがあります。
使いこなせればロゴやキャラクター、アイコンが作れるようになります。
イラレで作ったトンソクデザインのロゴ
描けないものがなくなるぐらい便利なツールですが、覚えるまでに挫折することが多いです…。
次の章では、初心者におすすめの練習方法を紹介します。
ペンツールの使い方を挫折せずにマスターする
初心者がペンツールで挫折しない方法は「なぞって覚える」こと。
ペンツールは、何もない空間にいきなり線を描くものではなく、下絵をなぞる(トレースする)のが王道の使い方。
下絵がないとプロでも難しいのに、初心者がやろうとするから失敗してしまいます。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_08.png)
そこで今回は、練習用のガイド(下絵)を用意しました。サンプルファイル【ダウンロード】
AIデータをダウンロードしたら、ファイルを開いてください。
こちらのファイルをもとにペンツールを練習します。
ステップ1 ペンツールの直線だけでイラストをなぞる
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_09.png)
直線だけでできた家のアイコンをなぞっていきます。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_01.png)
下絵が灰色なので、線の色をわかりやすい色に変えましょう。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_02.png)
スタートはどこでも大丈夫ですが、屋根のてっぺんから始めます。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_03.png)
頂点と頂点をポチポチとクリックしてつないでいきます。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_04.png)
斜めの線はこれでOK。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_07.png)
次に直線部分をトレースしますが、注意点があります。
目視だけで線を引くと、気を付けていても直線がズレてしまうことがあります。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_05.png)
そんなときは、Shiftキーを押しながらクリックすると真っすぐの線が引けます。
真っすぐの線を引くときは必ずShiftキーを押しながら
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_06.png)
あとはぐるっと一周なぞっていけば、直線でのトレースは完成です。
ステップ2 ペンツールで曲線を使ったイラストをなぞる
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_10.png)
直線と曲線の組み合わせでゾウのアイコンをなぞっていきます。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_11.png)
鼻と足の付け根からスタート。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_12.png)
直線部分はShiftキーを押しながらクリックしていきます。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_13.png)
いよいよ曲線に差し掛かります。曲線が始まる少し手前をクリック。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_14.png)
ここで指を離さずにShiftキーを押しながら上にグイっとドラッグします。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_21.png)
アンカーポイントから細い線が伸びたと思います。これは方向線というものです。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_15.png)
方向線が表示されたら指を離して、曲線が終わるところ、ゾウの背中辺りをクリックします。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_16.png)
頭の曲線が始まる少し手前をクリック。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_17.png)
今度は左にグイっとドラッグします。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_22.png)
曲線のガイドがカーブとちょうど重なるぐらいのところまで伸ばします。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_23.png)
ひとまずゾウの鼻の先端までたどり着きました。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_26.png)
ここでひとつ問題が。
方向線を伸ばしたままにしておくと、強制的にカーブができてしまいます。
一度リセットしないといけません。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_27.png)
ペンツールのままAltキーを押すと、アンカーポイントツールに切り替わります。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_24.png)
この状態のまま、アンカーポイントをクリックすると方向線が消えました。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_25.png)
あとは同じようにトレースを続ければ完成です。
ペンツールで失敗した線を直すには
慣れないうちは線がうまく引けなくて失敗することも多いですが、簡単に直せるので大丈夫。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_28.png)
ダイレクト選択ツールに切り替えます。直したい線の近くにあるアンカーポイントをクリック。
![](https://ton-log.com/wp-content/uploads/2018/07/pen-tool_29.png)
すると方向線が表示されるので、アンカーポイントを移動させたり方向点を伸ばしたり縮めたりすればカーブのかかり具合が変わります。
後からいくらでもやり直しが効くのはベジェ曲線のいいところです。
まとめ
イラレのペンツールの基本的な使い方を解説しました。今回紹介したのはペンツールの基本なので、画面を見ながら進めてみてください。
![](https://ton-log.com/wp-content/uploads/2018/07/how-to-use-illustrator-300x150.jpg)