Illustrator以外にも、PhotoshopやPremiere Pro、Animateなど描画機能のあるアプリケーションには「ペンツール」が搭載されています。思い通りに自由な形を描くための登竜門となるベジェ曲線を、このチュートルアルを通してマスターしましょう。
ペンツールで描くベジェ曲線をマスターする

形が描かれるしくみを理解する

描かれる形(パス)はアンカーポイントとそれを結ぶ線(セグメント)で構成されます。アンカーポイントはパスの関節のような役割で、アンカーポイントをきっかけに線の角度が変わったり、直線から曲線に変更されたりします。ダイレクト選択ツールでアンカーポイントの位置を確認してみましょう。

ペンツールで描くベジェ曲線をマスターする

 

次に、ダイレクト選択ツールでオブジェクトを変形します。ダイレクト選択ツールはオブジェクトの一部分を選択できるツールです。選択した部分を移動することで形を変形できます。また、アンカーポイントを追加、削除して変形することもできます。

ペンツールで描くベジェ曲線をマスターする

 

楕円形は曲線で構成されています。ダイレクト選択ツールでアンカーポイントをクリックした際に見える線を「方向線」といい、曲線のカーブをを制御しています。方向点をつかみ、ドラッグして曲線を変形してみましょう。

ペンツールで描くベジェ曲線をマスターする

 

しくみが理解できると、基本図形を変形して意味を持つ形を作成できるようになります。

ペンツールで描くベジェ曲線をマスターする

ペンツールを使用して描く

線のカラーは単色に、塗りのカラーは「カラーなし」に設定しておきます。ペンツールの基本的な描き方は2つです。

  • 直線=クリックで描く
  • 曲線=ドラッグで描く

描画の始点と終点が重なると、ペンツールのカーソル横にマルが付きます。これを確認してからオブジェクトを完成させましょう。

ペンツールで描くベジェ曲線をマスターする

曲線を描く

曲線が描かれるしくみを知ることで、よりイメージした通りの線を描けるようになります。ドラッグした際に見える線が方向線です。方向線の角度、長さによって、曲線の形が変わります。

ペンツールで描くベジェ曲線をマスターする
ペンツールで描くベジェ曲線をマスターする

折れ曲線を描く

途中から角度が変わる曲線を描きます。方向線の角度を変える際はOption(Win:Ait)キーを押して一時的に「アンカーポイントツール」の状態にすることで方向線を折り曲げることができます。慣れてきたら、谷型の折れ曲線を描いてみましょう。

ペンツールで描くベジェ曲線をマスターする

曲線から直線 / 直線から曲線

  • 曲線を形成するアンカーポイント上でクリック=方向線を削除(切る)
  • 直線を形成するアンカーポイント上でドラッグ=方向線を引き出す

慣れてきたら、谷型も作成してみましょう。

ペンツールで描くベジェ曲線をマスターする

アンカーポイント、2つの状態

アンカーポイントには、スムーズポイントとコーナーポイントという2つの状態があります。この状態を切り替えるのが、アンカーポイントツールの役割です。

ペンツールで描くベジェ曲線をマスターする

覚えるべきショートカット

ベジェ曲線のスムーズな描画を可能にするのが、キーボードショートカットです。一時的にツールを切り替えながら作業します。(ツールパネルからツールの切り替えを行うと、描画が中断され次の線に繋がりません)

ペンツールで描くベジェ曲線をマスターする

練習

以下の数字をトレースしてみましょう。こちらからファイルをダウンロードしてください。綺麗に描くコツは、なるべくアンカーポイントの数を少なくすることです。

ペンツールで描くベジェ曲線をマスターする

パスの修正

パスの修正にはダイレクト選択ツールを使用します。アンカーポイント、セグメント、方向線を調整し、仕上がりの精度を高めます。

ペンツールで描くベジェ曲線をマスターする

曲線ツール

ペンツールと同様、自由に線を描くことができるツールとして曲線ツールがあります。曲線ツールを使って描画する際には、クリックで曲線をつなぎ、ダブルクリックで直線を繋ぎます。

ペンツールで描くベジェ曲線をマスターする

曲線ツールをパスの修正に使用すると便利です。

ペンツールで描くベジェ曲線をマスターする

ベジェ曲線を描くためのコツを下記の3分動画で確認しましょう。

05/10/2017

動画の提供元:LinkedIn ラーニング

これですべての作業が終わりました。チュートリアルをさらに役立つものにするために、アンケートにご協力ください。

 


[最適なプランをお選びください]

Illustratorなど単体製品とサービスのみ使用できる単体プランから、PhotoshopとLightroomのバンドル、すべての製品・サービスが利用可能なコンプリートプランまで、ニーズに合わせてお選びいただけます。Creative Cloudプラン一覧 ›

学生や教職員の皆様はお得な学割プラン(学生・教職員個人版)もご利用いただけます。学生・教職員個人版の詳細 ›

このページは役に立ちましたか。
はい
いいえ