らいちのヒミツ基地

公然のひみつ基地です

Adobe Illustratorで写真をトレスする作業のコツ

 

Illustratorで写真トレスをする仕事がたまに来るので作業のコツをメモしておきます。

アドビ イラストレーター…通称イラレで写真をトレースするのは基本的には手作業になる、というのは過去記事の通りです。

とうじょうじんぶつ

f:id:AzuLitchi:20170724182014p:plain

阿豆らいち:
らいち事務所の代表。フリーランスのデザイナー。色んな引き出しもってるフレンズ。

 

f:id:AzuLitchi:20170724182029p:plain

ミンスクさん:
らいち事務所の作業アシスタントと経理を兼任している。らいちの妻。らいちが旅行中はバッチリ留守を守っていた。

 

Adobe Illustratorで写真をトレスする作業のコツ

まずトレス対象の写真を用意します。できるだけ背景は単一色の方が見やすいです。

f:id:AzuLitchi:20170811222943p:plain

次に画像を書類に配置します。写真を書類にドラッグアンドドロップしても配置できます。とりあえず中央に配置してみましょう。

f:id:AzuLitchi:20170811223000p:plain

「表示」メニュー→「スマートガイド」にチェックを入れておくと、オブジェクトの端っことか中心に吸着します。ショートカットはcommand+Uなので覚えましょう。

配置できたらレイヤーパネルで写真のレイヤーをダブルクリックして、表示濃度を50%にしておきます。

f:id:AzuLitchi:20170811223039p:plain

終わったらレイヤーを動かせないようにロックかけておきます。

f:id:AzuLitchi:20170811223101p:plain

ここで、まずはトレス対象の写真をじっと眺めます。

f:id:AzuLitchi:20170811223533p:plain

f:id:AzuLitchi:20170811222943p:plain

f:id:AzuLitchi:20170811223556p:plain

f:id:AzuLitchi:20170811223622p:plain

f:id:AzuLitchi:20170811223634p:plain

意外と本当です。

ここでトレスの順番をや完成図をイメージしておくと後の作業が断然速いのです。

Illustratorにはレイヤーの順番の他に、オブジェクトの配置順というのがあって、同じレイヤーでも描いた順に上に配置されている感じになります。オブジェクトの配置順も後から変えられますが、描くときに奥側から描いておくとラクなのです。

トレス作業用のレイヤーを作ったらこの場合はまず輪郭をなぞって

f:id:AzuLitchi:20170811223803p:plain

このパスをコピー→前面にペースト(ショートカットはcommand+F。覚えましょう。)して少し調整して下の黒いとこを作って

f:id:AzuLitchi:20170811223826p:plain

もう一回前面にペーストして調整し、本体部分を完成させます。

f:id:AzuLitchi:20170811223900p:plain

そしたら中心のラインを描いて

f:id:AzuLitchi:20170811223915p:plain

二つの穴を描いて

f:id:AzuLitchi:20170811223930p:plain

ホイール描いたらペンでのトレスは完成です。

f:id:AzuLitchi:20170811223954p:plain

次は色を塗ります。色塗りは手前から順にやるとラクです。

ホイール塗って

f:id:AzuLitchi:20170811224026p:plain

薄いグレーと中間のグレーを塗って

f:id:AzuLitchi:20170811224039p:plain

一番下の濃いグレー

f:id:AzuLitchi:20170811224116p:plain

元の写真レイヤーを非表示にして…完成!

f:id:AzuLitchi:20170811224205p:plain

このマウスはベクターで描かれているので、大判ポスターサイズに拡大してもフチがモヤっとしないわけです。

マウスの左下部分、Illustratorのパスを1200%に拡大してもこんな感じに滑らかな曲線ですが

f:id:AzuLitchi:20170811224225p:plain

元の写真を同じく1200%拡大するとモザイク画のようになります。

f:id:AzuLitchi:20170811224240p:plain

トレスには上記以外にも色々な方法があるのですが、トレス職人たちは日々、このような作業を行っているのです。

あまりトレス作業には使われない自動トレース機能も、場合に寄っては使い道があるので、それは次の機会に解説します。

f:id:AzuLitchi:20170811224334p:plain

こういう作業中はミンスクさんが応援してくれています。たぶん。

 

トレスに使用しているマウスはコチラです。 

Logicool ロジクール Bluetooth マウス M336 グレー M336GR

Logicool ロジクール Bluetooth マウス M336 グレー M336GR

 

 

それではまた…さよならいち!・∀・)ノ