Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
DIST.39「Figmaを使ってベクターイラストを描く!」
Search
Miki Kuramata (nico)
June 04, 2023
Design
1
1k
DIST.39「Figmaを使ってベクターイラストを描く!」
2023年6月2日開催 DIST.39「みんなのFigma」LT資料です!
https://dist.connpass.com/event/281775/
Miki Kuramata (nico)
June 04, 2023
Tweet
Share
Other Decks in Design
See All in Design
他人事じゃないWebアクセシビリティ入門
arihiro17
0
370
Design for disaster preparedness
norinity1103
0
120
Baby Bear Genius
yvonnehsuanho
PRO
0
600
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
5
29k
Making impact with your craft with sociotechnical design
xinyao
1
140
TrollsTopia: Funtography- Part 1
kenijam
1
260
Chatwork プロダクトデザイン部 組織紹介(デザイナー向け)
chatwork_hr
1
520
Rebuilding Stamen’s iconic map styles with Stadia Maps
almccon
0
100
B/43プラスカードができるまで
putchomsmartbank
1
630
最速で価値を届けるUXリサーチ
degudegu2510
4
1k
興味関心と組織とリサーチ #ResearchConf / 20240419
minamitary
1
130
アクセシビリティのはじめかた デザイナー編
tokimari
2
750
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1026
450k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
90
47k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
277
13k
Fashionably flexible responsive web design (full day workshop)
malarkey
399
65k
Fantastic passwords and where to find them - at NoRuKo
philnash
42
2.7k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
121
18k
Principles of Awesome APIs and How to Build Them.
keavy
124
16k
The Brand Is Dead. Long Live the Brand.
mthomps
52
36k
Six Lessons from altMBA
skipperchong
24
3.2k
What's new in Ruby 2.0
geeforr
338
31k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
36
9.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
149
45k
Transcript
00 Figmaを使って ベクターイラストを 描く! 倉又美樹(まるみ) @nicoicon_design
1 倉又美樹(まるみ) @nicoicon_design Web/DTP/UIなどをやるデザイナー イラストを使ったデザインが好き イラストを描くのも好き IllustratorとFigmaを 行ったり来たりする
2 イラストを描く時だいたいIllustratorなのですが Figmaでデザインする機会が増えてきました 色調整などはFigmaで行うこと多し
3 LEVEL 1 植木鉢に花を咲かせる Figmaの「楕円」と「長方形」で描画する
4 前提:イラストは があればある程度描ける!! •▲▪の形 楕円 長方形 楕円を変形 楕円を変形
5 LEVEL 2 虹・雨・雲を描く これらすべてFigmaで描けます
6 構造はこんなかんじ
7 円グラフを描く要領で 複数の円弧を重ねると虹が描けます ポイントは「円弧」
8 LEVEL 3 グラデーションでリアルめな表現 「線形」「放射状」グラデーションは便利
9 いちごを拡大 粒部分といちご本体の グラデーションで 光を表現
10 いくらの粒を拡大 「放射状」グラデーションの集合体
11 補足 ブーリアングループを併用すると便利です 特に「選択範囲の結合」 めちゃ便利
12 これらの技術を活用して、 良きイラスト+デザインライフを! ご清聴ありがとうございました!