SlideShare a Scribd company logo
1 of 23
ドキ♡ドキ†テクスチャ†講習会
自己紹介
名前:Linea
やってること:ゲーム
つくったもの:
Armed Core
Infinity Masakari
とか
テクスチャ(texture)とは
 3DCGの表面に画像ファイルを貼り付ける
ことで模様や質感を表現する技法
 正確には”テクスチャマッピング”
 本来は織物の質感を意味する語
テクスチャなし テクスチャあり
UV座標
 テクスチャをモデルの表面の位置と対応
させる座標
 横軸U,縦軸Vで表す
 3Dモデルの展開図に近い
対応してる
UV展開
 モデルのUV座標を決める作業
 UVの歪みは見た目の歪み
 歪むと汚いし、テクスチャ作りにくい
汚いUV
解像度のバランスが悪い
歪んでる
このUVに神はいない…
UV展開
 UVの切れ目がテクスチャの切れ目
 無理な展開にならないよう切れ目をつける
解像度が均一
歪んでない
UVを讃えよ!!!
テクスチャマッピングの種類
 カラー
 表面の色情報を扱う基本的なテクス
チャ
 法線(ノーマル)
 凹凸を表現するための法線情報
 自己発光
 発光表現の色,明るさを扱う
 環境
 周囲からの映り込みや背景を扱うパ
ノラマのテクスチャ
テクスチャマッピングの効果
Unity5使用
カラー カラー+ノーマル
カラー+ノーマル
+自己発光
カラー+ノーマル
+自己発光+環境マップ
凹んでる
明るい 空の色が映り込む
テクスチャ塗ろうな
テクスチャ(カラー)の作り方
1. 画像加工
2. KIAIでイカする(塗る)
3. 3Dペイント(チート)
1.画像加工
 既存のSozaiを切り貼りして作る
このドアのテクスチャを作るにゃ
全国のシアンちゃんゴメンな
画像加工で作るにゃ
1.下地の木目画像を貼るにゃ 2.解像度が低いので縮小するにゃ
3.コピペで枠部分全体に貼るにゃ 4.適当な窓付きドア画像を貼るにゃ
画像加工で作るにゃ
5.窓を切り抜いてUVの枠に合わせるにゃ 6.ドアノブ用画像を貼るにゃ
7.ドアノブを切り抜いて配置するにゃ
2.闇(塗る)
 要はお絵かき
 オタクの好きな女の子作るなら多分必須
 まぁ闇(作業量的に)
月並みですが箱にサイコロ
の目でも描いてみましょう
SAIベースで話すので適当に自分の
使うペイントソフトで読み替えてね
2.闇のゲーム(陰影の塗り方)
1.下地の白と赤を描く 2.乗算レイヤーで暗く塗る
3.消しゴム(濃度7,80)で
左上を少し残すように削る
4.二段目の凹み用に乗算レ
イヤーで塗る
2.闇のゲーム(陰影の塗り方)
5.3と同様に消しゴムで削る
(ちょっと暗めに)
6. 右下(光が当たる)をスクリーン
レイヤーでなぞり、明るくする
7.明るくした部分の端を消し
ゴムで薄くしてなじませる
8.スクリーンレイヤーでハ
イライトを大きめに描く
2.闇のゲーム(陰影の塗り方)
9.ぼかしツールでハイライト
をぼかす
10.溝になる線を乗算で描く
11.消しゴムで右下を削る 12.スクリーンで溝の(光が当
たる側)にハイライトを描く
薄い消しゴムでムラを
つけるとそれっぽい
2.闇のゲーム(陰影の塗り方)
13.境界線に乗算で暗い線を引
く
14.ぼかしで中心側に伸ばす
15.影になる右,下の境界に線
を引き直す
16.暗い部分と明るい部位分の
境界にハイライト線を引く
2.闇のゲーム(陰影の塗り方)
17.ぼかし、消しゴムでハイラ
イトをなじませる
光の当たる部分
は強く残す
ムラを付ける
3.3Dペイント
 モデルに直接塗る方式
 結果を見ながら描ける
 UV展開が適当でも良い
 有名なソフト(有料)
 Substance Painter
 MARI
法線テクスチャの作り方
1.ヘイトマップから変換
 ヘイトマップ(高低を白黒で表したテクスチャ)を変換する
 Unityなどのエンジン内でできる
 Gimpのプラグインもオススメ
2.ハイポリゴンで作った凹凸を焼きこむ
 ローポリモデルに凹凸情報を焼きこむ
 MayaなどのCGソフトで行う
3.強い(有料)ソフトを使う
 陰影のあるカラー画像を解析してノーマルを作るソフトが
有る
 BitMap2Material,MindTex
テクスチャとモデルの使い分け
 モデルで細かい凹凸を表現するのは高コスト
 ゲームなどリアルタイム処理では向かない
 モデルで細かい色分けをするのも高コスト
 色ごとにマテリアルが必要になる
 マテリアル数は描画命令数に直結
細かい部分はテクスチャで
最後に
 テクスチャはこわくない
 お絵かきです、お絵かきしましょう
 課金すれば楽になります!!
 テクスチャはいいやつ
 テクスチャでしかできない表現は多い
 複数マッピングを組み合わせて豊かな表現が
