Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
2DCG講座2015年第5回【草】
Search
北海道科学大学 電子計算機研究部
June 13, 2017
Design
0
40
2DCG講座2015年第5回【草】
草の描き方です。
北海道科学大学 電子計算機研究部
June 13, 2017
Tweet
Share
More Decks by 北海道科学大学 電子計算機研究部
See All by 北海道科学大学 電子計算機研究部
第12回Network講座2019
densan
1
61
第11回Network講座2019
densan
0
72
第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
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
330
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
3
2k
CursorでAI活用のナレッジベースを構築する
kanzaki
0
1.1k
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
muture
PRO
0
360
チームをデザイン対象にする / Design for your team
kaminashi
0
230
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2.4k
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
3
2.9k
Findyのプロデチームの 歩みとこれから
satty9556
0
360
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
700
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
1
420
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
360
Diverse Design Team Deck
diverse
0
230
Featured
See All Featured
Technical Leadership for Architectural Decision Making
baasie
0
180
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
0
950
Speed Design
sergeychernyshev
33
1.4k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
110
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
580
How to build a perfect <img>
jonoalderson
0
4.7k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
120
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
0
300
A Tale of Four Properties
chriscoyier
162
23k
How Software Deployment tools have changed in the past 20 years
geshan
0
30k
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.