ペンツールでベジェ曲線を練習するための初心者向けトレース素材画像

2016.07.20カルアカスタッフ

{{ item.count }}

こんにちは、デザイナーのTantanです。

ブログ記事「ペンツールでベジェ曲線を描くコツはアンカーポイントの打ち方にあり！」の続編として、超初心者向けの練習素材を作ってみました。自分で拾ってきたロゴやイラストをトレースするのもいいですが、超初心者のためにさらに易しい素材になっています。序盤はヒントとしてハンドルの向きも長さも表示しています。さらにクリックなのかドラッグなのか、どのショートカットキーを組み合わせるのかを書いています。ぜひダウンロードして練習にお使いください。→トレース用素材画像zipファイル

素材の解説

１．ほぼ直線で構成された図形

①から順に、書いてあるとおりにクリックやドラッグをして練習できます。

ポイント:直線曲線の切り替え

カーブに入るとき、クリックしてからドラッグしてハンドルを出します。直線と曲線を切り替える方法を覚えましょう。

直線からの曲線：クリックする→いったん離す→同じ位置からドラッグしてハンドルを出す
曲線からの直線：ドラッグする→いったん離す→同じ位置をクリックしてハンドルを消す

例えばこんなキャンディの図形で曲線と直線を練習してみましょう。

2．直線と曲線で構成された図形

ポイント:S字カーブ

どの程度の間隔でアンカーポイントを打つのか確かめましょう。

ポイント:shiftのタイミング

shiftを押したり離したりするタイミングを覚えましょう。

shift＋クリック：アンカーポイントを打つ前にshiftを押していると、前のポイントから水平垂直45度の位置に次のポイントを打てます
ドラッグ＋shift：アンカーポイントを打ったあと、ドラッグ中にshiftを押していると、ハンドルの角度を水平垂直45度に固定できます

例えば②③では、ずーっとshift押しっぱなしで大丈夫です。④では、ポイントを打つ前はshiftを離して、ドラッグ中にshiftを押してハンドルの向きを固定します。

3．ほぼ曲線で構成された図形

ポイント:optionでハンドルを折る

ドラッグしてハンドルを出した後、optionを押しながらハンドルを持ってドラッグするとハンドルを折ることができます。
もっと練習したい人はこのような雲の形でも練習できます。

4．ほぼ曲線で構成された図形-ヒント無し

ポイント:shiftや切り替えをノーヒントで

これができれば、自分で同じものを作って練習できます。自分でやる場合はフォントをアウトライン化するか、お手本にしたいイラストデータを用意します。そして、ダイレクト選択ツールでパスをクリックしてハンドルを全て表示させます。それをスクリーンショット（command＋shift＋option＋control＋４）でクリップボードに撮影して、アートボードにペーストすれば使えます。