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
2DCG講座2015年第5回【草】
Search
北海道科学大学 電子計算機研究部
June 13, 2017
Design
44
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
2DCG講座2015年第5回【草】
草の描き方です。
北海道科学大学 電子計算機研究部
June 13, 2017
More Decks by 北海道科学大学 電子計算機研究部
See All by 北海道科学大学 電子計算機研究部
第12回Network講座2019
densan
1
67
第11回Network講座2019
densan
0
80
第10回Network講座2019
densan
0
56
第09回Network講座2019
densan
1
170
第08回Network講座2019
densan
0
58
第07回Network講座2019
densan
0
56
第06回Network講座2019
densan
0
79
第05回Network講座2019
densan
0
56
第04回Network講座2019
densan
0
120
Other Decks in Design
See All in Design
なぜ、インサイトを貯めるのか?
tajima_kaho
3
2.5k
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
1
710
つくり方を変えていく | change-how-we-build
mottox2
2
1.4k
開閉UIのアニメーション設計
hiro0218
2
890
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
3
280
20260309_3月ICTデザイン勉強会_地域創生2.0
a2k
0
150
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
dmattsun
2
220
言幹と言葉(Stems & Leaves)
kakukoki
0
160
kintone開発におけるライターの役割の変化〜AI活用を添えて〜 / Changes in the Role of Writers in Kintone Development
keroyama
0
150
Of Ordination and Rebellion exploration sketches
rezaline
0
180
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
2k
デザインツールを開く前に その画面は誰に何と言わせたい?受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
garyuten
1
140
Featured
See All Featured
The Language of Interfaces
destraynor
162
27k
Tell your own story through comics
letsgokoyo
1
1k
Art, The Web, and Tiny UX
lynnandtonic
304
22k
Git: the NoSQL Database
bkeepers
PRO
432
67k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.5k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Amusing Abliteration
ianozsvald
1
240
The Cult of Friendly URLs
andyhume
79
7k
How to Ace a Technical Interview
jacobian
281
24k
Documentation Writing (for coders)
carmenintech
77
5.4k
Code Review Best Practice
trishagee
74
20k
It's Worth the Effort
3n
188
29k
Transcript
© 2015 Hokkaido University of Science All Rights Reserved. 第5回:2DCG講座
2 © 2015 Hokkaido University of Science All Rights Reserved.
草の描き方 1. つたを描く 2. 葉っぱの輪郭を描く 3. 葉っぱの中身を塗る 4. 陰を塗る 5. 明暗差をつける(光を入 れる) 6. 調整
3 © 2015 Hokkaido University of Science All Rights Reserved.
1.つたを描く 今回の草のイメージはつたから生えてい るイメージで描きたいと思う 円柱に巻かさっているイメージでぐるぐる 描く
4 © 2015 Hokkaido University of Science All Rights Reserved.
2.葉っぱの輪郭を描く ツタから生えていることを意識して葉っ ぱを配置する (葉の付け根を意識する)
5 © 2015 Hokkaido University of Science All Rights Reserved.
3.葉っぱの中身を塗る 好きな濃さの緑色で中身を 塗る
6 © 2015 Hokkaido University of Science All Rights Reserved.
4.陰を付ける 右上を光源と指定して、左 下に行くにつれて影を増や す 新規レイヤー(乗算)、陰を 付けて、統合
7 © 2015 Hokkaido University of Science All Rights Reserved.
続き 色を抽出しながらなめらか にしていく (境界を消すように塗る)
8 © 2015 Hokkaido University of Science All Rights Reserved.
5.明暗差をつける 新規レイヤー(発光)に光らせたい部分 を黄色で塗る
9 © 2015 Hokkaido University of Science All Rights Reserved.
続き 不透明度14%に下げ、統 合
10 © 2015 Hokkaido University of Science All Rights Reserved.
続き 同じように境界を消すように 色を抽出しながらなめらか にしていく
11 © 2015 Hokkaido University of Science All Rights Reserved.
6.調整 最後の調整は落ち影を塗る 今回落ち影は影の透明感に 注意する ただ述べた塗りの影だと、 葉っぱの光を通す特徴がな くなる 影をべた塗りしたら、その上 からもう少し明るい色を塗る 明暗差がはっきりしすぎて いると、一番上の葉っぱみ たいに、違和感が出てくる
12 © 2015 Hokkaido University of Science All Rights Reserved.