![見出し画像](https://assets.st-note.com/production/uploads/images/73200047/rectangle_large_type_2_cd7c1c549172b1efb8a41a951a1a9fd3.jpg?width=800)
グラフィックトレース(2022.02.28)
今週はグラフィックのトレースをしてみました。
というのも、会社でウェブサイトよりもピンタレストとかに載っている複雑な図をトレースした方がいいという話になったからです。
会社からグラフィックのトレース課題を出してもらったので作ってみました。
![画像4](https://assets.st-note.com/production/uploads/images/73180678/picture_pc_70afa56beb0cd8477e8a1eb5096c5ff8.png?width=800)
![画像8](https://assets.st-note.com/production/uploads/images/73198781/picture_pc_6c06be066fe79f6de0b97f0d592aa44b.png)
基本は円を重ねれば出来ますが、右下だけはパスファインダーで合体させてます。
![画像7](https://assets.st-note.com/production/uploads/images/73198440/picture_pc_b3578f1705a191488adf2640e31e2864.png)
この白い縦線が集まった円は作り方が分からなかったのですが、調べてみると線を一本描いて、回転ツールで角度を指定して複製するだけですごい簡単でした。
![画像5](https://assets.st-note.com/production/uploads/images/73181060/picture_pc_b9b916344abed41cbacd2a2579a1ed92.png?width=800)
ブレンドツールの「ブレンド軸を置き換え」を使って作りました。白いアルファベットの文字は近いフォントの形がなかったのでペンツールで書きました。
見本と同じように影をつけたんですが、自分で作ったやつは汚れてるようにしか見えない...笑
![画像6](https://assets.st-note.com/production/uploads/images/73189567/picture_pc_47c6ae9a0f2b583545602681ac41201b.png?width=800)
そういえば昔似たようなものをトレースしたなあと思い出したので何となくやり方は分かりました。
トレースしてみた。
— Haruka Endo / QUOITWORKS (@en_design0315) October 2, 2021
ブレンドツールでざっくり形作ってからペンツールで面ごとに色変えたんだけど、果たしてこれでやり方合ってるのか...
もっと効率いい方法ありそうだけどなー🤔 pic.twitter.com/EAZTzn87jc
イラレの3Dの「押し出し・ベベル」で立体的にした後にアピアランスを分割したんですが、何故か最初全く分割できず...。(昔はできたのに)
![画像9](https://assets.st-note.com/production/uploads/images/73199266/picture_pc_79f02b93f8c048bebe4eb0860b5999a1.png?width=800)
どうやらいつの間にかイラレの機能が変わっていて、「押し出し・ベベル」が2種類ありました。(クラシック)がついている方だとちゃんと分割できます。
「3Dとマテリアル」と「3D(クラシック)」の違いは一体何なんだろうか...
![画像10](https://assets.st-note.com/production/uploads/images/73199412/picture_pc_2672704ff8819f79ab6c32cba8620fc0.png)
あと途中で色?が切り替わっているところがあったのでここはペンツールで線を引いて、さらにパスファインダーで分割しました。
![画像6](https://assets.st-note.com/production/uploads/images/73189754/picture_pc_8ccb9beead2555e98ed46109bccc421b.png?width=800)
ウェブサイトですが今回は右側のグラデと光の部分だけ作りました。
![画像4](https://assets.st-note.com/production/uploads/images/73180120/picture_pc_9c39cf067d3eb170b6b42f3d665cca98.png?width=800)
虹色の写真の作り方が怪しかったので、写真のみトレース。
![画像4](https://assets.st-note.com/production/uploads/images/73180852/picture_pc_af2f3986ec49d90dd74d5e2a45996c85.png?width=800)
グラデーションをかけて描画モードをスクリーンにしたらできました。
なんかすごいグダグダな内容になってしまいました...
今週からトレースの内容が変わったので、来週以降どういう風にnoteを書いていくか、投稿頻度はどうするかなどまだ決めてないですが、何かしら発信はしていきたいなあと思います😌
この記事が気に入ったらサポートをしてみませんか?