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年第2回【ブラシ/木/草原】
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
北海道科学大学 電子計算機研究部
June 13, 2017
Design
69
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
2DCG講座2015年第2回【ブラシ/木/草原】
ファイヤーアルパカのブラシ設定、木の木目の描き方、草原の描き方の3点セットです。
北海道科学大学 電子計算機研究部
June 13, 2017
More Decks by 北海道科学大学 電子計算機研究部
See All by 北海道科学大学 電子計算機研究部
第12回Network講座2019
densan
1
69
第11回Network講座2019
densan
0
86
第10回Network講座2019
densan
0
64
第09回Network講座2019
densan
1
180
第08回Network講座2019
densan
0
59
第07回Network講座2019
densan
0
61
第06回Network講座2019
densan
0
84
第05回Network講座2019
densan
0
61
第04回Network講座2019
densan
0
130
Other Decks in Design
See All in Design
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.6k
人工知能のための哲学塾 ニューロフィロソフィ篇 第参夜「河合隼雄と中空構造」
miyayou
0
110
作品が生まれ続けるコミュニティデザイン ― 研究室でも会社でもないサードプレイス ― / designship26-iwaken
iwaken71
0
170
富山デザイン勉強会_生成AIを使ったデザイン制作2026最新版.pdf
keita_yoshikawa
0
160
AI-DLC AI駆動開発ライフサイクルとAI-DLC Worlflows V2のご紹介
fatsushi
0
190
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
kgsi
14
22k
Rondo 1 Minute Short Storyboard
rezaline
0
120
Basket_of_love.pdf
terencebasart
0
360
泥臭く語るUIデザイン会|ホワイトボードチャレンジ【RAMEN TECH 2026】
garyuten
1
190
エンジニア経験0のデザイナーが アプリを0からリリースまで 作ってみる
abokadotyann
2
410
柔軟性のあるUIで、多くの環境でアプリを活躍させる/iOSDC26
noppefoxwolf
0
1.6k
分散するデザイン組織をつなぐ デザインミートアップの取り組み/nikkei-tech-talk49
nikkei_engineer_recruiting
1
360
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
232
55k
Are puppies a ranking factor?
jonoalderson
2
4.1k
Raft: Consensus for Rubyists
vanstee
142
7.8k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
1
570
Prompt Engineering for Job Search
mfonobong
0
520
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
68
58k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
600
How to make the Groovebox
asonas
2
2.5k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
800
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.6k
AI: The stuff that nobody shows you
jnunemaker
PRO
10
1.2k
Transcript
© 2015 Hokkaido University of Science All Rights Reserved. 第2回:2D講座
2 © 2015 Hokkaido University of Science All Rights Reserved.
今日の講座内容 • P3~P4ブラシ設定 • P5ポートレートについて • P6~P12マテリアル木の描き方 • P13~P18草原の描き方
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.
ポートレート ←こう見ると細かく見えるけど ※拾い画 こう見ると意外とテキトーなのが分かる→ ポートレートとは… 人がメインの絵、写真 • 人を細かく描いている • 背景は意外とテキトー
6 © 2015 Hokkaido University of Science All Rights Reserved.
木の描き方 • 完成例 塗る順序 1下地 2影塗り 3筋を描く 4筋を描く2(影の中の筋) 5切り口を描く 6光を当てる
7 © 2015 Hokkaido University of Science All Rights Reserved.
1下地 新規レイヤーを作成し線に沿って、線 の上からべた塗り 今の段階のレイヤー構成は 下地レイヤー マテリアル線レイヤー
8 © 2015 Hokkaido University of Science All Rights Reserved.
2影塗り 1.大雑把に影を塗る 後で形を整えるから、左側にテキ トーに色をレイヤースタイルを乗 算で乗せる 今回の影の色は紫に 2.クリッピングすると真ん中みたいに 下のレイヤーの塗らさっている範 囲に陰色が塗らさる 3.一番上の薄い茶色の部分は光が 当たっている部分なので消しゴム で消す
9 © 2015 Hokkaido University of Science All Rights Reserved.
3筋を描く ここで影レイヤーと下地レイヤーを合 成 1.下地の色をスポイト(右クリックorA lt)で拾って、影と下地の境をつぶ すように線を引きまくる 影の方から同じように色を抽出し て下地の方に線を引く (※境目に近ければ近いほど長め に、遠ざかるほど小さく) 2.ブラシサイズを小さくしつつ、大体 境目が分からなくなるまでひたす ら線を引き続ける 3.これくらいでいいでしょう
10 © 2015 Hokkaido University of Science All Rights Reserved.
4筋を描く2 影の中の筋を塗っていく 1.深みを増すために、赤丸の中に さっきと同じ要領で線を引く 2.立体感を出すために反射光を ちょっと入れる(反射光の色は下 地の色) 3.2の線を削るように形を整える
11 © 2015 Hokkaido University of Science All Rights Reserved.
5切り口を描く 1.切り株のなかの丸い渦巻状の 線を描く(色は下地の色) 2.中心から放射線状に同じ色で描く 3.この線はヒビをあらわしている 放射線を描いた部分らへんに白く ヒビを薄い茶色を抽出して描く 赤い矢印のように筒であることを 意識しながら線を引く 違和感をなくすために、濃い茶色 の部分にもちょっと引く
12 © 2015 Hokkaido University of Science All Rights Reserved.
6光を当てる 明暗差をもうちょっとつけたいので光 を当てる。 1.レイヤー効果を加算・発光にし、さ らにクリッピング 2.エアブラシで黄色を図のように乗 せる ここで薄い茶色部分全体に乗せ、 下地部分には右半分くらい乗せる 3.レイヤーの不透明度を13%まで 下げる はい、完成
13 © 2015 Hokkaido University of Science All Rights Reserved.
草原の描き方 • 完成例 塗る順序 1グラデーション 2影 3濃い草を描く 4薄い草を描く 5調整
14 © 2015 Hokkaido University of Science All Rights Reserved.
1グラデーション 大体この4色で大雑把に水彩で色を 塗る そして、ぼかしツールでぼかしてグラ デーションを作る ムラがあるようなら、色と色の間の中 間色をスポイトで抽出して、境目に色 を置いて、ぼかしてなじませる 出来たのがこれ
15 © 2015 Hokkaido University of Science All Rights Reserved.
2影 新しく影レイヤーを追加し、まばらに 草の影を描いていく 1手前の二つは他の影よりもちょっと 濃い色 2真ん中の3つはそれよりも少し薄い 緑 3奥の影はそれよりも薄い色を置く 下地をグラデーションにしたから影も グラデーションにする するとこうなる ←右が一番奥で左がその前の影
16 © 2015 Hokkaido University of Science All Rights Reserved.
3濃い草を描く 新しいレイヤーを作り境目に濃い草を 描く 草を描くのは境目だけでよい あまり描きすぎるとうるさくなる 草の形を意識して下から上に細くなる ように描く(エッジを付ける) ※ブラシ編集で最小幅を5%にする 奥に行けばいくほど小さくなっていく (影がはっきりしていてうるさかったか ら少しなじませた)
17 © 2015 Hokkaido University of Science All Rights Reserved.
4薄い草を描く 濃い色と同様に線を引いていく
18 © 2015 Hokkaido University of Science All Rights Reserved.
5調整 1.今回はちょっと影がうるさいので、 周りとなじませる 2.そのあと、右斜め上から太陽があ たってるものとして、光を描く 左側に行けばいくほど光は拡散し て弱くなる 3.不透明度を落として完成 (草は光を透過するからあまり光 らせない)