最終更新日：2024年2月14日

「トレース＝なぞる」

下絵をペンツールでなぞってパスデータにすることをデザイン業界ではトレースといいます。

イラストレーターが使えてトレースができないなんて聞いたことがありません。

 

なのでばっちりここでトレースを覚えちゃいましょう！

ペンツールの基本的な使い方はステップ３で勉強したので、もしまだペンツールの基本的な使い方が分からない人がいたらこちらからステップ３へ戻れます。

 

ペンツールの基本が分かってる人は先へ進みましょう。

 

目次

【caption：１】下絵を準備しよう

【caption：２】トレースをしよう

 

 

 

【caption：１】下絵を準備しよう

 

トレースをする為には下絵が無ければ話になりません。

そこでトレース用の下絵を用意しました。

 

 

私が鉛筆で描いた下絵をスキャンした画像です。

この「トレース」と描かれた画像をデスクトップに保存してください。

 

保存方法

・Windows／右クリックして名前を付けて画像を保存→デスクトップを指定して保存

・Mac／controlキーを押しながらクリック(タッチパッドを二本指でクリック)→名前を付けて画像を保存→デスクトップを指定して保存

 

保存が出来たらデスクトップに「trace_iradeza.jpg」という名前の画像があると思います。

 

そしたらメニューバーの「ファイル」→「配置」をクリック。

 

 

配置するファイルを選ぶ項目が出るのでtrace_iradeza.jpgを選択して「配置」をクリック。

 

するとドキュメント内に画像が配置されました！

 

 

A4縦のアートボード内に入る大きさにしてあるので画像をアートボードの真ん中辺りに移動してください。

 

画像をクリックすると画像に大きな×印がついてると思います。

 

これはイラストレーターのドキュメントに画像がリンクされている(繋がってる)状態です。

リンクされているだけなので画像をデスクトップから他の場所に移動したりゴミ箱に捨てたりすると画像が表示されなくなってしまいますので注意してください。

画像をドキュメントに埋め込む方法もありますがデータが重くなってしまいトレースに支障が出るのでここでは教えません。

 

さて、じゃあトレースをしていきますか！

と言いたいところですが最後に下絵準備の大事な作業が残ってます。

それは下絵を固定することです。

 

ここで感の良い人は「ロック」を思い出しましたね？

文字に線を付けた時に勉強したロック(Ctrl＋2/command＋2)です！

下絵をメニューバーの「オブジェクト」→「ロック」する。

これは半分正解です。

この方法でもOKです。

 

OKなんですが、実はもっとトレースしやすくする方法が存在します。

 

それはレイヤーをロックする方法です。

 

レイヤー？

 

また聞いたことない単語が出てきましたね。

右のパネルに「レイヤー」というパネルがあるので見つけてください。

 

 

見つかったら赤い丸で囲んだ部分をクリック。

するとレイヤー２というのが追加されました。

 

 

さきほどクリックした場所は「新規レイヤーを作成」というボタンです。

最初にあったレイヤー１の他に、新しくレイヤー２を作ったという事になります。

 

で、レイヤーって何なのよ。

って話ですがこれは透明の紙だと思ってください。

イラストレーターは「レイヤー」という透明な紙を何枚も重ねることができます。

そしてその透明な紙には文字やパスや画像など何でも描くことができます。

 

ちょっと待って！

そうすると今まで何も知らずに作業してたレイヤー１って透明な紙だったの！？

アートボードもその周りも白いじゃん！

 

と疑問に思う人もいるかもしれないので説明しておきますが、厳密に言えばレイヤー１も透明です。

ただ、新規ドキュメントを開いて最初に勝手に作られるレイヤー１の見た目が透明だとアートボードも何も見えなくて困りますよね。

だから下地は白になっていてアートボードも全て見えるように配慮されています。

 

レイヤーについては他のページで詳しく説明してますのでここでの説明はこの辺にしておきます。

 

説明通りにやっていればレイヤーについてもなんとなく分かってくると思うので今はあまり深く考えずに進みましょう。

 

レイヤー２が作られたら今度は下絵が置いてあるレイヤー１をロックします。

 

 

これでレイヤー１がロックされてレイヤー１に配置されている全てのモノが選択できなくなりました。

ためしに下絵画像を選択してください。

選択出来なくなってますね。

「オブジェクト」→「すべてをロック解除」も選択できない状態になってます。

レイヤーをロックするとロックされたレイヤーは選択も描き込むことも何も出来ない状態になります。

 

これで下絵に邪魔されずに思う存分レイヤー２にトレースをしていけるという訳です。

 

・レイヤー２＞トレースをするレイヤー

・レイヤー１＞下絵が置いてあるレイヤー（ロック状態）

 

なんとなく理解できましたか？

初めはちょっと理解が難しいと思うのでとりあえず理解してなくても大丈夫です。

そのままトレース作業へと進みましょう。

 

重要なポイント！

・配置した画像に×印が付いているのはその画像がリンク状態にあるということ

