Duckathon in oita

運営の紹介
duckathon開催に関する運営を紹介します

自己紹介
名前：宮田尚行
仕事：IT系のフリーランス
FBアイコン→

必要なもの
・blender (Ver 2.75以降)
・3つボタンマウス
・gimp (Ver 2.8.10以降)

アジェンダ
+ blenderの説明
+ 初期設定を行う
+ blenderに慣れる
+ メッシュを変形してみる
+ メッシュを動かしてみる
+ メッシュを切ってみる
+ メッシュの押し出し
+ メッシュの形を整える
7
duckly low
high

どんな感じで進むか
+ blenderの説明
8
duckly low
high

+ blenderの説明
9
duckly low
high

+ blenderの説明
10
duckly low
high

+ blenderの説明
11
duckly low
high

+ blenderの説明
12
duckly low
high

+ blenderの説明
13
duckly low
high

+ blenderの説明
14
duckly low
high

+ blenderの説明
15
duckly low
high

+ blenderの説明
16
duckly low
high

blenderの説明
blenderは高機能でかつ無料の3Dモデリングソフト。
マスターするとこんなこともできる。(宮田はまだここまでできません）
blenderで街を作る
17
blenderで山の中にある家を作る

blenderの説明
3Dモデリングソフトとは
3DCGを作成するソフトには、3DCADと3Dモデリングの2つがある。
+ 3D CAD
位置や大きさなどを指定しながら作成する。主に部品の作成などで利用する。
+ 3Dモデリング
視覚的に操作しながら作成する。キャラクターの作成などで利用する。
18

blenderの説明
よく出る単語：ワールド。作成する3Dモデルすべてを含む全体の座標系を指す。
19
ワールドを表す平面
ローカル座標。ワールド
と反対に、オブジェクト
の座標を表す。
「ワールド＝全体、ローカル＝作ってるモデル」と考えておけばOK

blenderの説明
早速blenderをひらいてみましょう！！
20
スプラッシュ画面は
[esc]キーで閉じる。

blenderの説明
画面の各部品を軽く説明。
21

blenderの説明
各項目の名称ヘッダ
3Dビュー
アウトライナ
プロパティエディタ
22

blenderの説明
3Dビューへの操作はキーボードだけではなく、ツールシェルフからも行える。
ツールシェルフ
23

blenderの説明
blenderの3Dビューで使う2つのカーソル
24
3Dカーソル : ワールド全
体の中の位置指定
オブジェクトカーソル : 選択
されているオブジェクトの中
心位置を表す。
blender起動直後は二つのカーソルが重なっている。後の操作で再度説明。

blenderの説明
ツールシェルフが表示されていない場合は、+ボタンをドラッグして表示する。
+ボタンは最小化時に表示される
25

blenderの説明
右側のパネル(プロパティシェルフ)は、選択した点や面に対しての操作など
が行える。今回の勉強会ではあまり使わないが、次第に使うようになる。
26
デフォルトで表示されていないこともあるが、”+”ドラッグで引き出せる。

blenderの説明
http://www.blender3d.biz/basis_windowlayout_defaultlayout.html
まだまだ盛りだくさんの項目があるので、興味のある方は下記リンクを参照。
27

blenderの説明
duckathon事前準備で行ってもらったキーコンフィグに関する補足。
キーコンフィグの変更を行った理由は、キーボードの組み合わせをミスすると
blender上、別操作と見なされるため。
28
辺の移動([g]->[y]の組み合わせ)を誤
って、[y]のみを押してしまった為に、
辺が分離してしまった例。

blenderの説明
事前準備のキーコンフィグが機能しているかを確認する。
29
2.ユーザー設定をクリック
1.ファイルメニューをクリック

blenderの説明
事前準備のキーコンフィグが読み込まれていればOK。
30
1.Duckathon Keyconfigに切り替わっ
ている事を確認。

blenderに慣れる
まずは画面をぐりぐり動かして感覚をつかむ。
その１：視点の拡大・縮小 : 真ん中ボタンスクロール
32
1.スクロールして拡大。
2.逆スクロールで縮小

blenderに慣れる
その２：視点の回転 : 真ん中ボタンを押したままドラッグ
33
1.真ん中ボタンを押下
2.押下したままマウス移動で回転

blenderに慣れる
その3：視点の横移動 : [Ctrl]押しながらスクロール
34
1.[Ctrl]を押下
2.押下したままスクロール

blenderに慣れる
その4：視点の縦移動 : [Shift]押しながらスクロール
35
1.[Shift]を押下
2.押下したままスクロール

blenderに慣れる
その5：3Dカーソルの移動
36
左クリックで位置指定
[Shift]+[c]でワールドの
中心位置へ移動

blenderに慣れる
左クリックで場所を指定して、プリミティブメッシュをクリックすると追加でき
る。
1.3Dビュー上の、メッシュを配置し
たい箇所を左クリック
2.ツールシェルフの作成タブをクリック
3.メッシュの中から好きなものをクリック
37

blenderに慣れる
視点を動かしながら、いろんな場所に配置してみる。
視点の拡大・移動
+ 拡大・縮小 : スクロール
+ 回転 : 真ん中ボタン押したままドラッグ
+ 横移動 : Ctrl押したままスクロール
+ 縦移動 : Shift押したままスクロール 38

blenderに慣れる
次の章に入る前に、追加したメッシュを削除する。
1.削除したいメッシュを右クリックで選択
2.[x]を押下して削除メニューを出す。
3.削除の項目をクリック
39

blenderに慣れる
blenderに戻り、[Ctrl]+[s]を押下してファイル保存ダイアログを開く。
1.[Ctrl]+[s]を押下
40
注意 : Blenderに限らず、モデリングソフトは落ちやすいので、こまめに保存をする事！
Save Point

blenderに慣れる
ファイル保存ダイアログで保存先・ファイル名を指定して保存。
41
1.デスクトップ直下の
duckディレクトリを選択する。 2.ファイル名は”duck.blend”
3.”blendファイルを保存”を
クリック

blenderに慣れる
こんな感じになっていればOK
42
Save Point

メッシュを変形してみる
43

これからアヒルの胴体となるメッシュを追加する。まずはメッシュの中心位置を
ワールド原点に据える為、Shift+Cで原点へ移動する。
[Shift]+[c]を押下して原点へ
カーソルを移動させる。
44
3Dカーソルが座標の中心に来ることを確認する。

プリミティブの立方体メッシュを追加する。
プリミティブメッシュの立方体を左ク
リックして追加
45

まずはy軸方向に拡大する。
1.[s]押下後に[y]を押下して、
y軸方向の拡大・縮小を指定する
2.[2]を入力して拡大する。
3.[Enter]を押下して決定する。
46

次にx軸方向に拡大する。
1.[s]押下後に[x]を押下して、
x軸方向の拡大・縮小を指定する。
2.[1.5]を入力してx軸方向に拡大する。
3.[Enter]を押下して大きさを決定する。
47

次にz軸方向に縮小する。
1.[s]押下後に[z]を押下して、
z軸方向の拡大・縮小を指定する。
2.[0.5]を入力してz軸方向に縮小する。
3.[Enter]を押下して大きさを決定する。
48

補足：数値の入力を行う代わりに、マウスで拡大・縮小が行える。
1.[s]押下後に[x]を押下して、
x軸方向の拡大・縮小を指定する。
2.マウスを移動してx軸方向に拡大する。
3.左クリックで大きさを決定する。
例）x軸の拡大
49

下図の様になっていればＯＫ。
50
Save Point

メッシュを動かしてみる
51

最後にz軸の上方に移動する。
1.[g]押下後[z]押下で、[z]軸移動を指定する。
2.[0.5]を入力してz軸上方に移動する。
3.[Enter]を押下して位置を決定する。
52

補足：移動も数値の入力を行う代わりに、マウスで行える。
1.[g]押下後[z]押下で、[z]軸移動を指定する。
2.マウスを移動させて立方体を
z軸方向に移動する。
3.底面がz軸と重なるぐらいで左クリックして決定。
例)z軸方向の移動
53

