DESIGNER / ILLUSTRATOR　HIROTA

ご覧くださりありがとうございます。 ここはAdobe Illustratorのペンツールを使ったベジェ曲線の描き方を学ぶ講座です。 これからIllustratorをはじめる方、ペンツールの描画に苦戦している方にも無理なく理解していただけるように、23回のステップで学ぶ構成にしています。 ペンツールはIllustratorだけでなく、PhotoshopやInDesign、Premiere Proにもあります。マスターすればいろいろな場面で活用できるので、覚えて損はありません。   ビットマップ画像とベクトル画像 コンピュータグラフィックの2D画像には、ビットマップ形式とベクトル形式があり、Illustratorはベクトル形式の画像の作成に特化したソフトウェアです。 コンピュータグラフィックはイメージを文字や数字に置き換えてデータに記録します。ビットマップとベクトルの違いは伝言ゲームに例えてみるとわかりやすいかもしれません。A君が絵を描き、離れた場所にいるB君に同じ絵を描いてもらいます。伝達方法は音声だけです。 ビットマップで作る画像は、2人でマス目の数が同じ方眼紙と同じ色鉛筆を用意します。A君はマス目に色を塗って絵を描いたら、端から順番に塗りつぶした色を伝えれば、B君も同じイメージを描くことができます。 この方法はマスの数を増やせば大きくて複雑な絵を描くことができます。しかし、マスの数が増えると相手に伝えるのに時間がかかります。これはピクセル数が多くなるとファイルサイズが大きくなるビットマップ形式の特徴と同じです。 ベクトルで作る画像は、2人で同じサイズの用紙、同じ色鉛筆、定規を用意してA君が絵を描きます。B君には、直線の端と端の座標を伝えて定規でつないでもらいます。すべての直線をつないだら、内側を同じ色で塗りつぶしてもらいます。マス目を塗りつぶした絵より線がシャープできれいですね。 用紙を大きくしても座標の数値を変えるだけなので説明する量も変わらず、画質も変わらないのがベクトル画像の特徴です。 ベクトルイメージを描くペンツールは、線（輪郭）を描くのではなく、点（座標）を設定するツールであることを認識しておき...

ベクトルとは向きと大きさの量のことで、始点から終点に向かう方向と長さを設定すれば線が描けることを表しています。 直線は始点と終点の2つの座標を設定すれば方向と長さが決まります。 曲線の場合は、曲がり具合を定義するための接線を設定して、接線の方向や角度に応じた放物線が描かれます。接線を作成するときは、曲線が接する接点の位置と接線の終わりの位置の2点の座標が必要なので、1本の曲線に対して描き始めの2点と終わりの2点を合わせて4つの座標設定が必要です。 ペンツールの描画は、ひとつの曲線に対して4つの座標を決める操作を行います。はじめは煩わしいと思いますが、慣れてしまえば自分の意志で美しい曲線を線を描くことができます。 『Illustratorのペンツールをマスターしよう！』一覧 【1】 ビットマップ画像とベクトル画像 【2】 ベクトル画像のベクトルってなに？ 【3】 線を描くために必要な名称を覚える 【4】 パスを描く前の準備（サンプルファイルのダウンロード方法） 【5】 直線を描く 【6】 水平・垂直・45度の直線を描く 【7】直線のクローズパスを描く 【8】終点側にハンドルを設定して曲線を描く 【9】始点側にハンドルを設定して曲線を描く 【10】ハンドルの向きを垂直・水平・45度に固定する 【11】始点と終点にハンドルを設定して曲線を描く 【12】連続してなめらかな曲線を描く 【13】曲線から直線を描く 【14】直線から曲線を描く 【15】コーナーポイントでつないだ曲線を描く 【16】スムーズポイントでパスを閉じる 【17】ハンドル付きコーナーポイントを設定してパスを閉じる 【18】描画中にアンカーポイントを修正する 【19】描画中にスムーズポイントとコーナーポイントを切り替える 【20】ヨットを描く 【21】足あとを描く 【22】サカナの骨を描く 【23】下絵を用意してトレースする

