イラレで初心者がトレースで練習する方法

イラレ道場へようこそ!講師の千葉名人です!
最初のレクチャーでは「目玉焼き」のイラストをイラレに「配置」しトレースを練習できます。
↓ 一気に「目玉焼き」から「桜の木」まで自由自在に作れるようになりたい方へ!
※ 最新のAdobe CC版 Adobe Illustrator CC版&全動画レクチャーです!
カンタンなイラストのトレースから機能を覚えていきましょう!
キャラ ちばこStart

イラレファンのみなさま!こんにちわ!道場講師の「千葉名人」です!

こんちわ!アシスタントの田中っす!!

こんにちわ!秘書のウサ耳子です!

はい。これから、みんなに、楽しくわかりやすくIllustrator講座していくよー!

千葉名人!先ず、なにから教えてくれるんすか?
キャラ 田中君END キャラ ちばこStart

そうやね。まずはカンタンなイラストのトレースからやってみよう!
キャラ ちばこEND
キャラ ウサ耳子Start

目玉焼き、、これでなにをするんすか?
キャラ 田中君END キャラ ちばこStart

これを、トレースすることからやってみて!

やってみてと言われてもどうやってやったらいいんすか?

トレースってなに?
トレースとは?
トレースとは「下絵画像をなぞって清書」することです。トレース台という機具を、漫画家やイラストレーターも使ってますがまったく一緒です。 Illustratorでも「半透明の下絵」にしてレイヤーに配置して「トレース」で清書します。

実は、Illustratorが最も上達する練習方法はトレースです!

下絵をベースに清書=トレースなんすね
トレース練習用の画像(目玉焼き)を下絵レイヤーに配置する方法
Illustratorのレイヤーに下絵画像を配置します。
☑ これが今回の下絵画像です。Illustratorに下絵として配置してご利用ください >> Illustratorの下絵をなぞる「トレース練習用」素材の配置方法 キャラ ちばこStart

上の目玉焼きをIllustratorの下絵レイヤーに入れて半透明表示にしてトレースしましょう!
キャラ ちばこEND

なるほどね!じゃあ耳子もトレースがんばります!
キャラ 田中君Start

む!下絵の配置ってどうやるんすか?
キャラ 田中君END キャラ ちばこStart

キャラ ちばこEND キャラ 田中君Start

むむ!?あれ?むず、むずかしいっすぅううう ><; もうわかんねぇっすうううう!!!
キャラ 田中君END キャラ ちばこStart

ちょっとわかりにくいかな? このリンク先のページに詳しく掲載してあるから見てみて
キャラ ちばこEND
Illustratorのレイヤーの使い方「トレース用下絵素材を配置する」
新規レイヤーを追加します。
キャラ ちばこStart
キャラ ちばこEND
キャラ ウサ耳子Start


次はこのレイヤーに配置された画像を、トレースしやすいように半透明にしましょう
Illustratorに新しいレイヤーを作る方法で新規レイヤーを増やす
キャラ ちばこStart レイヤーの赤い丸が付いているマークをクリックすると「新規レイヤーが追加」されます。
キャラ ちばこEND キャラ ウサ耳子Start

クリックするほど「新しいレイヤー」が増えるよ!

おっ!「レイヤー2」ってゆうのが増えた!

なんで2つにレイヤーを増やしたんすか? 「トレース」するレイヤーと、「下絵を置くレイヤー」は別に用意したすか?

そうだよ!画像を編集加工しなくても、Illustratorのレイヤーに配置して「ちょっと操作するだけ」で下絵画像を「半透明」にできるんよ。
キャラ ちばこEND
Illustratorのレイヤーに配置した下絵素材画像をトレースしやすい半透明にする方法

レイヤーオプションを表示させて「半透明」にします。
キャラ ちばこStart
キャラ ちばこEND
キャラ ウサ耳子Start キャラ 田中君Start

あっ!「レイヤーオプション」っていうのが出てきたっすよ!
キャラ 田中君END
レイヤーオプションの使い方
キャラ ちばこStart
キャラ ちばこStart
キャラ ちばこEND キャラ 田中君Start
キャラ 田中君END キャラ ちばこStart
キャラ ちばこEND
キャラ ウサ耳子Start
キャラ ウサ耳子END キャラ ちばこStart
キャラ ちばこEND
キャラ ウサ耳子Start
キャラ 田中君Start
キャラ 田中君END
楕円形ツールの使い方
楕円形ツールを出す方法です。ツールバーの楕円形ツールを選びましょう。
楕円形ツールのショートカットは「L」です。 ※ 英数字入力モード
キャラ ちばこStart
キャラ ちばこStart