下記の様になっていればＯＫ
54
Save Point

メッシュを切ってみる
55

先ほど変形させたメッシュに切れ目をいれて、不要な面を削除してゆく。
まずは、3Dビューのモードを編集モードへ変更。
モードをクリックし、出て
きたリストの中から編集モ
ードをクリックする。
56

視点を回転させてy軸(緑の矢印)が手前を向く状態にする。
視点の回転 : 真ん中ボタン押したままドラッグ
y軸の矢印が手前を向いている状態
57

ツールシェルフから「ループカットとスライド」を選択。
1.ツールシェルフからツー
ルのタブをクリック
2.ループカットとスライドをクリック
58

まずは切る方向を決定する。マウスカーソルをメッシュに合わせて、図のように
ピンクのラインがy軸(緑の矢印)と合う位置を見つける。
ループカットとスライドは、
マウスカーソルの位置により、縦/
横の指定が切り替わる。
59

ピンクのラインとy軸があった状態でEnterを二回押下。この操作でy軸に沿った
中間位置で切り込みを入れる事ができる。
ピンクのラインを緑の矢印(y軸)と沿う
様に合わせてEnterを二回。
60

3Dビューのフッタ部から点選択を選び、点の選択を行えるようにする。
点選択モードへ変更
61

ループカットを切った直後は切った箇所が選択状態になっているため、
選択を解除する。
62
ループカットのラインが選択されてい
る状態で、[a]押下。選択が解除される。