ペンツールの操作を説明するとき使用する専門用語です。   パス ペンツールや長方形ツールなどで描いた線の全体を指して「パス」と呼びます。 path=経路、道筋。   アンカーポイント 線の位置を決める点です。選択したアンカーポイントは塗りつぶした四角形（ ■ ）、未選択のアンカーポイントは白抜きの四角形（ □ ）で表示されます。 Anchor=錨（いかり、びょう）。動かないように固定するもの。   始点／終点 線を描くとき最初に設定したアンカーポイントが始点、最後に設定したアンカーポイントが終点です。パスは始点から終点に向かう方向があります。  方向点 アンカーポイントに作成する接線の端にある点を方向点と呼び、アンカーポイントと方向点の間をつなぐ線を方向線と呼びます。   ハンドル 方向点と方向線をまとめてハンドルと呼びます。ハンドルは曲線のアンカーポイントを選択すると表示されます。   セグメント アンカーポイントの間をつなぐ線です。「直線セグメント」「曲線セグメント」と区別することもあります。 segment=分割可能な一部。   スムーズポイント アンカーポイントにある2つのハンドルが一直線に固定されている状態です。ハンドルが一直線のスムーズポイントは、曲線セグメントのつなぎ目が滑らかなカーブになります。   コーナーポイント アンカーポイントにハンドルがない、ハンドルがひとつだけ、2つのハンドルが一直線に固定されていない状態です。   オープンパス 始点と終点のアンカーポイントが離れているヒモのような状態のパスです。   クローズパス 始点と終点を結んだ輪のような状態のパスです。 『Illustratorのペンツールをマスターしよう！』一覧 【1】 ビットマップ画像とベクトル画像 【2】 ベクトル画像のベクトルってなに？ 【3】 線を描くために必要な名称を覚える 【4】 パスを描く前の準備（サンプルファイルのダウンロード方法） 【5】 直線を描く 【6】 水平・垂直・45度の直線...