・リンク状態の元の画像をゴミ箱に捨てたり別のフォルダに入れたりするとリンクが外れて画像が表示されなくなる

・レイヤーは透明の紙のイメージ。レイヤーは何枚でも重ねることができる

・レイヤーをロックすると選択も書き込みも何もできない状態になる

 

 

 

【caption：２】トレースをしよう

 

レイヤー１はロック状態になってますか？

また、レイヤー２が選択された状態になっていますか？

 

確認方法はこちら↓

薄い青で覆われてる方が「現在選択されているレイヤー」になります。

 

ロックされているレイヤーにペンツールで何か描こうとするとペンツールのカーソルが描けませんよーって感じの形に変わります。

CS6だとこんな感じです。

※CS6以前のバージョンだとペンに大きく斜線が入ったカーソルになります。

 

この状態だと何も描けないので大人しくレイヤー２を選択しましょう。

レイヤー名をクリックすればレイヤーを選択できます。

 

 

そしたら「カラーパネル」の設定で塗りをなし、線を濃いピンクにしてください。

ちなみに、線や塗りのカラーは「スウォッチパネル」からも選択できます。

スウォッチパネルにはあらかじめ基本的なカラーが登録されているのでスウォッチにあるカラーで良ければスウォッチからカラーを選択した方が手っ取り早いです。

スウォッチ内にあるカラーをクリックするだけです。

 

こんな感じで線に濃いピンクを設定しましょう。

 

次は「線パネル」から線端と角の形状を丸く(真ん中を選択)して、線幅を2mmにしてください。

カラーパネルと線パネルの設定はこんな感じ。

 

これで下準備は全て整いました。

 

まずはトレースをしやすいように画面表示を拡大してください。

画面表示拡大の方法は覚えてますか？ステップ２を思い出してくださいね。

 

 

このくらいまで拡大するとトレースしやすいです。

まずは「ト」からトレースしていきましょう。

 

最初のアンカーポイントの場所や右回り・左回りは自分のやりやすいようにしちゃってOK！

 

ステップ３で描いたハートの図形の描き方を思い出しながら「ト」をトレースしてください。

ハートの時より下絵がある分、やりやすいと思いませんでしたか？

しかも下絵が固定されているので下絵を気にせずトレースできますよね。

これを下絵と同じレイヤー１でトレースするとかなり大変なので一度やってみればレイヤーを分ける方法がどれだけ楽なのかが分かります。

 

 

こんな感じで最後パスを閉じてトレースできればOK。

 

次は「レ」をトレースしましょう。

・・・と、ここでトレースする時のちょっとした裏技を教えます。

数百万円払って通ったデザイン学校では教えてくれなかった裏技です。

ここを読んでくれた人だけに特別に教えますので良く聞いてくださいね！

 

それは方向線を片方だけリセットする裏技です。

どういうことか説明します。

 

 

通常、１番の位置から右回りにレをトレースするにはこのように３つのアンカーポイントを作る必要があります。

ですがトレースの時はなるべくアンカーポイントの数は少ないほうがキレイに見えます。

つまりこの部分に関していえば２番の位置にアンカーポイントは置きたくないんです。

 

ですが１番からいきなり３番にアンカーポイントを置くと２番の部分が曲がらず直線になってしまうのは分かりますよね。

 

そこで１番にアンカーポイントを置いたあと、２番を抜かして３番の位置にアンカーポイントを置き、その時にクリックしながらドラッグして方向線を出して１番から３番までの線を曲げる方法が考えられます。

 

この方法です。

しかし、この方法だと次のアンカーポイントを置くときに大変なことになってしまいます。

 

 

方向線が縦方向に伸びすぎてしまった為に次のアンカーポイントを置いたときに線が膨れすぎてしまいます。

 

この縦方向に伸びすぎた方向線を片方だけリセットする裏技が存在します。

 

 

その裏技がこれ↓

 

この方向線が伸びている状態で２番のアンカーポイントをクリック。

 

 

すると、

縦方向に長く伸びていた方向線が片方だけ消えます。

 

 

つまり方向線を片方だけリセットできます。

もう片方の方向線は残っているので１番から２番の線は曲線のままですね。

この状態で次のアンカーポイントを置きましょう。

 

 

すると先ほど膨らんでしまったのが嘘のようにキレイに線が引けました。

 

これが方向線を片方だけリセットする裏技です。

この方法をなぜかデザイン学校では教えてくれませんでした。

実際、この裏技を知らなくてもトレースは問題なくできるからだと思います。

しかしこの裏技を知っているとトレースの作業時間を短縮できて、さらにパスデータのアンカーポイントが少ない為にとても美しい仕上がりを魅せます。

 

 

探せばどこかのサイトに書いてあるのかもしれませんが、この方法は私が偶然発見した画期的トレースの裏技です。

この裏技を使えばアンカーポイントをすべて角に置くだけでトレースが出来ます。※カーブが急な場所は除く

カーブが急な場所は真ん中辺りに１つアンカーポイントを入れることをオススメします。

 

 

その理由はこれです。

 

 