できる
†なかよし†
カラーと法線マップの補足
Q.カラーで陰影描かなくても法線マップだけで凹凸は表現できるのでは?
A.法線マップの影は強く出ないので遠くからや強調したい場所では目立
たなくなる
カラー+法線 法線のみ

More Related Content

Viewers also liked

Rogy目覚まし(仮)+おまけ
Rogy目覚まし(仮)+おまけRogy目覚まし(仮)+おまけ
Rogy目覚まし(仮)+おまけNaoki Hayashi
 
151025kawarobo susume 04
151025kawarobo susume 04151025kawarobo susume 04
151025kawarobo susume 04武帝 太祖
 
151025kawarobo susume 03
151025kawarobo susume 03151025kawarobo susume 03
151025kawarobo susume 03武帝 太祖
 
151025kawarobo susume 01
151025kawarobo susume 01151025kawarobo susume 01
151025kawarobo susume 01武帝 太祖
 
Ensemble Kalman Filterを用いたカオス力学系の推定
Ensemble Kalman Filterを用いたカオス力学系の推定Ensemble Kalman Filterを用いたカオス力学系の推定
Ensemble Kalman Filterを用いたカオス力学系の推定Fumiya Watanabe
 
技名の考え方
技名の考え方技名の考え方
技名の考え方Mahato Endo
 
ぼくのつくったこうだいさいてんじぶつ
ぼくのつくったこうだいさいてんじぶつぼくのつくったこうだいさいてんじぶつ
ぼくのつくったこうだいさいてんじぶつNaoki Hayashi
 
Rogyゼミ7thスライドpublic
Rogyゼミ7thスライドpublicRogyゼミ7thスライドpublic
Rogyゼミ7thスライドpublicNaoki Hayashi
 
Rogyzemi temp
Rogyzemi tempRogyzemi temp
Rogyzemi tempakatetsu
 
小さくて賢いロボット『マイクロマウス』を作ろう!
小さくて賢いロボット『マイクロマウス』を作ろう!小さくて賢いロボット『マイクロマウス』を作ろう!
小さくて賢いロボット『マイクロマウス』を作ろう!Teng Tokoro
 
グローバル理工人材のための今日から使える検索テクニック ―もう日本語でググるのはやめよう
グローバル理工人材のための今日から使える検索テクニック ―もう日本語でググるのはやめようグローバル理工人材のための今日から使える検索テクニック ―もう日本語でググるのはやめよう
グローバル理工人材のための今日から使える検索テクニック ―もう日本語でググるのはやめようTeng Tokoro
 
Unityは神,Unrealは現実
Unityは神,Unrealは現実Unityは神,Unrealは現実
Unityは神,Unrealは現実Linea319
 

Viewers also liked (13)

Rogy目覚まし(仮)+おまけ
Rogy目覚まし(仮)+おまけRogy目覚まし(仮)+おまけ
Rogy目覚まし(仮)+おまけ
 
151025kawarobo susume 04
151025kawarobo susume 04151025kawarobo susume 04
151025kawarobo susume 04
 
151025kawarobo susume 03
151025kawarobo susume 03151025kawarobo susume 03
151025kawarobo susume 03
 
151025kawarobo susume 01
151025kawarobo susume 01151025kawarobo susume 01
151025kawarobo susume 01
 
Ensemble Kalman Filterを用いたカオス力学系の推定
Ensemble Kalman Filterを用いたカオス力学系の推定Ensemble Kalman Filterを用いたカオス力学系の推定
Ensemble Kalman Filterを用いたカオス力学系の推定
 
技名の考え方
技名の考え方技名の考え方
技名の考え方
 
ぼくのつくったこうだいさいてんじぶつ
ぼくのつくったこうだいさいてんじぶつぼくのつくったこうだいさいてんじぶつ
ぼくのつくったこうだいさいてんじぶつ
 
Rogyゼミ2014 10
Rogyゼミ2014 10Rogyゼミ2014 10
Rogyゼミ2014 10
 
Rogyゼミ7thスライドpublic
Rogyゼミ7thスライドpublicRogyゼミ7thスライドpublic
Rogyゼミ7thスライドpublic
 
Rogyzemi temp
Rogyzemi tempRogyzemi temp
Rogyzemi temp
 
小さくて賢いロボット『マイクロマウス』を作ろう!
小さくて賢いロボット『マイクロマウス』を作ろう!小さくて賢いロボット『マイクロマウス』を作ろう!
小さくて賢いロボット『マイクロマウス』を作ろう!
 
グローバル理工人材のための今日から使える検索テクニック ―もう日本語でググるのはやめよう
グローバル理工人材のための今日から使える検索テクニック ―もう日本語でググるのはやめようグローバル理工人材のための今日から使える検索テクニック ―もう日本語でググるのはやめよう
グローバル理工人材のための今日から使える検索テクニック ―もう日本語でググるのはやめよう
 
Unityは神,Unrealは現実
Unityは神,Unrealは現実Unityは神,Unrealは現実
Unityは神,Unrealは現実
 

ドキ♡ドキ †テクスチャ† 講習会