削除する面が見やすいようにX軸(赤矢印)が手前に来るよう視点を回転させる。
63
2.X軸(赤矢印)が手前を向くように視点
を回転させる。
1.どこか1ヵ所を右クリックで選択
(矢印を表示する)

[Shift]を押下しながらx軸のプラス側の4点を右クリックで選択してゆく。
4点を選択すると、1面が選択されて
いる状態になる。
64

[x]を押下し、削除メニューを出す。メニューの中から「頂点」を選択。
65

切った結果が下記の様になっていればＯＫ。
66
Save Point

胴体を半分に切れたので、次に頭の半分を作成する。
[a]を押下してメッシュを全選択する。
67

ツールシェルフから「ループカットとスライド」を選択。
1.ツールシェルフからツー
ルのタブをクリック
2.ループカットとスライド
をクリック
68

下記図を参考に、ピンクの線がy軸と平行になるような個所へマウスカーソルを
動かす。
69

切る方向が決まったら、左クリックで方向を確定する。その後、下図を参照に切
る位置を決定し、再度左クリックする。
1.切る方向を決定し
て左クリック。
2.マウスを動かし、切る位置を
決定し左クリック。
この切れ目が首の左側のラインになる。
70

同じ要領で今度は首の前後のラインを切ってゆく。
1.切る方向をx軸と平行になるよう
に決定
2.マウスを動かし、切る位置を決定し
左クリック。
首の前後2箇所の切れ目を入れる。
71

こんな感じになってればOK
72

メッシュの押し出し
73

首の面を切り出し終わったので、今度は首を出してゆく。
選択モードを面選択へ切り替える。
面選択モード切替
74

首を出す面を右クリックで選択する。
75

押し出しを利用して首を伸ばす。胴体の倍位を目安に位置を決定する。
1.[e]を押下して押し出しを開
始する。
2.マウスカーソルを動かして
高さを調整し、左クリックで
決定する。
76

下記図の様になっていればＯＫ。
77
Save Point

