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年第6回【金属】
Search
北海道科学大学 電子計算機研究部
June 13, 2017
Design
0
39
2DCG講座2015年第6回【金属】
金属の描き方です。
北海道科学大学 電子計算機研究部
June 13, 2017
Tweet
Share
More Decks by 北海道科学大学 電子計算機研究部
See All by 北海道科学大学 電子計算機研究部
第12回Network講座2019
densan
1
62
第11回Network講座2019
densan
0
73
第10回Network講座2019
densan
0
48
第09回Network講座2019
densan
1
160
第08回Network講座2019
densan
0
52
第07回Network講座2019
densan
0
49
第06回Network講座2019
densan
0
74
第05回Network講座2019
densan
0
54
第04回Network講座2019
densan
0
120
Other Decks in Design
See All in Design
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
180
decksh object reference
ajstarks
2
1.5k
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
designer_no_pon
0
1k
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
3
3k
Figmaレクチャー会Part2 もっと使いこなす編@千株式会社 社内勉強会
designer_no_pon
0
190
Liquid GlassとApp Intents
touyou
0
660
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
420
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
230
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
tame
1
350
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
640
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
300
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
120
Featured
See All Featured
What the history of the web can teach us about the future of AI
inesmontani
PRO
0
390
The Cost Of JavaScript in 2023
addyosmani
55
9.4k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
110
Being A Developer After 40
akosma
91
590k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.3k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
1
1.3k
A better future with KSS
kneath
240
18k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.4k
Documentation Writing (for coders)
carmenintech
77
5.2k
Designing Powerful Visuals for Engaging Learning
tmiket
0
200
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
190
Code Review Best Practice
trishagee
74
19k
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.
最後の調整