3色ボールペンで行うベジェ曲線の練習方法

パス(ベジェ曲線)を極める上で、もっともシビアに精度が求められる「文字」を使って練習する方法をご紹介します。

「文字」を使ってベジェ曲線を理解する

trace.png

  1. Illustrator上で「a」と入力します。Myriad、Helveticaなど、ゴシック系のPostScriptフォント(Type1系のOpenTypeフォントでもOK)を使います(TrueTypeフォントは避けてください)。
  2. 薄めのグレーでカラー設定を行い、プリントアウトします。
  3. アンカーポイントがおかれているだろう位置に、黒いインクで点を書き込みます。さらに、それぞれのアンカーポイントから、どのようなハンドルが出ているかを予想して青いインクで書き込みます。
  4. Illustratorに戻り、文字をアウトライン化([書式]メニューの[アウトラインを作成]、⌘+shift+Oキー)します。
  5. 3.で行った結果が正しいかをチェックし、赤入れを行いましょう。

やみくもに描いていても上達はしません。まず、ベジェ曲線のメカニズムをきちんと理解することが先決です。

ベジェ曲線を理解するポイント

まずは、次の2点を理解しましょう。

  • どこにアンカーポイントをおけばよいのか
  • それぞれのアンカーポイントから、どの方向に、どれだけの長さのハンドルを出せばよいのか

その上で、Illustrator上で実際に練習を繰り返しましょう。

  1. Illustratorに戻り、アウトライン化した文字をガイド化(表示→ガイド→ガイドを作成/⌘+5)します。その際、環境設定でガイドを「点線、ブルー」に変更しておくとよいでしょう。
  2. ペンツールでガイドに沿ってトレースを行います。その際、⌘+Y(表示→アウトライン)でアウトライン表示にしておくとよいでしょう。

これらの手順をほかの文字でも同様に、繰り返します。aからzまで26文字で行えばかなり上達します。 文字のパス(ベジェ曲線)はかなりシビアですし、また、アウトライン化すれば「回答」がわかりますので、練習するには最適です。

自転車を半年かけて練習する人はいません。ここで紹介したトレーニングも、1日、または週末にじっくりかけて集中して練習した方が効果が高いでしょう。

参照リンク:CSS Nite in Osaka, Vol.12 フォローアップ(4)

補足:TrueTypeフォントを避け、PostScriptフォント(Type1)を使う理由

アンカーポイントからは2本のハンドルが出ています。曲線は異なるアンカーポイントのハンドルにより制御されます。つまり、曲線を描く上で複数のアンカーポイントがお互いに影響するため、より自然な曲線を引くにはアンカーポイントの数が少ない方がベターです(円そのものは2つのアンカーポイントで構成することできます)。

PostScriptフォント(Type1)とTrueTypeでは、フォントをアウトライン化すると、構成するアンカーポイントの数が倍近く異なります。

この関係は、円を4つのアンカーポイントで構成するのか(Type 1)、円を8つのアンカーポイントで構成するのか(TrueType)と考えるとよいでしょう。

逆を言うと、トレースしていくときには、「円を4つのアンカーポイントで構成すること」を意識してアンカーポイントを置いていくとよいのです。

trace2.png

▲上はMyriad(Type 1)、下はArial(TrueType)

『10倍ラクするIllustrator仕事術〜ベテランほど知らずに損してる効率化の新常識』

画像:『10倍ラクするIllustrator仕事術』新しいバージョンを使いながらも、古いやり方のまま作業されている中級以上のユーザー向けの書籍です。ツールやコマンドなどの基本的な使い方の解説はありません。

2011年12月発売。著者は、鷹野雅弘(スイッチ)秋葉 秀樹杏珠(studio H.M)尾花 暁の4名。

2011年1-3月、都内、大阪、青森にて『10倍ラクするIllustrator仕事術』関連のセミナーが開催されます。

トラックバック(1)

このブログ記事に対するトラックバックURL:
http://www.dtp-transit.jp/cgi/mt/mt-tb.cgi/###の「###」を「641」に置き換えてください。

10月15日、アップルストア心斎橋にて開催したCSS Nite in Osak... 続きを読む

コメントする

オススメ(外部リンク)

Tool Garageにて『集中連載:おさえておきたい電子書籍・電子雑誌の今』という連載がスタートしました。

集中連載:おさえておきたい電子書籍・電子雑誌の今

Tool Garage『どこが変わった? Adobe CS5.5の新機能を紹介』にて、CS5.5の新機能をレビューしています。

どこが変わった? Adobe CS5.5の新機能を紹介

Photoshop Illustrator CS5は導入すべきバージョンか?がMdN Interactiveに掲載されています。

Photoshop Illustrator CS5は導入すべきバージョンか?

メールマガジン

サイトの新着情報などを、月1回程度、メールマガジンでも配信しています(まぐまぐから配信。無料です)

オススメのイベント

2011年1-3月、都内、大阪、青森にて『10倍ラクするIllustrator仕事術』関連のセミナーが開催されます。

『10倍ラクするIllustrator仕事術』関連セミナー

Twitter

リンク

気になる! CS5の新機能

「仕事がはかどる機能」

JaGraプロフェッショナルDTP&Webスクール

影山史枝のDTPエキスパート認証試験合格対策

MacServer - Macに特化したオンラインストレージサービス

IDスタイル:InDesignスタイル機能Perfect Book

集中連載:おさえておきたい電子書籍・電子雑誌の今

印刷会社をお探しなら印刷のプロフェッショナル帆風(バンフー)

InDesignプラグインの決定版│KeySYNC(キーシンク)

世界中から集めた小粋なデザインたち - quote

apolloは、写真やデザイン、イラストなど、オリジナルのクリエイティブ・イメージを自由に投稿できるサイトです。

ブログパーツ


このページの上部に戻る