メッシュの形を整える
大まかな形ができた。ここからは、下記の操作を使ってすこしずつアヒルへ近づ
けてゆく。
+ ループカットとスライド。
+ 点・辺・面の選択。及び[Shift]押しながら選択(複数選択)。
+ 移動([g]押下後[x or y or z]。マウスカーソル移動で一調整後左クリックで
決定。
78

尻尾を出す。ループカットで切れ目を入れ、新しくできた2面を押し出す。
ループカット押し出し
79
新しい2面を選択
注意: 1面ずつ押し出しではなく、2面を選択して同時に押し出しを行う。

嘴(くちばし)を出す。
ループカット押し出し
80

面の押し出しにより、不要な面が出来ている事を確認する。
マウスの真ん中ボタン+マ
ウス移動で、視点を回転さ
せてると
内側に不要な面が出来ている事がわかる。
81

不要な面を削除する為、辺の選択モードへ切り替える
82
辺の選択へ切り替え

不要な下記5辺を右クリックで選択する。
83
頭側の4辺尻尾の1辺

[x]キー押下後、”辺”を選択。
84

胴体が四角のままなので、丸みを持たせてゆく。
まずは、視点の回転を使って下記の様に胴体の外側が見えるようにする。
85
マウスの真ん中ボタン+マウス移動

ループカットとスライドを利用して胴体に切れ目を入れる。
86
1.ツールシェルフからループ
カットとスライドをクリック
3.一回左クリックで方向を確
定させた後、[esc]で切れ込み
位置を確定させる。
2.ピンクのラインが図の様に
表示されるようマウスを移動
させる

点選択モードへ切り替える。
87
点の選択へ切り替え

丸みを出す点を選択する
88
1.[a]を押下して選択を解除する。
2.[Shift]を押しながら下記3箇所を
右クリックで選択する。

点の移動で丸みを出してゆく
89
1.[g]押下後に[x]押下で、
X軸の移動を指定する。
2.マウスを移動させて丸みを出す
3.ちょうどよい箇所で左クリックし
て位置を確定させる。

胴体を丸っぽくする。
前面も同様に背面も同様
90

頭を丸っぽくする。
ループカット点の移動
91

頭をさらに丸っぽくする。
ループカット点の移動ループカット
92

そのほか気になる部分を調整してゆく。
嘴の切れ目尻尾
93

こんな感じ
後からでも調整は可能なので、ある程度形にな
っていればOK。
94
Save Point

ミラーを適用する
この章では、左側に対しミラーを適用し、左右対象のメッシュを作成する。
また、ミラー適用後にメッシュをなめらかにする処理を加える。
まず、編集モードへ切り替える。
96
編集モードへの切り替え

次にメッシュを全選択する。
どこか一か所を右クリックで選
択後、[a]押下で全選択。
97
全体がオレンジ色になっていればＯＫ。

プロパティエディタのモディファイアータブをクリックする。
モディファイアータブ
98

追加をクリックし、出てきた候補からミラーを選択する。
99

アヒルの向かって左側が表示される。
100

続いて追加から細分割曲面を選択
101

曲面がなめらかになる
102

103

全体の形がつかめたので、点・辺・面の移動とループカットを駆使してモデルに
近づける。
104
Save Point

マテリアルとカラーを追加する
このままでは灰色のアヒルのままなので、体に色を付けてゆく。
まずは編集モードに切り替わっている事を確認し、メッシュの全選択を行う。
1.編集モードに変更
2.[a]押下で全選択
105

プロパティエディタからマテリアルを選択する。
マテリアルを選択
106

名称をダブルクリックして”Material”を”body”へ変更する。
また、”F”ボタンをクリックしてblenderファイルへの取り込みを指定する。
1.名前をダブルクリック
してbodyへ変更 2.”F”ボタンをクリック
(“F”ボタンに関しては最後に補足します)
107
※”Material”が無い時は、新規ボタンをクリック

ディフューズをクリックし、カラーパレットから黄色を選択する。
1.ディフューズをクリッ
ク
2.黄色を選択
108

下図の通り、全体に黄色が適用されればＯＫ。
109

次に嘴へカラーを適用する。面選択へ切り替える。
110

嘴の部分を右クリックで選択する。
嘴を面選択
111

プロパティエディタのマテリアルスロットを追加する。
“+”ボタンをクリック
マテリアルスロットが増える。
112

新規マテリアルを作成し、名前をbeakへ変更する。
名称をダブルクリック
してbeakへ変更
1.新規ボタンクリック
113

作成したbeakマテリアルのディフューズを赤に設定する。
1.ディフューズをクリ
ック2.赤色をクリック
114

選択されている嘴の面にマテリアルを割り当てる。
1.割り当てボタンクリ
ック
115

下図の様に嘴に赤が適用されていればＯＫ。
116

こんな感じ
117
Save Point

テクスチャを貼り付ける
現段階でだいぶんアヒルに近づいたものの、このアヒルには目がない。
オブジェクトのポリゴンを一枚の絵と対応させる”テクスチャ”を利用して、
アヒルに目を追加する。
118

まずはオブジェクトモードへ切り替える。
119

メッシュを右クリックで選択し、[Ctrl]+[a]で適用メニューを出し、縮小拡大を
選択する。
1.メッシュを右クリッ
クで選択
3.拡大縮小をクリック
で選択
2.[Ctrl]+[a]で適用メ
ニューを出す。
この操作がないと後々のUV展開でエラーが
発生します。
120

再び編集モードへ変更する。
121

メッシュが全選択されている場合は、[a]押下で全選択を解除する。
[a]押下で全選択解除
122

辺選択へ切り替える。
辺選択への切り替え
123

目の位置を縁取る辺を、Shiftを押しながら全て選択する。
124

ツールシェルフのシェーディング/UVタブをクリック
シェーディング/UVタ
ブをクリックして表示
する。
125

UVマッピングの”シームを付ける”をクリック
テクスチャを適用する際の切り取
り線を指定している。
126

[a]押下で選択を解除した時に、下図の通り赤枠になっていればＯＫ．
シームが適用されている辺は
赤枠になる。
127

再度メッシュを全選択する。
[a]押下で全選択
128

ツールシェルフから展開をクリックし、メニューから展開を選択する。
129

ビューをUVへ切り替える。
1.ビューの切り替えをクリック
2.UV/画像エディタをクリック
130

展開されていない場合は、3Dビュー
のオブジェクトモードに切り替えて
拡大縮小(P75)を行う。
131
シームを付けた部分が切り離されて
マッピングされている事が確認でき
る。

新規画像の作成を行う。
新規ボタンをクリック
132

新規画像をduck_textureとして作成する。
1.名前をduck_textureへ変更。
そのほかはデフォルトでＯＫ。
2.”OK”ボタンをクリック
133

作業しやすい様に画面の分割を行う。
ビューの端を左にドラッグして
画面を分割する。
134

135

右側のビューを3Dビューへ切り替える。
1.ビューの切り替えをクリック
2.3Dビューをクリック
136

UVの面と3Dの面がどのようにマッピングされているかを確認する為に、
3Dビューの選択モードを面に変更する。
137

3Dビューの面選択を利用し、どの方向に面が展開されているかを確認する。
1.目の面をクリック2.どのようにマッピングされて
いるかを確認
138

レンダータブを選択する。
139
レンダーをクリック

ベイクを行う。
140
1.ベイクモードを”テクスチャ”へ
変更
2.ベイクをクリック

UV/画像に色がつくことを確認
141

画像の保存を行う。
142
1.”画像”メニューをクリック
2.”コピーを保存”を選択

デスクトップ直下のduckディレクトリへ保存
143
ファイル名:duck_texture.png
※表示されている名前が上記以外の場合
Save Point

textureを編集する。まずはgimpを起動する。
144

ファイルメニューから”開く/インポート”を選択。
1.ファイルメニューをクリ
ック 2.”開く/インポート”をクリ
ック。
145

先ほど保存したデスクトップ¥duck¥duck_texture.pngを選択する。
1.duck_texture.pngを選
択。
2.”開く”をクリック
146

先ほど保存したイメージが表示されればＯＫ。
147

ツールボックスの設定など、画像を編集する為の準備を行う。
148
ツールボックス

まずは、ツールボックスを表示する。
149
1.ウィンドウメニューを
クリック
2.ツールボックスをクリック
既に表示されている場合はそのままでOK。

ツールオプションを表示する。
150
1.ウィンドウメニューを
クリック
2.ドッキング可能なダイアロ
グ -> ツールオプションをク
リック
既に表示されている or ツールボックスにツールオプションが表示されている場合
はそのままでOK。

ツールオプションをツールボックスに統合する
151
1.ツールオプションのタ
ブ部分をドラッグする
2.ツールボックスの下の方で
ドロップ
ツールボックスにツールオプションが表示されている場合はそのままでOK。

再びgimpに戻り、鉛筆を選択する。
鉛筆をクリック
152

鉛筆サイズのデフォルトが20で大きいので、4に変更する。
2.サイズを4へ変更。
1.ツールオプションタブを選択。
153

ドラッグ操作で目を書く。
ドラッグ中に着色される。
GIMP操作について
+ キャンバスの拡大・縮小
＝＞ [Ctrl] + スクロール
+ キャンバスフォーカスの移動
＝＞ [真ん中ボタン] + マウス移動
154

Ctrl+Shift+Eで画像としてエクスポートする
保存先はデスクトップ直下のduckディレクトリ
155
ファイル名:duck_texture.png

分割を解除して3Dビューのみにする。
手順
1.左側ビューの右上をいったん右側にドラッグ（ドロップしない)
2.そのまま左側へドラッグしてドロップする。
156
統合操作時は薄い白の矢印が
表示される。

