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講座2016年第3回【石】
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
北海道科学大学 電子計算機研究部
June 13, 2017
Design
56
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
2DCG講座2016年第3回【石】
石の描き方です。
北海道科学大学 電子計算機研究部
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
55
第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
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
220
Mandalyn_DT5001_FinalAssignment.pdf
lynteo
0
240
「親切なオンボーディング」 が招く罠 ー AI時代のUXデザイン
godlingkogami
1
140
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
nttcom
0
770
AIスライドデザインを生成する仕組みを社内共有する
kenichiota0711
7
5.7k
デザインツールを開く前に その画面は誰に何と言わせたい?受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
garyuten
1
120
もう迷わない!“なんとなく”を卒業するフォントの選び方【村田俊英】
toshihidemurata
0
750
kintone開発におけるライターの役割の変化〜AI活用を添えて〜 / Changes in the Role of Writers in Kintone Development
keroyama
0
140
ISO 9241-171:2025っていうのがあってな
shosira
1
210
開発・制作におけるUI・UXデザインの重要性について~UI・UXデザインってなんだろう~
yamasaku
0
140
TUNAG BOOK 2024
stmn
PRO
0
1.6k
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
340
Featured
See All Featured
The Invisible Side of Design
smashingmag
301
52k
Chasing Engaging Ingredients in Design
codingconduct
0
240
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.2k
The browser strikes back
jonoalderson
0
1.4k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.2k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
340
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.3k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
220
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.5k
The Curse of the Amulet
leimatthew05
2
13k
Building Adaptive Systems
keathley
44
3.1k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.4k
Transcript
© 2015 Hokkaido University of Science All Rights Reserved. 第3回:2D講座
2 © 2015 Hokkaido University of Science All Rights Reserved.
石を描く ☆石を描くときに大切なこと イメージ画を想像しながら描く 面でとらえる 光と影の境目をはっきりさせる エッジを効かせる(境界をはっきりさせる)
3 © 2015 Hokkaido University of Science All Rights Reserved.
石の描き方 1面を描く 2下地塗り 3影を描く 4光の当たってる部分を描く 5反射光の表現
4 © 2015 Hokkaido University of Science All Rights Reserved.
1面を描く 1.この段階である程度形を決 めて、どこに陰が入って、ど こに光が当たるかというの を考えて決めておく、決めた やつは後で迷わないように 描きこんでおく ※縦長にとらわれず自由に描 こう!!じゃないと石炭になる よ
5 © 2015 Hokkaido University of Science All Rights Reserved.
2下地塗り 1.灰色でベース色をべた塗 り このとき、水彩のブラシ設 定のソフトエッジのチェッ クを外す(輪郭をはっきり させるため)
6 © 2015 Hokkaido University of Science All Rights Reserved.
3影を描く 1.新しいレイヤーを作り、レ イヤースタイルを乗算に し、クリッピング 色はそのままで、さっき線 を描いた斜線部分の影の 部分に塗る 2.下地の色の不透明度を 下げると、線が見えて描 きやすい(※塗り終わった ら不透明度を戻すのを忘 れずに) 3.レイヤーを統合して、必 要なら形を整える (下地と影の境界を調整)
7 © 2015 Hokkaido University of Science All Rights Reserved.
4光の当たって いる部分を描く 1.新しいレイヤーを作り、レイヤー スタイルを加算・発光にし、ク リッピング 色はさっきと同じ色を使う 不透明度を18%に下げる 2.レイヤーを統合し、光は左下に 行くにつれて弱くなるから左下 に行くにつれてグラデーションに する (グラデーションはちょっと荒い ほうがいい、個人的にだけど質 感が出る気がする) 面によって、光の強さが違うから、 光に近いか遠いかで色の強弱 を考える 3.レイヤーを増やして、光が強く当 たっている部分を描く (一番光の当たっている部分を 描く) 3.補足:右上に光源を設定してるから 右側を光らせた 点を打つようにしたら凸凹を 表現できる
8 © 2015 Hokkaido University of Science All Rights Reserved.
5反射光の 表現 赤い枠の部分の影を増やし、 反射光を描く 1・2段階低い色で反射光を 表現すると、立体感が増す 影の増やし方は3の影を描 くと一緒