下絵画像のあるレイヤー1は、鍵マークでロック状態になってます。下絵のレイヤーに絵を描いてしまったり、下絵が動くと作業しにくいのでロックをかけましょう。
楕円形ツールの使い方

下の画像を見てください。タマゴの左上にカーソルを合わせて、左クリックをしたまま、右下にマウスを動かしてから、パッとマウスをはなしてみましょう。
キャラ ちばこEND
キャラ ウサ耳子Start

おおー!楕円形がかけますね
キャラ ウサ耳子END
キャラ 田中君Start

キャラ 田中君END キャラ ちばこStart

選択ツールの使い方
キャラ ちばこEND 選択ツールはツールバーにあります。ショートカットは「V」です。
キャラ ウサ耳子Start

選択ツールで選んでマウスで動かすとピッタリ下絵にあわせられない。。 マウスだと微妙な位置調整がむずかしいですね・・・

そうだよ。だからマウスで大体の位置に移動させてあとは、「キーボード」の上下左右ボタンを押して、0.1mm単位で位置をあわせると楽だよ!
キー入力の「環境設定」
初期設定のままだと、移動が大きいから下の画像の手順で、環境設定ウィンドウを開いて、移動の長さを0.1mmに設定しましょう。
キャラ ちばこStart
キャラ ウサ耳子Start

おおー!ボタンを押すごとに、ちょっとずつ動いている!!

おおーっ!これならカンタンに思う位置に移動できる!
10倍「キー入力」で移動させる方法

キャラ ちばこEND キャラ 田中君Start

おおーっ!これは便利っすねーっ!!!


キャラ 田中君END キャラ ちばこStart
拡大縮小ツールの使い方

大きさも、出来たてのものは、ちょっとくらい、ズレて当たり前なんよ。 これを、選択ツールで選択して、拡大縮小ツールを使って、拡大縮小して大きさを下絵にキッチリあわせよう!
キャラ ちばこEND
キャラ 田中君Start

あっ、これっすか!ほう、なるほど!! オブジェクトが大きくなったり、小さくなったりするっす!
キャラ ちばこStart

これは、何度も何度も使う機能なので「ショートカット」を憶えましょう。 ”かな入力”状態でなくて、”ローマ字入力”状態でキーボードの「S」を押そう。 じゃあ、今度は、その方法で白身の部分の円をトレースしてみよう。 今、黄味が選択されている状態なら、選択ツールで、ステージを一回クリックして選択を解除してからまた、同じように楕円形ツールでやってみましょう!
キャラ ちばこEND キャラ ウサ耳子Start

えーん!文字が出てきてなんにも、できないよーっ
キャラ ウサ耳子End キャラ ちばこStart

ローマ字入力状態でないと、仮名文字入力になってしまうから、英語入力が出来る状態にして「S」を押そうね、ほら!
キャラ ちばこEND キャラ ウサ耳子Start

わーい!拡大縮小ツールに切り替わったよ!
キャラ ちばこEND
キャラ ちばこStart
キャラ ちばこEND キャラ ウサ耳子Start


はい、これで、輪郭のトレースは、完成だね!それでは、仕上げに黄味の色を付けましょう。
キャラ ちばこEND キャラ ウサ耳子Start
「塗り」と「線」の違い
Illustratorのパスとは?「塗り」と「線」を切り替える方法の解説です。
キャラ ちばこStart

「実際に操作」して、どのように変化するかを確かめてみよう!
キャラ ちばこStart
キャラ ちばこEND キャラ 田中君Start

さすが、千葉名人!なんでも良く知っているっす!!
キャラ 田中君END
キャラ ちばこStart

キャラ ちばこStart
キャラ ウサ耳子END キャラ 田中君Start

「レイヤー1」の下絵画像の表示が消えたっす! そして、おいしそうな目玉焼きが完成できたっす!

オレも、最初「この目玉焼きすら描けない時期」が長くあったんよ。 だから、初心者のみんなも「最初むずかしいのは当たり前」だから、あせらないで練習してみてね!

はい!

みんなも、illustratorで目玉焼きの作り方、練習してみてね!