編集モードである事を確認し、全選択する。
157

プロパティエディタのbodyマテリアルを選択する。
bodyマテリアルを選択。
158

そのままテクスチャタブをクリック
1.テクスチャタブをクリック
159
2.新規ボタンをクリック
既にテクスチャが存在する方は
そのままでOK。

タイプから”画像または動画”をクリック
2.”画像または動画”をクリック
1.タイプをクリック
160

先ほど保存した画像を開く
2.”開く”をクリック
1.画像セクションま
でスクロール
3.表示されたダイアログで先ほどエ
クスポートした画像を選択。
161

選択した画像をblenderに取り込む。
“F”ボタンクリック
162

テクスチャのマッピング形式をUVへ変更する。
2.”座標”をクリック
1.マッピングセクション
までスクロール
3.UVを選択
163

マップを先ほど展開したUVマップに設定する。
2.”UVMap”をクリック
1.マップをクリック
164

テクスチャが貼られているかを確認するため、モードをテクスチャペイントへ切
り替える。
165
テクスチャペイントを選択

こんな感じになっていればOK。
166
Save Point

レンダリングする
ついに目がついたアヒルが完成した。ここでは”レンダリング”という機能を使っ
て、光源などを考慮した3DCGの描画を行う。
167

オブジェクトの表示モードをレンダリングへ切り替える
168
2.”レンダー”をクリック
1.オブジェクトの
モードを変更