次のステップからパスを描く練習を行います。 この講座はサンプルファイルを使い、下絵に合わせてパスを描くことを前提にしています。 ここではサンプルファイルのダウンロードのやり方と、ペンツールで描きはじめる前に必要な設定を説明します。   サンプルファイルをダウンロードする 1． ステップ【5】以降のページ先頭にある  SAMPLE    をクリックします。 2． リンク先のページが表示されたら［ダウンロード］ボタンをクリックして、任意の場所にファイルを保存します。 3． Illustratorでサンプルファイルを開き、レイヤーパネルの「レイヤー1」を選択します。   スマートガイドとスナップをオフにする スマートガイドやスナップ機能はアンカーポイントなどの位置を揃えるときに便利な機能ですが、ここでの描画練習では操作の妨げになるのでオフにします。 1． ［表示］メニュー→［スマートガイド］を選択して、チェックを外します。 2． ［表示］メニューにある［グリッドにスナップ］［ピクセルにスナップ］［ポイントにスナップ］にチェックが付いている場合は、選択してチェックを外してください。   ペンツールを選択して塗りと線を設定する 1． ペンツールを選択します。 2． 塗りを「なし」、線を「ブラック」に設定します。 塗りを設定すると下絵が隠れてしまうので、必ず「なし」に設定してください。線の色は好みの色に設定してもOKです。 3． ［線幅］を「2pt」に設定します。 下絵の線が隠れるように形をあわせて描画してください。 『Illustratorのペンツールをマスターしよう！』一覧 【1】 ビットマップ画像とベクトル画像 【2】 ベクトル画像のベクトルってなに？ 【3】 線を描くために必要な名称を覚える 【4】 パスを描く前の準備（サンプルファイルのダウンロード方法） 【5】 直線を描く 【6】 水平・垂直・45度の直線を描く 【7】直線のクローズパスを描く 【8】終点側にハンドルを設定し...

   SAMPLE    このページで使用するサンプルファイルがあるページを開く   直線を1本描く 1． ペンツールの先端を下絵の ■A に合わせてクリックします。ペンツールでクリックすると、ハンドルのないアンカーポイントになります。 2． 続けて ■B をクリックして終点のアンカーポイントを設定すると、1本の直線になります。 3． Enter（return）キーを押してパスの描画を終了します。 MEMO 他にもパスの描画を終了する方法があります。自分が操作しやすい方法に変えてかまいません。 ●Ctrl（command）キーを押しながら、何もない場所をクリックする。 ●［選択を解除］のショートカットキーのCtrl（command）+Shift+Aキーを押す。 ●別のツールを選択する。   直線を連続で描く 1． ペンツールで ■A■B■C■D を順番にクリックすると、直線を連続して描画できます。 2． Enter（return）キーを押してパスの描画を終了します。 『Illustratorのペンツールをマスターしよう！』一覧 【1】 ビットマップ画像とベクトル画像 【2】 ベクトル画像のベクトルってなに？ 【3】 線を描くために必要な名称を覚える 【4】 パスを描く前の準備（サンプルファイルのダウンロード方法） 【5】 直線を描く 【6】 水平・垂直・45度の直線を描く 【7】直線のクローズパスを描く 【8】終点側にハンドルを設定して曲線を描く 【9】始点側にハンドルを設定して曲線を描く 【10】ハンドルの向きを垂直・水平・45度に固定する 【11】始点と終点にハンドルを設定して曲線を描く 【12】連続してなめらかな曲線を描く 【13】曲線から直線を描く 【14】直線から曲線を描く 【15】コーナーポイントでつないだ曲線を描く 【16】スムーズポイントでパスを閉じる 【17】ハンドル付きコーナーポイントを設定してパスを閉じる 【18】描画中にアンカーポイントを修正する ...

   SAMPLE    このページで使用するサンプルファイルがあるページを開く  水平・垂直・45度の直線を描く 1． ペンツールで ■A をクリックして、始点のアンカーポイントを設定します。 2． Shiftキーを押しながら B1 から B2 のライン上（どこでもよい）をクリックすると、水平線になります。 3． Shiftキーを押しながら C1 から C2 のライン上（どこでもよい）をクリックすると、45度の直線になります。 4． Shiftキーを押しながら D1 から D2 のライン上（どこでもよい）をクリックすると、垂直線になります。 5． Enter（return）キーを押してパスの描画を終了します。 MEMO 始点から見たカーソルの位置で、Shiftキーを押しながらクリックしたときの角度が変わります。 『Illustratorのペンツールをマスターしよう！』一覧 【1】 ビットマップ画像とベクトル画像 【2】 ベクトル画像のベクトルってなに？ 【3】 線を描くために必要な名称を覚える 【4】 パスを描く前の準備（サンプルファイルのダウンロード方法） 【5】 直線を描く 【6】 水平・垂直・45度の直線を描く 【7】直線のクローズパスを描く 【8】終点側にハンドルを設定して曲線を描く 【9】始点側にハンドルを設定して曲線を描く 【10】ハンドルの向きを垂直・水平・45度に固定する 【11】始点と終点にハンドルを設定して曲線を描く 【12】連続してなめらかな曲線を描く 【13】曲線から直線を描く 【14】直線から曲線を描く 【15】コーナーポイントでつないだ曲線を描く 【16】スムーズポイントでパスを閉じる 【17】ハンドル付きコーナーポイントを設定してパスを閉じる 【18】描画中にアンカーポイントを修正する 【19】描画中にスムーズポイントとコーナーポイントを切り替える 【20】ヨットを描く 【21】足あとを描く...

   SAMPLE    このページで使用するサンプルファイルがあるページを開く  直線のクローズパスを描く 1． ペンツールで ■A■B■C を順番にクリックします。 2． カーソルの先端を始点のアンカーポイントに重ねると、カーソルが○付きの表示に変わります。 3． クリックして始点と終点を連結するとクローズパスになり、自動的にパスの描画が終了します。  もっと描こう サプルファイルにある練習1から練習5の下絵に合わせて直線のクローズパスを描きましょう。水平線や垂直線、45度線はShiftキーを押しながらクリックします。 MEMO パスを閉じるときに始点の位置を移動できないので、水平・垂直・45度線を最初か途中で描ける位置から描き始めましょう。 『Illustratorのペンツールをマスターしよう！』一覧 【1】 ビットマップ画像とベクトル画像 【2】 ベクトル画像のベクトルってなに？ 【3】 線を描くために必要な名称を覚える 【4】 パスを描く前の準備（サンプルファイルのダウンロード方法） 【5】 直線を描く 【6】 水平・垂直・45度の直線を描く 【7】直線のクローズパスを描く 【8】終点側にハンドルを設定して曲線を描く 【9】始点側にハンドルを設定して曲線を描く 【10】ハンドルの向きを垂直・水平・45度に固定する 【11】始点と終点にハンドルを設定して曲線を描く 【12】連続してなめらかな曲線を描く 【13】曲線から直線を描く 【14】直線から曲線を描く 【15】コーナーポイントでつないだ曲線を描く 【16】スムーズポイントでパスを閉じる 【17】ハンドル付きコーナーポイントを設定してパスを閉じる 【18】描画中にアンカーポイントを修正する 【19】描画中にスムーズポイントとコーナーポイントを切り替える 【20】ヨットを描く 【21】足あとを描く 【22】サカナの骨を描く 【23】下絵を用意してトレースす...