カーブが急だとアンカーポイント２つでは曲線の表現力に限界があるからです。

試してみればすぐに分かると思うので気になる人は試してみてくださいね。

 

 

さて、では早速この裏技を使って残りの「ー」と「ス」をトレースしましょう。

 

「ス」の上にある目玉がちょっと難しいですね。

描いてる途中で他のアンカーポイントや線に触れてしまうとちょっとややこしいことになりますのでその場合はおとなしく１つ戻りましょう。(Ctrl＋Ｚ)

 

目玉の部分はパスを閉じる必要はないです。

オープンパスのままでOK。

 

ただ、パスを閉じないとペンツールが無限にアンカーポイントを置き続けて次のトレース箇所に進めず困りますよね。

 

そんな時はキーボードの「Enterキー」を押してください。

Enterキーはそこで終了！という指示になるので次にクリックする時は新規のアンカーポイントが置けるようになります。

ちなみにこれは「Ctrlキー（Mac／Commandキー）を押しながら何も無いところをクリック」でも代用できます。

自分が使いやすいと思う方を使ってください。

 

重要なポイント！

・トレース中にそれ以上アンカーポイントを置く必要がなくなった時は「Enterキー」を押す。

・または「Ctrlキー（Mac／Commandキー）を押しながら何も無いところをクリック」でも代用可能。

 

 

あとは裏技ではないですが下絵やトレース線を簡単に表示OFFにする方法を教えます。

「レイヤーパネル」にある目のマークをクリックするとクリックしたレイヤーの表示がオフになります。

 

 

レイヤー１の目をクリックすればレイヤー１が表示オフになり、レイヤー２の目をクリックすればレイヤー２が表示オフになります。

これは消えた訳ではなく、ただ単純に表示がオフになっただけなので再度同じ場所をクリックすれば再度表示されます。

下絵が良く見えなかったり、逆に下絵が邪魔だったりした時に使いましょう。

 

 

トレースが完成しました。

初めのトレースだとこれだけでも相当疲れたと思います。

 

ただこのままだとせっかくトレースしてキレイなパスが上にあるのに下絵が邪魔なので下絵が置いてあるレイヤー１を削除しちゃいましょう。

「レイヤーパネル」でレイヤー１を選択して右下のゴミ箱マークをクリック。

 

 

すると、

「レイヤー１」にはアートワークが含まれています。このレイヤーを削除しますか？

と聞かれるので「はい」を選択。

※レイヤーの削除はレイヤーがロックされていても実行可能です。

 

 

レイヤー１が削除され、キレイなパスのデータが描かれたレイヤー２だけが残りました。

キレイなパスデータだけ見ると作業中の疲れも忘れるような達成感があると思います。

 

この瞬間がトレースで最も楽しいと思える瞬間ですね。

 

キレイなデータに仕上がれば仕上がるほどトレースが楽しいと思えるようになるので、アンカーポイントはなるべく少なくしてキレイなパスデータを作れるようにトレースの練習を頑張りましょう！

 

ちなみに聞いてみますが作業中にこまめにデータを保存してましたか？

トレースをするようになると作業時間が増えるために突然のエラーでデータが消えてしまったときの被害が大きいです。

ステップの初めにも言いましたが必ずこまめに保存することを心がけましょう。

 

 

次のステップで使うのでこのトレースしたデータは必ず保存しておいてくださいね！

 

 

トレースは数をこなす事が大切です。

ペンツール～トレースをマスターすればイラストレーターの80％はマスターしたのと同じです。

ここが頑張り時です！

 

ですが初めは中々上手くトレースできず挫折しそうになると思います。

そんな時は自分なりにペンツールがどういう仕組みで動くのかを実際に動かしながら考えてみてください。

感覚さえつかめれば慣れるまでは早いです。

感覚をつかむのに少し時間が必要なだけです。

 

以上でステップ４はおわりです。

今回はいつも以上に疲れたと思います。

お疲れ様でした。

 

このステップで学んだ事　まとめ

・画像の配置方法

・画像を選択したときの×印の意味

・リンク状態の元画像をゴミ箱に捨てたりフォルダを移動したりするとどうなるのか

・レイヤーをロックする方法

・レイヤーの追加は透明の紙を重ねるイメージ

・スウォッチからカラーを選択する方法

・トレースの超画期的裏技

・オープンパスでトレースを終了させる方法

・レイヤーの表示オンオフ

・レイヤーを削除する方法

 

参考になった！ありがとう！

と思った方は「ツイート」や「いいね！」のご協力をお願いします。

管理人が大変喜びます！

 

 

初心者講座ステップ５へ進もう！

 

⇒パスの塗りにペイントの塗りつぶしと同じ感覚で色を付ける裏技【初心者講座ステップ５】

この記事が役に立ったとおもったら

イラレに関するアンケートへのご協力をお願いします！

アンケート回答は３分で終ります。

しかも今なら管理人に直接質問できる、おまけ付き！

⇒管理人へのお礼を込めてアンケートに答えてあげる

---

スポンサードリンク