169
こんな感じ
視点の拡大・移動
+ 拡大・縮小 : スクロール
+ 回転 : 真ん中ボタン押したままドラッグ
+ 横移動 : Ctrl押したままスクロール
+ 縦移動 : Shift押したままスクロール

170
今の状態では面と面の境目がなめらかではない。
これから、角をなめらかにする。一旦シェーディングをソリッドへ戻す。
2.”ソリッド”をクリック
1.シェーディングのモー
ドを変更

編集モードを選択
171
モードもテクスチャペイントから編集モードへ変更する。

172
ツールシェルフのシェーディング/UVから面のスムーズを指定する。
2.面のスムーズをクリック
1.シェーディング/UVの
タブを選択

再度オブジェクトの表示モードをレンダリングへ切り替える
173
2.”レンダー”をクリック
1.オブジェクトの
モードを変更

174
完成！！
Save Point

最後に
最初に行った誤操作対策の設定を戻す。ウィンドウメニューからユーザー設定を
選択する。
175
2.ユーザー設定をクリック
1.ファイルメニューをクリック

最後に
ユーザー設定から入力のタブを選択し、キーコンフィグのインポートをクリック
176
2.キーコンフィグをインポ
ートをクリック
1.入力タブをクリック

最後に
ファイルを開くのダイアログが開いたら、事前でエクスポートした
default_keyconfig.pyをインポートする。
177
1.duckディレクトリの
default_keyconfig.pyを選択
2.「キーコンフィグをインポー
ト」をクリック

最後に
デフォルト状態を保持するため、ユーザ設定の保存をクリックする。
178
ユーザー設定の保存をクリック

ご清聴ありがとうございました！！
179

Duckathon in oita

Recommended

Recommended

More Related Content

More from naoyuki miyata

More from naoyuki miyata (14)

Duckathon in oita