Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
2DCG講座2015年第6回【金属】
Search
北海道科学大学 電子計算機研究部
June 13, 2017
Design
48
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
2DCG講座2015年第6回【金属】
金属の描き方です。
北海道科学大学 電子計算機研究部
June 13, 2017
More Decks by 北海道科学大学 電子計算機研究部
See All by 北海道科学大学 電子計算機研究部
第12回Network講座2019
densan
1
69
第11回Network講座2019
densan
0
85
第10回Network講座2019
densan
0
63
第09回Network講座2019
densan
1
180
第08回Network講座2019
densan
0
59
第07回Network講座2019
densan
0
61
第06回Network講座2019
densan
0
83
第05回Network講座2019
densan
0
60
第04回Network講座2019
densan
0
130
Other Decks in Design
See All in Design
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
930
プレゼンスライド作成で意識していること
kimichan
0
120
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
dmattsun
2
580
凡庸を落とすハーネス
hiromimaeo
2
910
root COMPANY DECK / We are hiring!
root_recruit
4
30k
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
cygames
PRO
1
1.4k
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ~継承と挑戦を両立するデザイン手法~
cygames
PRO
3
5.2k
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
4k
Bet AI Day 2026丨デザインハーネス:専門職の判断基準をコードのように運用する
layerx
PRO
4
4.9k
Where Imagination Ends AI Begins
r5ni4
0
390
Frontier
rwang05
0
210
Saving_the_King_-_Storyboard.pdf
terencebasart
0
330
Featured
See All Featured
How to Talk to Developers About Accessibility
jct
2
550
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.6k
Designing Experiences People Love
moore
143
24k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
330
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Optimising Largest Contentful Paint
csswizardry
37
4k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
440
Rails Girls Zürich Keynote
gr2m
96
14k
The Language of Interfaces
destraynor
162
27k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
730
A Modern Web Designer's Workflow
chriscoyier
699
190k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.4k
Transcript
© 2015 Hokkaido University of Science All Rights Reserved.
2 © 2015 Hokkaido University of Science All Rights Reserved.
金属について 固い 反射率が高い (反射率が高いということは、周りのものがたくさん 映るということ) 灰色塗っていればそれっぽくなる
3 © 2015 Hokkaido University of Science All Rights Reserved.
反射率が高いものの表現 • どうやって表現するか… • 周りのものを描く、そうすることによって周りのもの が写っているように見える • そのまんま同じのを同じように描くのではなく、柱 の形に湾曲させる • 明暗差を出す
4 © 2015 Hokkaido University of Science All Rights Reserved.
灰色の柱を描く ここはただ塗っただけだから 説明は特にない 上のカラーサークルは濃い 方の灰色 下のカラーサークルは薄い 方の灰色
5 © 2015 Hokkaido University of Science All Rights Reserved.
陰を塗る 反射率が高いものほど明暗 差があるので今回はぼかし は入れないではっきり描く
6 © 2015 Hokkaido University of Science All Rights Reserved.
陰2を付ける 明るい灰色と暗い灰色の間 にさらに濃い灰色を置く 陰の協調になるこれで薄い 方と明暗差が出たのでコン トラストがあがり、金属っぽく なった、はず
7 © 2015 Hokkaido University of Science All Rights Reserved.
反射光を描く 図の通りに光が反射するので、その部 分に元の灰色をスポイトで拾い、色を塗 る
8 © 2015 Hokkaido University of Science All Rights Reserved.
光を描く さっき描いた一番濃い灰色 の隣に白をおくこのとき境界 をはっきりさせた方がそれっ ぽく見える 色が混ざって思うように城を 乗せれない場合は色が混ざ らないペンなどのツールを 使うといい
9 © 2015 Hokkaido University of Science All Rights Reserved.
周りのものを描く 左に葉っぱがあるのでそれ を描く、円柱なので、映るも のは細長くなる 気持ち細長く描く緑をスポイ トで拾い、葉っぱの形を描い て、一番端の淵の部分に反 射光を白で描く
10 © 2015 Hokkaido University of Science All Rights Reserved.
最後の調整