1.ペンツールの使い方
ペンツールを使うには、ショートカットキー : Pを押すか、図1のツールバー左から5番目の万年筆のようなアイコンをクリックしましょう。(図1)
![](/ckeditor_assets/pictures/3164/original_ddd.png)
ペンツールは、アンカーポイントを打つことでオブジェクトを作成していきます。
パスを始点と重ねて閉じるとクローズドパスが生成されます。重ねない場合は、enterを押すことでオープンパスが生成されます。
2.ペンツールの基本操作
ペンツールを使用してオブジェクトを描く、基本的な書き方は2つあります。
- 直線=クリックで描く
- 曲線=ドラッグで描く
描画の始点と終点を重ねると、ペンツールのカーソル右下に白丸が表示されます。
これを確認して、クローズドパスを完成させましょう。(図2)
![](/ckeditor_assets/pictures/3165/original_a.gif)
3.クリックで描く
図3のようにクリックをして位置をずらした場所でもう一度クリックすることで、2点間の直線を引くことが出来ます。このとき赤丸の中の点のことをアンカーポイントと言います。
次にShiftを押しながらクリックをすると、水平、垂直、45度の線を引くことが出来ます。
![](/ckeditor_assets/pictures/3166/original_%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2019-10-29_12.19.45.png)
4.曲線を描く
曲線の描き方をマスターすることで、イメージした線を描けるようになります。
ドラッグした際に見える線がハンドルと言われる方向線を示すものです。方向線は角度や、長さによって曲線を変えることが出来ます。(図4)
- 向き : カーブの方向を決める
- 長さ : カーブの強さを決める
![](/ckeditor_assets/pictures/3168/original_%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2019-10-29_13.19.17.png)
これを応用すると図5のように描く事ができます。
![](/ckeditor_assets/pictures/3169/original_%E7%94%BB%E9%9D%A2%E5%8F%8E%E9%8C%B2_2019-10-29_13.27.33.2019-10-29_13_28_26.gif)
5.折れ曲線を描く
途中から角度が変わる曲線を描くには、方向線の角度を変える必要があります。
角度を変更するには、Optionキーを押しながら「アンカーポイントツール」の状態で、図6のような谷型折れ曲線を描くことが出来ます。
![](/ckeditor_assets/pictures/3171/original_%E7%94%BB%E9%9D%A2%E5%8F%8E%E9%8C%B2_2019-10-29_13.38.41.2019-10-29_13_39_38.gif)
6.直線から曲線
直線から曲線を描くには、ペンツールで直線を描いた後に、ドラッグを行うとハンドルが出てくるので、直線からの曲線を描くことが出来ます。(図7)
![](/ckeditor_assets/pictures/3172/original_%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2019-10-29_13.46.49.png)
7.曲線から直線
曲線から直線を描くには、曲線を描いた後に終点ポイントのアンカーポイントをクリックします。クリックすることで、方向線を消去することが出来ます。(図8)
![](/ckeditor_assets/pictures/3173/original_%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2019-10-29_13.51.19.png)
8.方向線の切替
スムーズポイントとコーナーポイントの切り替えを行なうには、イラストレーター左上にある「変換」とかかれた場所から切り替えることが出来ます。(図9)
![](/ckeditor_assets/pictures/3174/original_%E7%94%BB%E9%9D%A2%E5%8F%8E%E9%8C%B2_2019-10-29_13.54.20.2019-10-29_14_01_48.gif)