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
880
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
Wishing Star Comic
torije
2
1.1k
ウェブディレクターを救うBacklog
wattlaa
0
280
PRDがデザインプロセスを高速化した話
tooomo
0
260
良いアプリケーションをデザインするための感覚の持ち方 / Cultivating a Sense for Designing Great Applications
usagimaru
22
7.6k
社内管理画面のデザインもプロダクトデザイン
takanorip
3
730
ユーザーのためなら 『デザイン』 以外にも手を伸ばせる
navitimejapan
PRO
2
700
デザインに関わる全ての人たちでエベレスト登頂を目指すために取り組んでいること
amishiratori
0
580
共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation
fumiyaakasaka
2
220
Desarrollo de Carrera en Diseño y Producto
solmesz1
2
170
ダークテーマとアクセシビリティ の融合したカラートークンの設計
degudegu2510
0
280
Installing and Running decksh/pdfdeck
ajstarks
1
480
スタートアップ創業時の CXOのお仕事
tsuyoshika
0
1.5k
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
49
9.2k
Product Roadmaps are Hard
iamctodd
43
9.7k
Bash Introduction
62gerente
604
210k
Statistics for Hackers
jakevdp
789
220k
What the flash - Photography Introduction
edds
64
11k
Bootstrapping a Software Product
garrettdimon
PRO
301
110k
Clear Off the Table
cherdarchuk
82
310k
KATA
mclloyd
14
12k
Building a Modern Day E-commerce SEO Strategy
aleyda
16
6.3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
658
120k
Optimizing for Happiness
mojombo
369
69k
Building Better People: How to give real-time feedback that sticks.
wjessup
353
18k
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 これらの技術を活用して、 良きイラスト+デザインライフを! ご清聴ありがとうございました!