---
title: 3DCG勉強会
tags:  #3dcg  
author: [crashRT](https://www.docswell.com/user/crashRT)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/VENYWD86J8.jpg?width=480
description: 開催時期：2021 年 11 月～ 2021 年 12 月  3DCG を KMC 内に布教するために開催した勉強会です。 多少の知識がある人向けに、Blender を使った 3DCG の基本的な使い方を解説しました。  https://memo.crashrt.work/docs/slides/3dcg
published: April 13, 26
canonical: https://www.docswell.com/s/crashRT/53JGD8-3dcg
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/VENYWD86J8.jpg)

3DCG勉強会


# Page. 2

![Page Image](https://bcdn.docswell.com/page/Y79PXGKRE3.jpg)

実況は#3dcg勉強会で
連絡等はピンするので埋もれない・・・はず


# Page. 3

![Page Image](https://bcdn.docswell.com/page/G78D2VRG7D.jpg)

目的


# Page. 4

![Page Image](https://bcdn.docswell.com/page/L7LM25KXJR.jpg)

3DCGの布教


# Page. 5

![Page Image](https://bcdn.docswell.com/page/4EMY8323EW.jpg)

扱う分野（予定）
●
背景CG（Environment Art）(これがメイン)
風景を作る（街、山、宇宙、・・・）
●
モーショングラフィックス（Motion Graphics）
定義は色々言われてるけど簡単に言うと動くCG
●
3Dモデリング
(MV、BGA、PV、…)


# Page. 6

![Page Image](https://bcdn.docswell.com/page/PER95QMRJ9.jpg)

使うソフト：Blender
https://www.blender.org/
biender.netという偽サイトがあるので注意
●
無料で使える3DCGソフト
●
機能がめちゃくちゃ豊富＆アドオンも強い
●
これが使えれば他のソフトも比較的楽に使えるようになるはず（本質は同じなので）
●
最近はプロも使っているらしい
Blender一通りやった後、AfterEffectsとCINEMA 4Dの回もやる予定


# Page. 7

![Page Image](https://bcdn.docswell.com/page/P7XQK5VYEX.jpg)

準備するもの
●
（必須）パソコン
●
（ほぼ必須）中クリックができるマウス
●
（あると便利）テンキー
●
（あると嬉しい）グラボ
●
（あると良いかも）サブモニター
●
（大事）健康


# Page. 8

![Page Image](https://bcdn.docswell.com/page/37K956Q47D.jpg)

他の分野例
気になった人はYoutubeとかで調べてみて下さい
●
キャラクターモデリング
●
生物モデリング
●
スカルプト
●
食べ物モデリング
●
車モデリング
●
商品モデリング
●
VFX（火とか魔法とかのエフェクト）
●
（３Dではないけど、UIデザイン、作字、・・・）


# Page. 9

![Page Image](https://bcdn.docswell.com/page/LJ3WK6PDJ5.jpg)

もっと知りたくなったら
Youtubeに大量のチュートリアルがあるのでそれ見るのがおすすめ。
ほとんどが英語。なので検索も英語が良い。
Blender Tutorial <作りたいものを英語で>
で検索すれば大体出てくる→
https://youtube.com/playlist?list=PL6Wp3admg1U7aVVzmwjp0HX6Cu8Ukv6NY
↑僕が履修したチュートリアルのプレイリスト（他ソフト含む）
この中から探すのもあり
字幕表示すると内容をとりやすいのでおすすめ


# Page. 10

![Page Image](https://bcdn.docswell.com/page/8JDK3VL2EG.jpg)

Blender基本操作


# Page. 11

![Page Image](https://bcdn.docswell.com/page/VEPK4V2L78.jpg)

Outline
View
Timeline
Property


# Page. 12

![Page Image](https://bcdn.docswell.com/page/27VVXZD67Q.jpg)

どう表示するかを選択 →
↑いろんなツールがある
←よく使うツールたち
存在するオブジェクト一覧 →
←DefaultCube
最初に消すのが恒例 (らしい)
各オブジェクトの設定をいじるところ →
↓各パネルのタイプを変えるのはここ
モーションつけるならここ使う


# Page. 13

![Page Image](https://bcdn.docswell.com/page/5JGLV4Y27L.jpg)

選択対象
特によく使うショートカット
作業が圧倒的に早くなるのでどんどん活用しよう
視点操作系
頂点
1
辺
2
面
3
オブジェクト操作
回転
中クリック
複数選択
Shift+左
削除
X , Del
平行移動
Shift + 中
全選択
a
非表示
H
拡大縮小
Ctrl +中
ループ選択
Alt +左
表示
Alt + H
カメラ視点
Num 0
オブジェクト追加
Shift + A
ソロ
/
移動
G（Grab）
Mode切り替え
Tab
拡大縮小
S（Scale）
押し出し
E
回転
R（Rotate）
面内押し出し
I
複製
Shift + D
X線モード
Alt + Z
Undo, Redo
元に戻す
Ctrl + Z
やり直す
Ctrl + Shift + Z


# Page. 14

![Page Image](https://bcdn.docswell.com/page/47QY6GM9EP.jpg)

CyclesでGPUを使うときの注意
Edit / Preferences / Systemで
どれかを選択することが必要
とりあえず使えるものにすればOKだと思う
（違いが分からない......）


# Page. 15

![Page Image](https://bcdn.docswell.com/page/KE4W454RJ1.jpg)

ファイルが消えた:sadpanda:
もし直前に開いていたなら
FIle / Recover / Last Session で復活するかもしれない
ときは？＃１


# Page. 16

![Page Image](https://bcdn.docswell.com/page/L71Y4W4VJG.jpg)

ファイルが消えた:sadpanda:
直前は別のものやってたんだが？？？？
→FIle / Recover / Auto Save の中にあるかもしれない
ときは？＃２


# Page. 17

![Page Image](https://bcdn.docswell.com/page/G7WGX6X3E2.jpg)

ファイルが消えた:sadpanda:
ときは？最後の手段
いや無いけど？？？？？
→.blend1 (または.blend2, ･･･)ファイルは残っていますか？
はい
→File / Open→右上の漏斗の横の下三角
→Backup .blend FilesをONに
→.blend1を開く
※.blendn = n回前に保存した状態のファイル
→間違って上書き保存した時にも使える
nの最大値はEdit / Preferences / Save&Loads
の中のSave Versionsの値です


# Page. 18

![Page Image](https://bcdn.docswell.com/page/4JZL6Y6GE3.jpg)

Ⅰ 建物作ってみた


# Page. 19

![Page Image](https://bcdn.docswell.com/page/YE6W2D2QEV.jpg)



# Page. 20

![Page Image](https://bcdn.docswell.com/page/GE5M2322E4.jpg)

やること
とりあえず完成させてみるのが目標
・Building Tools
・Ivy Generator (任意；ただのアドオン紹介)
・カメラ
・マテリアル設定
・ライティング、レンダリング


# Page. 21

![Page Image](https://bcdn.docswell.com/page/97294Z41JR.jpg)

Building Toolsの導入
建物作るのがめっっっちゃ楽になるアドオン
1.
2.
https://ranjian0.github.io/building_tools/ →Download .zip →適当なところに保存
※Blenderのアドオン用のフォルダを作ると良いかもしれない
BlenderのEdit / Preferences / Add-ons / Install でDLした .zipを選択


# Page. 22

![Page Image](https://bcdn.docswell.com/page/DJY4MRM47M.jpg)

Ivy Generatorの有効化
・Ivy Generatorも使うので有効化しておいてください 標準で入っています
LoopTools, NodeWranglerも有効化しておいてください
チュートリアルとかで当然のように使う人もいるくらいのやつです


# Page. 23

![Page Image](https://bcdn.docswell.com/page/V7NYWDW6E8.jpg)

実演


# Page. 24

![Page Image](https://bcdn.docswell.com/page/YJ9PXGXR73.jpg)

BuildingToolsまとめ
1.
2.
3.
4.
5.
6.
7.
8.
9.
Nでサイドバーを表示させる
BuildingToolsを選び、CreateFloorplan
適当にいじっていい感じの形にする
TabでEditModeにする
（床を編集しても良い）
AddFloorsでn階建てにする
天井の面を選択してAddRoof
窓を追加したい面を選択して
AddWindow
同様にベランダやドアも追加
モデリング完了


# Page. 25

![Page Image](https://bcdn.docswell.com/page/GJ8D2V2GJD.jpg)

ライティング
手軽にいい感じのライティングをするコツ
●
主に使うのをスポットライトとエリアライトにする
○
主役をスポットライトで照らして、
暗すぎる部分をエリアライトでほんのり照らす
○
●
ポイントライト、無限遠などは避ける（影とかが微妙になる）
ライトはカメラとは違う方向から当てること
○
影が消えちゃうので
○
逆光っぽくするか、カメラの斜め上あたりから当てるとよさ
○
カメラとまったく同じ方向から当てると影が消えて立体感なくなる
（カメラのフラッシュはあまり嬉しくない）
●
HDRIはチート級に便利
○
https://polyhaven.com/
○
WorldのEvironmentTetureに設定する


# Page. 26

![Page Image](https://bcdn.docswell.com/page/LJLM252XER.jpg)

ライティング 発展
薄くボリュームをおくと光の筋が見えたりしてかっこよくなることが多い
逆光にするとマテリアルが適当でも暗くてあんまり見えないからごまかせる...気がする


# Page. 27

![Page Image](https://bcdn.docswell.com/page/47MY83837W.jpg)

レンダリング
EEVEEでもCyclesでもOK
好きな方で
EEVEE
●
●
ほぼリアルタイムのレンダラ（めっちゃ早い→映像とかにおすすめ）
その分いくつか機能は減っている（透過、GI、AOなど）
○
後から追加はできるけど当然重くなる
Cycles
●
●
●
●
●
ガチのレンダラー（かなり重い）
時速５フレームとか叩き出すのはこういうやつ
かなりリアル寄りの質感になる
僕が例として上げた画像はこれ使ってます
基本的にかなり時間がかかるのでレンダリング開始したらおとなしく寝ましょう


# Page. 28

![Page Image](https://bcdn.docswell.com/page/P7R95Q5RE9.jpg)

コンポジット
レンダリングで出てきた画像が、そのままだと微妙なことはよくある
なので、レンダリング後に色を調整したりいくつかエフェクトを追加した
りして見た目をよくすることが多い
Photoshop・AfterEffects・DanVilResolve・…等
いろんなソフトが使われてるけどBlender内でもそこそこできる（らしい）


# Page. 29

![Page Image](https://bcdn.docswell.com/page/PJXQK5KY7X.jpg)

実際に作ってみましょう
●
慣れるまではときどき躓くと思います。いつでも聞いて下さい。
●
僕の真似をする必要はありません。自分が良いと思うものを作って下さい。
●
完成したらSlackに上げてもらえると嬉しいです。


# Page. 30

![Page Image](https://bcdn.docswell.com/page/3JK95654JD.jpg)

建物モデリングについてもっと知りたい人へ
ゲームさんぽのCG回でサイバーパンクの建物とかやってた方が話来てたので
面白いと思います
https://youtu.be/1wHi9noDBSs
デカールとかパネル作る方法とかテクスチャの話とか色々あった


# Page. 31

![Page Image](https://bcdn.docswell.com/page/LE3WK6KDE5.jpg)

Ⅱ 近未来風CG作ってみた


# Page. 32

![Page Image](https://bcdn.docswell.com/page/8EDK3V327G.jpg)



# Page. 33

![Page Image](https://bcdn.docswell.com/page/V7PK4V4LJ8.jpg)

やること
●
ちょっとしたモデリング
○
押し出しと面内押し出しメイン
●
シェーダーノード
●
パーティクルでの複製


# Page. 34

![Page Image](https://bcdn.docswell.com/page/2JVVXZX6JQ.jpg)

押し出し
E
頂点、辺、面どれでも可
選択しているものを複製＆元のものと結合させます
言語化むず・・・スクショ見て


# Page. 35

![Page Image](https://bcdn.docswell.com/page/5EGLV4V2JL.jpg)

面内押し出し I
面に対してのみ使える
ポリゴンを内側に小さくしたものを生成する
必ず相似になるわけではない
ここの長さを指定


# Page. 36

![Page Image](https://bcdn.docswell.com/page/4JQY6G697P.jpg)

面内押し出し I
Thicknessを0にして
Depth≠0にすれば
押し出しみたいなことができる
押出の場合、拡大か移動どちらかしかできないので、
こうなる→
それぞれの面に対して垂直に動かしたいなら
面内押し出しがいいかも
（右クリック （かAlt+E）
のExtrude Faces Along Normalsでも可
（こっちのほうが楽かも））


# Page. 37

![Page Image](https://bcdn.docswell.com/page/K74W45MRE1.jpg)

Transform Pivot Pointについて
移動・回転・拡大縮小などの基準となる点を
どうするか？の設定
通常はMedianでOKだけど、複数のものを
同じように動かしたいとき、Inividualの方が
良いことがある


# Page. 38

![Page Image](https://bcdn.docswell.com/page/LJ1Y4W8VEG.jpg)

Transform Pivot Pointについて


# Page. 39

![Page Image](https://bcdn.docswell.com/page/GJWGX6Z372.jpg)

ベベルを使うときの注意点
オブジェクトのTransformのScaleはベベルにも作用する
たとえばScaleが(x, y, z) = (2, 1, 1)だったら、ベベルもx軸方向に２倍される
Ctrl + AのApplyTransformでScaleを選択すれば治る


# Page. 40

![Page Image](https://bcdn.docswell.com/page/4EZL6Y1G73.jpg)

Particle(Hair)について
本来は髪の毛や動物・ぬいぐるみなどの毛を作る機能
Objectを生やすようににすれば複製に使える
ソフトの機能を想定されていない使い方するのはよくやる


# Page. 41

![Page Image](https://bcdn.docswell.com/page/Y76W2DLQ7V.jpg)

Particle


# Page. 42

![Page Image](https://bcdn.docswell.com/page/G75M231274.jpg)

おまけ：JSPlacement(JSP)
JSPで作った
高さマップ
https://windmillart.net/?p=jsplacement
手軽にSF風の高さマップが手に入るツール
うまくやればこんな感じのが作れる→
便利すぎてみんな使ってるので、使えば
CG勢には速攻でバレる。
（普通は知らないから大丈夫...だよね？）
ぼかしてるけどこのスライドの背景もJSP
他にも色々作れる


# Page. 43

![Page Image](https://bcdn.docswell.com/page/9J294Z11ER.jpg)

JSPlacement (JSP)
これの光ってる点はJSPで作った→
BumpにもJSP使ってる


# Page. 44

![Page Image](https://bcdn.docswell.com/page/DEY4MRZ4JM.jpg)

Ⅲ キネポ作ってみた


# Page. 45

![Page Image](https://bcdn.docswell.com/page/VJNYWD3678.jpg)

鋲心全壊ガール
https://youtu.be/GaktqScd0Yk
■作詞/作曲/編曲：
れるりり&ミオヤマザキ
■マスタリング：
かごめP


# Page. 46

![Page Image](https://bcdn.docswell.com/page/YE9PXG9RJ3.jpg)

キネポ＃とは
Kinetic Typographyの略
文字が動きまくる映像は大体こう呼ばれる（タイポと呼ぶ人もいる）
今回作るのはボカロMVとかリリックビデオとかでよく見かけるタイプのもの
こういうのは作りません→
アニメーション付けれたらOKと技術的にはかなり簡単。
なので作れる映像制作者が多い印象
（キネポから始める人もそこそこいるかも？）
動かし方に比較的個性が出ている気がする
AfterEfects使う人が多いと思うけどBlenderでも作れる
（AviUtlでもできるらしい）


# Page. 47

![Page Image](https://bcdn.docswell.com/page/GE8D2V9GED.jpg)

大まかな流れ
1)
文字を打ち込む
2)
動かす単位に分解する（１文字ごと、パーツごと、単語ごと、・・・）
3)
文字を配置する
4)
文字を動かす
5)
カメラを動かす（１枚絵＋歌詞とかのとき省くことも）
6)
（任意）エフェクトかけるなど加工して見た目良くする
7)
出力する


# Page. 48

![Page Image](https://bcdn.docswell.com/page/LELM25WX7R.jpg)

イージングについて
●
●
●
●
●
●
動きに変化（加速度）を持たせること
主に横軸が時間で縦軸がパラメータのグラフで編集する（ベジェ曲線使用）
動きをヌルヌルにしたり、緩急をつけたり
滑かで自然な動きにする
気持ちいい動き、には不可欠
良いイージングは「良ージング」と呼ばれることも
●
●
映像制作やってる人が相手の力量見るときに注目するポイントの一つ（少なくとも僕はそう）
イージングかかってなくて（＝リニア、等速運動）その理由も特に無さそうなら初心者かな？
と思う
（他の部分が強ければ当然つよつよ判定するけど）（昔の映像ではあまり使われていない）


# Page. 49

![Page Image](https://bcdn.docswell.com/page/4JMY8393JW.jpg)

イージングについて
1番上のみリニア


# Page. 50

![Page Image](https://bcdn.docswell.com/page/PJR95QGR79.jpg)

フレームレートについて
フレームレート＝１秒に何枚の画像を表示させるか？単位は fps
ゲームとかで聞くのと同じ
映像の場合、30fpsが多い。映画は24fpsらしい
ゲームの場合はフレームレートが高ければ高いほど良いとされるけど、映像は違うらしい
60fpsは気持ち悪いって言う人とか60fps警察とかもいる......
（ただし、繊細な雰囲気を出したいときなどで、うまく扱えるなら60fpsでもOKっぽい。失
想ワアドなど）
ゲームと同じ感覚でむやみに大きな値にしないこと。レンダリング時間も増えるので色々辛
い
とりあえず、特に意味がないなら30fps(か24fps)がおすすめ


# Page. 51

![Page Image](https://bcdn.docswell.com/page/PEXQK5XYJX.jpg)

注意すること
●
●
●
●
カメラのZ軸回転を多用すると酔います。
○ 手軽にかっこよくはなるけど使いすぎはあまり良くない
また、カメラのZ軸回転がゆっくりでも酔いやすくなる（気がする）
○ 過激なイージングにするのが良い
点滅系を画面の大部分を占めるものに適用するのはできる限り避けるべき
○ ポリゴンショックの可能性
○ 赤と青の点滅は最悪 絶対NG
ある程度は文字が読めるように工夫すると良
○ カメラの緩急を強めにつけて、緩のときに読めるように
○ または、キネポの下に字幕つけるのもアリ


# Page. 52

![Page Image](https://bcdn.docswell.com/page/3EK956W4ED.jpg)

個人的なコツ
●
カメラの動かし方
○
●
●
まずはおおまかにキーフレームだけ打ってから、後でグラフ見ながら編集していく
文字の組み方
○
漢字を大きく、ひらがなを小さくするなどしてサイズに変化をもたせる
○
隙間が小さくなるように詰めて配置するとなんかかっこいい
○
奥行きを持たせて配置するのもあり（乙女解剖みたいな感じ）
文字の動かし方
○
かなり過激なイージングをかけるといい感じ
○
AEならFlow使うけど、Blenderには無いので
Exponentialで妥協して効率化しても良いかもしれない


# Page. 53

![Page Image](https://bcdn.docswell.com/page/L73WK61D75.jpg)

文字のイージングの効率化
グラフエディタ上で右クリック
EasingTypeをEaseOutに
（急発進してだんだん遅くなる）
InterpolationModeでExponentialを選択
（この中で一番緩急が強いもの）
※Elasticとかも面白い動きするので
試してみると良いかも
エゴロックみたいな感じ


# Page. 54

![Page Image](https://bcdn.docswell.com/page/87DK3VX2JG.jpg)

作ってみましょう
Twitter等開けた場所に投稿する場合は使用許可が出ている曲を使う方が安心です
HPやTwitter等に書いてあることが多いです
特に指示がなくても音源へのリンクやクレジットの表記などはしましょう
れるりりさん
ぬゆりさん
cosMoさん


# Page. 55

![Page Image](https://bcdn.docswell.com/page/VJPK4VPLE8.jpg)

Ⅳ 地形作ってみた


# Page. 56

![Page Image](https://bcdn.docswell.com/page/2EVVXZ26EQ.jpg)



# Page. 57

![Page Image](https://bcdn.docswell.com/page/57GLV4R2EL.jpg)



# Page. 58

![Page Image](https://bcdn.docswell.com/page/4EQY6GV9JP.jpg)

使うもの一覧
1) Terragen
2) A.N.T. Landscape
3) GAEA


# Page. 59

![Page Image](https://bcdn.docswell.com/page/KJ4W45WR71.jpg)

Terragen
https://planetside.co.uk/
地形などのCGを生成するソフト
地形、雲などのプロ
他はあまりできない
無料版が存在する（以下の制限が存在）
●
●
●
●
●
商用利用不可
出力サイズは1280 x 900まで
静止画のみ
地形の出力
population(大量複製)が3つまで
など


# Page. 60

![Page Image](https://bcdn.docswell.com/page/LE1Y4WYV7G.jpg)

A.N.T Landscape
Blender標準搭載のアドオン


# Page. 61

![Page Image](https://bcdn.docswell.com/page/GEWGX6G3J2.jpg)

GAEA
https://quadspinner.com/
地形の高さマップを生成するソフト
無料版なら1kまでの画質制限がある
侵食を計算するのが有能


# Page. 62

![Page Image](https://bcdn.docswell.com/page/47ZL6YLGJ3.jpg)

Ⅴ 腕時計モデリング


# Page. 63

![Page Image](https://bcdn.docswell.com/page/YJ6W2DWQJV.jpg)



# Page. 64

![Page Image](https://bcdn.docswell.com/page/GJ5M23M2J4.jpg)

やること
●
ポリゴンモデリング
●
円形配置
●
シェーダーノード
●
HDRI


# Page. 65

![Page Image](https://bcdn.docswell.com/page/LE3WK6W1E5.jpg)

きれいなメッシュを目指そう
きれいなメッシュ（３Dモデルの面の集合）とは？
●
ほとんどがポリゴン（またはトリゴン）で作られている
●
ポリゴンの重なりがない
なぜ目指す？
●
モデリングが楽になる！！！
○
●
ループカットやベベルなどの便利な機能がうまく動くようになる
モデル配布した時にドヤ顔できる


# Page. 66

![Page Image](https://bcdn.docswell.com/page/8EDK3VKK7G.jpg)

F
New Face From Edges
Fillだと思うとわかりやすいかも
選択したエッジの間に面を張る


# Page. 67

![Page Image](https://bcdn.docswell.com/page/V7PK4VK3J8.jpg)

J
Connect Vertex Path
選択した頂点の間にエッジを生成する


# Page. 68

![Page Image](https://bcdn.docswell.com/page/2JVVXZVNJQ.jpg)

Ctrl ＋R
Loop Cut
輪になっているポリゴンを分割する
Ctrl+Rで黄色い線が現れる→マウスホイールで何分割にするか決めてクリック
→カーソルを動かして入れるエッジを動かし（右クリックすれば等分される）クリック


# Page. 69

![Page Image](https://bcdn.docswell.com/page/5EGLV4L5JL.jpg)

付録1 (PBR)マテリアル


# Page. 70

![Page Image](https://bcdn.docswell.com/page/4JQY6GYL7P.jpg)

テクスチャの種類一覧
サイトなどからDLした画像を使うこともあれば、プロシージャルにノードとかで生成するこ
ともある。
マテリアルの中の重要な部分
albedo (base)
AO
height
normal
roughness


# Page. 71

![Page Image](https://bcdn.docswell.com/page/K74W45W5E1.jpg)

Albedo (basecolor)
影や反射を除いた表面の色（影などは計算して後で付け足す）
これが元になる


# Page. 72

![Page Image](https://bcdn.docswell.com/page/LJ1Y4WY2EG.jpg)

AO (Ambient Occlusion)
奥まった部分に予め影をつけておくためのもの
※奥まった部分は環境光が遮られるため影になる
Albedoに乗算（Multiply）で合成して使う


# Page. 73

![Page Image](https://bcdn.docswell.com/page/GJWGX6G272.jpg)

height
表面の凹凸を示したもの
はっきり分かるようにするならDisplaceに、
細かくて良いならBumpに使う
Cycles・Octane・RedshiftなどのレンダラにあるMictrodisplacement↓とかで
使うのはこれ


# Page. 74

![Page Image](https://bcdn.docswell.com/page/4EZL6YL473.jpg)

normal
狂ったような色のテクスチャがあれば大体NormalMap
ポリゴンの法線の角度を色で表している（RGBそれぞれ別の角度成分）
この法線の角度に沿うように表面を凸凹にする
細かな凹凸などをすべてポリゴンで表現しようとすると大量に細分する必
要があり、非常に重くなる。
細かい凹凸はNormalMapか1個前のHeightMapを使ったBumpで対応
heightもnormalもともに凹凸を表すものだが、別であることが多い
（両方適用したほうが良いことが多い）


# Page. 75

![Page Image](https://bcdn.docswell.com/page/Y76W2DWG7V.jpg)

roughness
表面の粗さを表す
黒いほど鏡のように反射し、白いほどぼかして反射する


# Page. 76

![Page Image](https://bcdn.docswell.com/page/G75M23MX74.jpg)

Blenderでの基本的な使い方
基本は以下のようなノードになる。
必要に応じてColorRampやMathなどを加えたり
複数のテクスチャを組み合わせたりして調整する
NodeWrangler(アドオン) を有効化していれば、
Ctrl+Tで左の2つは出てくる


# Page. 77

![Page Image](https://bcdn.docswell.com/page/9J294Z9QER.jpg)

Blenderでの基本的な使い方
AOはColor2につなげること
(拡大)
Strengthで凹凸の深さを調整できる


# Page. 78

![Page Image](https://bcdn.docswell.com/page/DEY4MR4YJM.jpg)

補足
●
SubsurfaceはSSS（多分後述）のこと
●
Metalnessはそのままの意味 1にすると反射が金属っぽくなる
●
Anisotropicは異方性反射 髪の毛とか CD裏に使う
●
Clearcoatは表面にツルツルの透明な膜が張られた感じになる
●
Transmissionは透過
IORが屈折率
●
Emissionは光らせる (光源になる(Cyclesだけかも))


# Page. 79

![Page Image](https://bcdn.docswell.com/page/VJNYWDYR78.jpg)

付録2: リファレンス


# Page. 80

![Page Image](https://bcdn.docswell.com/page/YE9PXGPZJ3.jpg)

リファレンス見まくるメリット
●
頭の中でのイメージがより具体的になる
●
アイデアが湧きやすくなる（引き出しが増える）
●
クオリティが上がる
○
虚無から良いものを思いつくのはなかなかハード
○
つよつよ作品達から好きな部分を取り出して組み合わせると自分好みの物になりやすい
※この時、取り出す元はできるだけ多くする。パクリは厳禁
●
目が肥える（デメリットな気もするけど......）


# Page. 81

![Page Image](https://bcdn.docswell.com/page/GE8D2VXYED.jpg)

Pinterest
https://www.pinterest.jp/
デザイン系の人は大体使ってるイメージ
何か一つ見つけると、似たような画像をどんどん出してくれる
ネット上の画像の殆どをまとめてリストにできる←うれしい
※Pixivなどブロックしているところもある


# Page. 82

![Page Image](https://bcdn.docswell.com/page/LELM25897R.jpg)

Pinterest
使い方
1.
2.
3.
4.
5.
検索して、いい感じのものを見つける
右上の「保存」を押して、
保存するボード（＝リスト的なもの）を
選ぶ（なければ作成）
繰り返していくつか集める
右上のアイコンからプロフィールへ
→ボードを選択
その他のアイデア ではボード内の画像
と似たものが出てくる


# Page. 83

![Page Image](https://bcdn.docswell.com/page/4JMY836VJW.jpg)

Pinterest 使い方
ブラウザにpinterestのアドオンを入れれば、Twitterとかの画像の上にカーソルを合わせると
保存ボタンが出て、そこからボードに保存できる


# Page. 84

![Page Image](https://bcdn.docswell.com/page/PJR95QPW79.jpg)

Vimeo
https://vimeo.com/jp/
つよつよ映像が大量に集まっているところ
Youtubeに比べて、
-
映像勢しか使ってない
転載が少ない
ガチプロが多いのでレベルが高い
普通に探すと少し難しいけど、裏技（＝他の人のいいね欄を漁る）を使えば楽
（裏技って書いたけどかなり多くの人がしてる（と思う））


# Page. 85

![Page Image](https://bcdn.docswell.com/page/PEXQK53VJX.jpg)

Vimeo
おすすめの人
もっと知りたい人は僕のフォロー欄といいね欄漁って下さい.... https://vimeo.com/crashrt
●
●
●
●
●
●
●
●
Ordinary Folk https://vimeo.com/ordinaryfolk
shun yamaguchi https://vimeo.com/oumlr
Nate https://vimeo.com/natenateco
Takayuki Sato https://vimeo.com/otas
murAta Yuzi https://vimeo.com/myz
beeple https://vimeo.com/beeple
nokir https://vimeo.com/nokir
mozuya https://vimeo.com/user10086421
※敬称略


# Page. 86

![Page Image](https://bcdn.docswell.com/page/3EK956Y5ED.jpg)

その他
●
●
●
●
●
覗くと楽しいかもしれないサイト
Behance https://www.behance.net/
ArtStation https://www.artstation.com/
Dribbble https://dribbble.com/
Deviant Art https://www.deviantart.com/
Instagram https://www.instagram.com/
○
○
○
実はCG勢結構いる（チュートリアルでの自己紹介で使われるくらい）
まずはハッシュタグで探すと良いかも
投稿すると海外勢が結構見てくれたりして楽しい（要ハッシュタグ）
#movie-creatorでつよつよ作品共有しているので来てもらえると嬉しい


# Page. 87

![Page Image](https://bcdn.docswell.com/page/L73WK69175.jpg)

付録3: Noise について


# Page. 88

![Page Image](https://bcdn.docswell.com/page/87DK3VGKJG.jpg)

Noise
多分めちゃくちゃ使うことになる（主にBump, Roughnessなどで）ノード
雰囲気は理解しておくと良いかも
●
3D→4Dに変えるとノイズのを wという値で変化させることができる
●
Scale：値が小さいほど拡大される
●
Detail：値が大きいほど細かくなる
●
Roughtness：多分強度みたいな感じ 0.7くらいがおすすめ
●
Distortion：歪められる 通常は使わないかもしれない


# Page. 89

![Page Image](https://bcdn.docswell.com/page/VJPK4V33E8.jpg)

Noise使い方例1
地面とか壁とかにいい感じのザラザラ感を出すときに
使ってる
Scaleは自由


# Page. 90

![Page Image](https://bcdn.docswell.com/page/2EVVXZ4NEQ.jpg)

Noise使い方例2
金属の表面などに使える
bumpにつなげるのもあり


# Page. 91

![Page Image](https://bcdn.docswell.com/page/57GLV415EL.jpg)

Noise使い方例3
表面がえぐれたような感じ
壁とかに使うと良さ