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
900
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
リリース1ヶ月後で機能をなくした話
hinofu
1
710
Information Architects: The Missing Link in Design Systems
soysaucechin
0
120
JBUG東京#22登壇資料_日頃クライアントワークを行っているディレクターが自社コーポレートサイトリニューアルを担当して学んだこと
webnaut
0
210
丸井グループが取り組むエンタープライズアジャイルと プロダクトマネージャーの役割
muture
0
240
UX/UI改善に貢献するユーザーテストとは? 基礎知識から実施のプロセスまで解説
ncdc
0
350
BtoB SaaS Design Conference 登壇資料 Cloudbase LT
narizuka
0
500
社内管理画面のデザインもプロダクトデザイン
takanorip
4
750
言語やロールの違いを超えて、一緒にデザインしていくための挑戦
hrtnde
0
1.3k
デザインテクノロジストが先導する プロダクト開発の世界
degudegu2510
1
370
全社を巻き込んだコーポレートバリューの再定義に関するデザイナーの関わり方
sugiyama_sukedachi
0
170
decksh object reference
ajstarks
2
920
Ubie Vitalsの取り組み紹介
8845musign
0
210
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
25
2k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
34
6k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
How to Ace a Technical Interview
jacobian
273
22k
Being A Developer After 40
akosma
67
580k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
8
3.4k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
Raft: Consensus for Rubyists
vanstee
133
6.3k
Gamification - CAS2011
davidbonilla
77
4.6k
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 これらの技術を活用して、 良きイラスト+デザインライフを! ご清聴ありがとうございました!