【ゼロから始めるIllustrator #05】ペンツールの基本操作とパスの編集

こんにちは、「ゼロから始めるIllustrator」略して「ゼロイラ」講座の#05を始めます。

当Illustrator講義ではペンツールを触っていきます。

ペンツールはその名の通りペンで線を描くツールです。使いこなせるようになると様々なアートワークを自在に描けます。

…しかし使い方にクセがあります。

慣れないうちは何だこの使いにくいツールは…ってなるかもしれません。が、慣れると便利ツールに変身しますので是非ペンツールを思いのまま使えるようになりましょう。

ベジエ曲線とは


ベジェ曲線(ベジェきょくせん、Bézier Curve)またはベジエ曲線とは、N 個の制御点から得られる N − 1 次曲線である。フランスの自動車メーカー、シトロエン社のド・カステリョ(英語版) とルノー社のピエール・ベジェにより独立に考案された。ド・カステリョの方が先んじていたが、その論文が公知とならなかったためベジェの名が冠されている[1]。コンピューター上で滑らかな曲線を描くのに2次ベジェ曲線 (Quadratic Bézier curve) や 3次ベジェ曲線 (Cubic Bézier curve) などが広く利用されている。
原語(フランス語)における Bézier の発音はベズィエに近く、「ベジェ曲線」より「ベジエ曲線」の方がこれに忠実と言えるが、いずれの呼称も用いられている。

wikipediaより

早い話がベジエ曲線を使うとコンピュータ上で綺麗で滑らかな線が描けるって事です。

ベジエ曲線はIllustratorだけでなくPhotoshopでもよく使う機能なので、是非使いこなせるように頑張ってください!

線の種類は直線と曲線だけ

Illustratorで描く線は「直線」と「曲線」の2種類だけです。
とてもシンプルです。

練習用ファイル

練習用のAIファイルを用意しました。

[ illustrator_05_pentool_CS5.ai ] をベースに進めていきます。上記のようなトレース練習素材が色々と入っています。

下記「練習ファイルをダウンロード」ボタンをクリックしてファイルをダウンロード後にzipファイルを解凍し、[ illustrator_05_pentool_CS5.ai ] を開いてください。

「ココに描いてください」レイヤーに描いてください。

ロックされた「下絵」レイヤーには元の絵が入っていますので操作は不要です。

※バージョンCS5以降を推奨。

ペンツールを選択する

では早速ペンツールを使ってみましょう。

ツールボックスのペンツールを選択します。

ショートカットは [P] です。PenのPで覚えやすいですね。


トレース作業をする前に「塗り」の設定は「無し」にしてください(白地に赤い斜線のアイコンが無しです)。塗りの設定が入ったままトレースをすると、下の絵が見えなくなってしまいます。
線の色はマゼンタ100%とかビビッドで分かりやすい色味に、線幅は1pt以下にしておくとトレースしやすいです。

直線を描く

まずは簡単な直線から描いてみましょう。

直線を描くには[クリック]をします。[ドラッグ]をすると曲線になります。

クリックで直線を描く

クリックするとアンカーポイントを作成できます。

もう別の場所でもう一度クリックすると2個目のアンカーポイントを作成でき、直線が描けます。

練習ファイルの赤い点をクリックしてみましょう。

ペンツールで線の描画を止めるには [Ctrl] を押しながらオブジェクトが無い所をクリックします。

ペンツールを使用している際に [Ctrl] を押している間は、一時的に選択ツールまたはダイレクト選択ツールになります。
[ 選択ツール ] → [ ペンツール ] の順にツールを切り替えると [ Ctrl ] を押している間だけ [ 選択ツール ] になります。
[ ダイレクト選択ツール ] → [ ペンツール ] の順にツールを切り替えると [ Ctrl ]を押している間だけ [ ダイレクト選択ツール ] になります。
その特性を利用して描画を終了する時は[Ctrl]を押しながら画面の何もない所をクリックするのが効率的です。別のツール使用時も同様の挙動になります。

水平線、垂直線、斜め45°の線を描く

描く角度を限定して線を描く方法です。

始点をクリックした後、2つ目のアンカーポイントを [Shift] を押しながらクリックします。

角度を45°刻みに限定して線を描けます。

練習ファイルの赤い点を[Shift]を押しながらクリックして挙動を確かめてください。

[Shift] を押しながら角度を限定しての操作は他ツールでも頻繁に使います。
例:選択ツールなら移動方向を水平、垂直、斜め45°に限定、長方形ツールなら正方形に、楕円形ツールなら正円に…等。

オープンパスとクローズパス

始点と終点が同じオブジェクトはクローズパス(閉じられたパス)と呼ばれます。
始点と終点が異なるオブジェクトはオープンパス(開かれたパス)と呼ばれます。

次のページではいよいよ「曲線」を描いていきます。

Illutratorを導入するには

Illustrator(イラストレーター)を持っていない方は、下記から購入する事ができます。
断然オンラインコード形式がオススメ、購入したらすぐにダウンロード&使用可能です。

学生の方や教職員の方なら断然学割価格コンプリートプランがオススメです!
公式サイトよりも安く買うことができます。
Illutratorをはじめ、Photoshop等の様々なアドビ製品をお得に始める方にピッタリですよ。
12か月間使い倒しましょう!
上記以外の方は一般向けのコンプリートプランが最安値です。
Illutrator単品ならAdobe Illustrator CC|12か月版|パッケージ(カード)コード版があります。
Illutratorで自身の発想をドンドンビジュアル化し、デザイン制作を通して人生を大いに楽しみましょう!

コチラの記事Illustratorを最安で買う方法Illustratorの導入手順を解説しております。

最新情報をチェックしよう!
>デザイナ必須!AdobeCC コンプリートプラン

デザイナ必須!AdobeCC コンプリートプラン

Photoshop、Illustrator、Acrobatなどの定番アプリから、Adobe XD、Dimension、Premiere Rushといった新世代アプリまで、20種類以上のアプリが全て使い放題!
また、15,000以上のフォントが使えるAdobe Fontsや1億点を超えるロイヤリティフリー素材が揃うAdobe Stock(別売)などのサービスも充実。
そんな最強制作ツールを最安値で手に入れよう!

CTR IMG