「鉛筆を作る」(2020/02/23 (日) 21:49:15) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
鉛筆を作る >> [[サイコロを作る]] >> [[Tシャツを作る]]
モデリング入門チュートリアル第1弾です。モデリングで鉛筆を作ります。
*目的
ボーンのないオブジェクト制作を作り、ワークフローのざっくりとした会得を目的としてます。
#contents
*使うソフト
[[Blender>>http://www.blender.org/download/]]
[[PureRef>>http://www.pureref.com/]]
[[NifSkope>>http://niftools.sourceforge.net/wiki/NifSkope]]
[[B.A.E>>http://www.nexusmods.com/fallout4/mods/78/]]
[[XNormal>>http://www.xnormal.net/downloads.aspx]]
Photoshopもしくは
[[Gimp>>http://www.gimp.org/]]と[[Paint.Net>>http://www.getpaint.net/]]と[[DXTBmp>>http://www.mwgfx.co.uk/programs/dxtbmp.htm]]
*資料を集める
Googleの画像検索から 鉛筆 または pencilで検索します。
PureRefなどのリファレンス専用ツールに放り込みます。
または現物があるならそれを手元に持ってきて観察します。
大体のイメージをここで固めます。
作例では六角形状で後ろは消しゴムなしのむき出しの状態の鉛筆にしました。
#ref(ref2.png)
*ベースのメッシュを作る
今回はBlenderで説明していきます。
まず、Blenderを起動してから、出ている立方体やらオブジェクトなどの不要な物体が3つほどあると思うので
それぞれを右クリックで選択して&color(#4c1130){Xキー} or &color(#4c1130){Deleteキー}で削除します。
この物体は起動時に毎回出てくるので、邪魔だと思ったら削除後に「File」から「Save Startup File」で出てこなくなります。
Blenderの視点移動は少々特殊で、マウスホールを押し込みながらマウス移動で、視点を上下左右に動かせます。
&color(#4c1130){ホイールスクロール}で前後に動かせます。
&color(#4c1130){Shiftキー+マウスホール}を押しながらマウス移動で、視点を上下左右に&bold(){水平移動}できます。
テンキーでも対応したボタンからの視点になります。
//&color(#4c1130){テンキーの5}を押して、パースビューを解除します。
左側のツールシェルフ(T)のCreateタブから、&bold(){Cylinder}を選択します。(もしくは、&color(#4c1130){Shift+AでMesh→Cylinder})
ツールシェルフ下側のAdd CylinderからVerticesのところを6にします。
#ref(AddCylinder.png) #ref(AddCylinderSet.png)
これでシリンダーが六面になったはずです。
&color(#4c1130){Tabキー}でエディットモードに入り、&color(#4c1130){Alt+右クリック}で底面の&bold(){辺}をループ選択します。
#ref(LoopSelect.png)
&color(#4c1130){Gキー(移動Grab)→Zキー(Z軸に移動方向の固定)→テンキーで「-20」(-20Unit分移動)}で下方向に伸ばし→Enterで決定します
#ref(Pengz-20.png)
鉛筆の原型はできました。
**ブーリアン演算で型抜き
鉛筆削りで削ると波のような形状ができます。
これを再現するために鉛筆削り機と同じ原理でポリゴンを削ってみましょう。
まず抜き型を作ります。
オブジェクトモードに戻ってから、シリンダーを再度作ります。
今度はVerticesを6の倍数(六角形と頂点位置が合わせるため)の24で作ります。
&color(#4c1130){Tabキー}を押してエディットモードに入り、底面の辺を&color(#4c1130){Alt+右クリック}でループ選択して、&color(#4c1130){Alt+P}(または&color(#4c1130){Ctrl+F→Poke Faces}
)で扇状に分割します。
&color(#4c1130){Zキー}を押すとワイヤーフレーム表示になって裏面が選択できるので、底面中央の頂点を選択して、
&color(#4c1130){Gキー→Zキー}で天面を突き抜けない程度まで引き上げます。
#ref(centerup.png)
これで抜き型は終了です。
&color(#4c1130){Tabキー}を押してオブジェクトモードに戻ります。
六角形の方を選択した状態で、プロパティウィンドウ(右奥のアイコンが並んでいるウィンドウ)のレンチマーク(モディファイア)を選びます。
#ref(property_window.jpg)
レンチマークは隠れていることがあるので、その場合はウィンドウを引き延ばします。
Add Modifierで&bold(){Boolean}を選択します。
[[ブーリアンモディファイア>http://wiki.blender.org/index.php/Doc:JA/2.6/Manual/Modifiers/Mesh/Booleans]]
Blenderのモディファイアは非破壊編集機能でApply(適用)を押さない限りは何度でも変更が効きます。(Apply押して初めてメッシュが変形する)
Booleanはモディファイアの一つで、オブジェクトとオブジェクト同士の結合(Union)、型抜き(Diffrence)、交差部分の取り出し(Intersect)の3つがあります。
#ref(booleanset.png)
OperectionをDifferenceにし、Objectで型抜きのオブジェクトを選択します。
&color(#333333){※Objectに選択肢がない場合は、鉛筆と同一オブジェクトに型抜きメッシュを作ってるので、型抜きメッシュにカーソル置いてLで選択。P→Selectionで選択したメッシュを別オブジェクトに分離できます。}
あんまりぴったりすぎるとエラーになるので、Z軸方向に少しずらしてあげます。
決まったら&bold(){Apply}を押して適用します。
&color(#333333){※うまくいかない場合は初めからやり直してください。おそらくカーソルの位置がズレると綺麗に出ないのでShift+Cでカーソルを原点に戻してプリミティブの生成からやります。}
#ref(booleanapply.png)
鉛筆らしくなりましたね。
型抜きのオブジェクトはいらないので&color(#4c1130){Xキー}で削除しちゃってください。
**メッシュの整形
ゲームでは多角形のポリゴン(ngon)は扱えないので、これを分割して三角形または四角形にします。
波状になっている部分を分割します。視点を&color(#4c1130){テンキー1}で正面固定にしてから、
&color(#4c1130){Kキー}でナイフツールにしてから、&color(#4c1130){Zキー}を一回押します。そうすることで、Cut throughと言う背面まで切れる機能がONになります。
画像の部分にカーソルを合わせて、そのまま横に三頂点選択していき、最後はEnterキーで確定します。
#ref(knifesnap.png)
五角形の面があるので図のようにカットします。&color(#4c1130){テンキー1}の状態から、&color(#4c1130){テンキー6}を二回押すと30度回転して面が正面向くので
さっきの要領で&color(#4c1130){Kキー}でナイフツール出して、&color(#4c1130){Zキー}で背面カットONで切り分けます。これを参加繰り返して全部の面でカットします。
&color(#4c1130){Ctrl+テンキー7}で底面を表示させて図のようにカットします。
#ref(bottomcut.png)
これで分割はおしまいです。
鉛筆を寝かした状態にしたいので、&color(#4c1130){Shift+C}でカーソルを中央に持っていきます。
モード選ぶ場所から右に2つのところにある、Pivot Pointを&bold(){3D Cursor}にします。
#ref(pivotpoint.png)
&color(#4c1130){テンキー3}で側面表示にしてから、エディットモードに入り、&color(#4c1130){Aキー}でメッシュを全選択してから&color(#4c1130){Rキー}で90度回転させます。
Ctrlキーを押しながらだとやりやすい。
鉛筆の先端の頂点がまとまってないので&color(#4c1130){Zキー}押してワイヤーフレーム表示にして、&color(#4c1130){Bキー(矩形選択)、Cキー(サークル選択)、Ctrl+ドラッグ(なげなわ)}のどれかで先端を全部選択。
&color(#4c1130){Alt+M}押してから、&bold(){At Center}を選んで頂点を一つにマージします。
#ref(vertexmerge.png)
実際の鉛筆より形がずんぐりして見えるので先端と、その逆の底面をY軸に伸ばします。&color(#4c1130){G→Y}で。
#ref(modify.png)
*UV展開
操作しやすくするために、3DView画面下の端の境界(画像矢印の部分)を右クリックして、Split Areaで画面を二分割にします。
#ref(splitarea.png)#ref(uveditor.png)#ref(uvgrid.png)
右側をUV/Image Editorにウィンドウを切り替えて、New押して新しく画像を作成します。上記のように設定してください。
きれいに展開するためにシームを設定します。
以下のように辺を選択します。
#ref(uvsplit.png)
&color(#4c1130){Ctrl+E→Mark Seam}もしくはツールシェルフのShading/UVsタブのMark Seamでシームを付けます。
#ref(markseam.png)
&color(#4c1130){Aキー}で全選択して、&color(#4c1130){Uキー}を押してUnwrap(もしくはツールシェルフのShading/UVsタブのUnwrap)でUV展開します。
展開されるとUVエディタがこんな感じになってるかと思います。
#ref(uvmaphalf.png)
Unwrapは正方形を想定して展開されるので、半分に潰れてます。
UVエディタ上で&color(#4c1130){Aキー}で全選択、&color(#4c1130){Sキー+Y+2}で縦方向に2倍拡大します。
マップがずれるので、&color(#4c1130){Gキー}で移動して直します。
マップが余ってもったいないので、先端と末端部分をサイズ調整(S)と移動(G)で調整します。
#ref(uvmapopt.png)
確認のため表示をテクスチャ表示にします。
#ref(ViewTexture.png)
グリッドがきれいに表示されてます。これでUV展開はおしまいです。
*テクスチャペイント
テクスチャペイントモードにします。
#ref(texturepaint.png)
Diffuse Colorを選んで以下のように設定します。
#ref(textureslot.png)
&bold(){&color(#990000){注意!}}
&bold(){テクスチャーペイントの内容はBlender上で保存されません!}
作業中で止めるときは必ず毎回UV/Image Editorのメニューから&bold(){Image→save as image}で保存してください。
形式は.pngか.tgaがオススメです。
#ref(savetexture.png)
やや暗めのオレンジ色でブラシは&bold(){Fill}にします。
#ref(fill.png)
これで鉛筆をクリックして、全面オレンジ色に塗ります。
[[CG Textures>http://www.cgtextures.com/]]からテクスチャをダウンロードします。
例ではWood→Fine Woodのカテゴリの一番下の段の真ん中のテクスチャを使ってます。
次に木目を転写ペイントをします。
まずツールシェルフでブラシをTexDrawに切り替えておきます。
右側プロパティウィンドウのTexture項目のワールド・マテリアル・その他テクスチャとアイコンが並んでいて
その右端を選択。Newで新しくテクスチャを作ります。
#ref(texture.png) #ref(openimage.png)
Openからダウンロードした画像を選択します。
またツールシェルフ側に戻って、Brush MappingをStencilにします。
#ref(stencilpaint.png)
半透明のテクスチャをドラッグするとメッシュにテクスチャを転写することができます。
転写するテクスチャは
右ドラッグで移動
Shift+右ドラッグで拡大縮小
Ctrl+右ドラッグで回転
これで先端を塗ります。継ぎ目が目立つときはStrenghを調整して、うまいことごまかしてください。
#ref(stencilpaint2.png)
波状の部分を塗ります。わかりにくいのでワイヤー表示にします。
プロパティウィンドウの立方体のマークから、Display、Wireにチェックを入れます。
#ref(showwire.png)
Brush MappingをTiled、Textureのところを&bold(){☓ボタン}を押して解除します。
#ref(textureoff.png)
&color(#4c1130){Sキー}でスポイトツールなので、オレンジ色を拾ってください。
波状の部分をオレンジで塗ります。ついでに先端の黒鉛の部分も黒で、塗ります。
#ref(showwire2.png)
おんなじ要領で背面も塗ります。
#ref(texturebackpaint.png)
&bold(){テクスチャーペイントの内容はBlender上で保存されませんので}、画像として保存します。
UV/Image Editorのメニューから&bold(){&color(#134f5c){Image→save as image}}で保存してください。
*エクスポート
[[Blender nif plugin]]を参考にしてください。
鉄の矢の置き換えをしたいと思いますが、矢はnif読み込みが難しいので、仮にnif出力してnifskope上で置き換えします。
プロパティウィンドウの立方体アイコンから、
Niftools Object Panelの項目で
Nif Versionを 20.2.0.7
User Versionを 12
User Version 2を 83
NifRoot Node:はBSFadeNode
に設定します。
#ref(versionset.png)
NifTools ShaderをBS Shader PP Lightingに設定します。
#ref(bsshaderpp.png)
プロパティウィンドウのテクスチャ(チェック模様)からマテリアル表示にして
MappingからMap:からUVMapを選びます。
#ref(uvset.png)
一端Blenderから離れて、
Texturesフォルダを作って、そこにテクスチャペイントで保存したマップを入れます。
(例:Textures\pencil.png)
Blenderに戻ってプロパティウィンドウのテクスチャ→Imageから赤枠からファイルを選んで、
先ほど作ったフォルダに入れたテクスチャペイントのマップを読み込みます。
#ref(imageset.png)
これでnifで出力します。
&bold(){&color(#134f5c){File→Export→NetImmerse/Gamebryo}}を選びます。
左下の設定項目は以下のようにします。
#ref(exportnif.png)
出力できない場合は[[エクスポート時のトラブルシューティング>http://www50.atwiki.jp/skyrim_mod/pages/55.html#id_5bb2f213]]を参考にしてください。
**nifの差し替え
無事出力されたら、差し替えるnifファイルを用意します。
B.A.EでDataフォルダ内の&bold(){&color(#134f5c){Skyrim - Mesh.bsa}}開いて、
&bold(){&color(#134f5c){meshes\weapons\iron\ironarrowflight.nif}}を展開。
&bold(){&color(#134f5c){ironarrowflight.nif}}と出力した&bold(){&color(#134f5c){nifファイル(例ではpencil.nifと名前つけてます)}}を開いておきます。
出力したnifファイルの&color(#134f5c){NiTriShapeデータ}(Cylinder)を&bold(){Ctrl+C}でコピーして、
&bold(){&color(#134f5c){ironarrowflight.nif}}のBSFadeNodeを選択した状態で&bold(){Ctrl+V}で貼り付けます。
&color(#134f5c){コピーしたNiTriShape}のBSShaderPPLightingPropertyを&color(#4c1130){Ctrl+Delete}で削除して、IronArrowFlight:0のツリー内のBSLightingShaderPropertyをコピーして、&color(#134f5c){コピーしたNiTriShape}に貼り付け。
元の矢を削除したいので、IronArrowFlight:0を選択して&color(#4c1130){Ctrl+Delete}で削除します。
テクスチャの指定をします。
BSLightingShaderPropertyのBSShaderTextureSet→BlockDetailのTexturesを開いて、テクスチャのファイルパスを指定します。
#ref(settextureset.png)
練習なので例では直下の
&bold(){&color(#134f5c){Textures\pencil.dds}}
&bold(){&color(#134f5c){Textures\pencil_n.dds}}
にしました。
名前がそのままでは困るので、&color(#134f5c){コピーしたNiTriShape}のBlock Detailのtxtの部分をダブルクリックして名前設定を開き、IronArrowFlight:0を選びます。
#ref(nifnamechange.png)
以上でnifでの作業を終了します。名前をつけて保存します(ironarrowflight.nif)。
スカイリムのフォルダの&bold(){&color(#134f5c){Data\Meshes\weapons\iron\}}に
&bold(){&color(#134f5c){ironarrowflight.nif}}を置きます。
*テクスチャの準備
テクスチャの準備がまだでした。
Paint.NETでテクスチャペイントで保存したファイル(pngまたはtga)を開いて、そのまま名前をつけて保存します。
ファイルの種類をDirect Draw サーフェイス(DDS)を選んで、設定は変えず(DXT1)にそのまま保存します。
作ったDDSファイル(pencil.dds)をスカイリムのフォルダ\Data\Textures\直下に置きます。
*ゲーム内で仮の確認
ゲーム内で仮の確認します。
鉄の矢の飛んだ後のファイルの置き換えなので矢を手に入れて飛ばしてみます。
#ref(penciltemp.jpg)
ノーマルマップとスペキュラがないので、全体的につるつるしてしまって変ですね。
*テクスチャの編集・作成
デフューズマップを少し編集してディテールを足してから、デフューズマップからノーマルマップとスペキュラマップを作成します。
PhotoshopまたはGimpを使用します。
UVの境目が気になる場合はスポイトでオレンジ色を拾って、胴体部分を矩形選択と塗りつぶしツールで塗る。先端の所との接合部分もちょっと書き足し。
(どこ塗るかは下のモノクロの画像参照)
&bold(){レイヤーを新規で一枚追加}して、
HSV(HSB)のV(B,明るさ)45、RGBで言うと(115,115,115)のグレーの色を作って、鉛筆の黒鉛の部分すべてをグレーで塗ります。多少はみ出しても良いです。
このレイヤーを複製して、デフューズマップのノイズ用、ノーマル/スペキュラマップ用と分けます。
ノイズを加えます。
Gimpはフィルター→ノイズ→HSVノイズ(明度255,保存度8)
Photoshopはフィルターノイズ→ノイズを加える(12%、ガウス、グレースケールノイズ)
#ref(noise.png)
レイヤーの合成方法をスクリーンにして、不透明度を20%にします。
とりあえずこの状態でデフューズ用に保存します。
pngかtgaで保存して、paint.netでdds変換。フォトショならNvidiaのプラグインでそのままDDSも可。
**ノーマルマップの作成
元の画像を複製して、色をモノクロにします。(Gimp:色→脱色、フォトショ:イメージ→色調補正→白黒)
レイヤーの重ね順は下のようにします。この状態でpngがtgaで保存します。
#ref(layer.png)
※フォトショップの場合はXnormalについてるノーマルマッププラグインがあるのでそれを導入すればフォトショップ内でできます。
Xnormalを起動して&bold(){&color(#134f5c){Tools→Height map to Normal map}}を選びます。
画面左側Height Map囲み内で右クリック→Browse Height Mapで先ほど保存したグレーの画像を選びます。
Swizzle Coordinatesを&bold(){-X, +Y, +Z}にします。
Normal Mapの囲いで右クリックしてGenerate。もう一度右クリックしてSave Normal mapを選んで、DDSで保存します。
例での名前は&bold(){&color(#134f5c){Pencil_n.dds}}にしました。
**スペキュラマップの作成
スペキュラマップは
白<->黒
強い光沢<->光沢なし
になってるので、それに合わせて調整します。
ノーマルマップで作ったグレーのマップを流用して、木の部分を暗くします。
黒鉛の部分もノーマルマップで作った作ったグレーとノイズ使います。
鉛筆の木の部分を抜き出すために木以外の部分を選択してから反転します。
gimp:ファジー選択+クイックマスクモード(Shift+Q)でマスクを塗って最後マスクモード解除→選択->選択範囲の反転
フォトショ:自動選択ツールとクイックマスク(ツールパレット一番下)でマスクを塗って最後マスクモード解除→選択範囲->選択範囲の反転
レベル補正をかけて暗くします。
gimp:色→レベル
フォトショ:レイヤーウィンドウの下段真ん中あたりの調整レイヤーの追加→レベル補正
真ん中の1となってるグレー部分を0.5ぐらいに下げます。
黒鉛のノイズ部分の不透明度をちょっと上げたり、グレーの部分をレベル補正で暗くしたりします。
#ref(specularmap.png)
Gimp、フォトショエレメンツの場合は&bold(){ビットマップ(.bmp)}で保存します。また調整するかもしれないので各ソフト専用の保存形式で保存はしておきます。
フォトショの場合はpsdで別名で保存しておきます。
**ノーマルマップとスペキュラーマップをまとめる
ノーマルマップのアルファチャンネルがスペキュラーマップになるので、これをまとめます。
***フォトショップの場合
+すべてのスペキュラーマップに使ったレイヤーを選択して&font(b,#4c1130){Alt+ドラッグアンドドロップ}で複製します。
+複製したものを右クリック→レイヤーの結合して一つのスペキュラーマップレイヤーを作ります。
+&font(b,#4c1130){Ctrl+A(全選択)}, &font(b,#4c1130){Ctrl+C(コピー)}でスペキュラーマップをコピー。
+チャンネルパネルに移って、下のアイコン右からふたつ目の&font(b,#134f5c){新規チャンネルを作成ボタン}を押します。
+新しく作ったアルファチャンネル1に&font(b,#4c1130){Ctrl+V}で貼り付け。
***その他の画像編集ソフトの場合
+&font(b,#134f5c){DXTbmp.exe}を開きます。
+ノーマルマップのファイルをDXTbmpにドラッグ&ドロップします。
+&font(b,#134f5c){Alpha→Import Alpha Channel}で選択します。
+警告が出ますがOKを押します。
+ファイルの種類を&font(b){Any Image File}にして、先ほど保存したスペキュラーマップのpngファイルを選びます。
+&font(b,#134f5c){File→Save As→DDS Texture}を選んで、ファイルの種類をDXT5にして保存します。
*配置と確認
作ったテクスチャをします。
例では
&bold(){&color(#134f5c){Data\Textures\pencil.dds}}
&bold(){&color(#134f5c){Data\Textures\pencil_n.dds}}
で配置してます。
ゲーム内で確認します。
#ref(pencilfinish2.jpg)
以上でとりあえずは終了です。
お疲れさまでした。
*おまけ:ディテールを足す
目的はフローをざっくりつかむことなので省きましたが、テクスチャに塗装剥げ、汚れ、凹み等の使用感を加えるとグッと良くなります。
テクスチャの情報量が少ないといかにもポリゴン(作り物)という感じがしてしまうので使用感を足してうまいことごまかして見てください。
ついでなので刻印も入れてみました。
#ref(pencilonemore.jpg)
鉛筆を作る >> [[サイコロを作る]] >> [[Tシャツを作る]]
モデリング入門チュートリアル第1弾です。モデリングで鉛筆を作ります。
*目的
ボーンのないオブジェクト制作を作り、ワークフローのざっくりとした会得を目的としてます。
#contents
*使うソフト
[[Blender2.79>>https://download.blender.org/release/Blender2.79/]]
[[PureRef>>http://www.pureref.com/]]
[[NifSkope>>http://niftools.sourceforge.net/wiki/NifSkope]]
[[BSA Browser>>https://www.nexusmods.com/skyrimspecialedition/mods/1756]]
[[XNormal>>http://www.xnormal.net/downloads.aspx]]
Photoshopもしくは
[[Gimp>>http://www.gimp.org/]]と[[Paint.Net>>http://www.getpaint.net/]]と[[DXTBmp>>http://www.mwgfx.co.uk/programs/dxtbmp.htm]]
*資料を集める
Googleの画像検索から「鉛筆」または「pencil」で検索します。
PureRefなどのリファレンス専用ツールにドラッグアンドドロップで放り込みます。
または現物があるならそれを手元に持ってきて観察します。
大体のイメージをここで固めます。
作例では六角形状で後ろは消しゴムなしのむき出しの状態の鉛筆にしました。
#ref(ref2.png)
*ベースのメッシュを作る
今回はBlenderで説明していきます。
まず、Blenderを起動してから、出ている立方体やらオブジェクトなどの不要な物体が3つほどあると思うので
それぞれを右クリックで選択して&color(#4c1130){Xキー} or &color(#4c1130){Deleteキー}で削除します。
この物体は起動時に毎回出てくるので、邪魔だと思ったら削除後に「File」から「Save Startup File」で出てこなくなります。
Blenderの視点移動は少々特殊で、マウスホールを押し込みながらマウス移動で、視点を上下左右に動かせます。
&color(#4c1130){ホイールスクロール}で前後に動かせます。
&color(#4c1130){Shiftキー+マウスホール}を押しながらマウス移動で、視点を上下左右に&bold(){水平移動}できます。
テンキーでも対応したボタンからの視点になります。
//&color(#4c1130){テンキーの5}を押して、パースビューを解除します。
左側のツールシェルフ(T)のCreateタブから、&bold(){Cylinder}を選択します。(もしくは、&color(#4c1130){Shift+AでMesh→Cylinder})
ツールシェルフ下側のAdd CylinderからVerticesのところを6にします。
#ref(AddCylinder.png) #ref(AddCylinderSet.png)
これでシリンダーが六面になったはずです。
&color(#4c1130){Tabキー}でエディットモードに入り、&color(#4c1130){Alt+右クリック}で底面の&bold(){辺}をループ選択します。
#ref(LoopSelect.png)
&color(#4c1130){Gキー(移動Grab)→Zキー(Z軸に移動方向の固定)→テンキーで「-20」(-20Unit分移動)}で下方向に伸ばし→Enterで決定します
#ref(Pengz-20.png)
鉛筆の原型はできました。
**ブーリアン演算で型抜き
鉛筆削りで削ると波のような形状ができます。
これを再現するために鉛筆削り機と同じ原理でポリゴンを削ってみましょう。
***抜き型の作成
まず抜き型を作ります。
オブジェクトモードに戻ってから、シリンダーを再度作ります。
今度はVerticesを6の倍数(六角形と頂点位置が合わせるため)の24で作ります。
&color(#4c1130){Tabキー}を押してエディットモードに入り、底面の辺を&color(#4c1130){Alt+右クリック}でループ選択して、&color(#4c1130){Alt+P}(または&color(#4c1130){Ctrl+F→Poke Faces}
)で扇状に分割します。
&color(#4c1130){Zキー}を押すとワイヤーフレーム表示になって裏面が選択できるので、底面中央の頂点を選択して、
&color(#4c1130){Gキー→Zキー}で天面を突き抜けない程度まで引き上げます。
#ref(centerup.png)
これで抜き型は終了です。
***ブーリアンの適用
まず&color(#4c1130){Tabキー}を押してオブジェクトモードに戻ります。&bold(){エディットモード中はモディファイアを適用できない}からです。
六角形の方を選択した状態で、プロパティウィンドウ(右奥のアイコンが並んでいるウィンドウ)のレンチマーク(モディファイア)を選びます。
#ref(property_window.jpg)
レンチマークは隠れていることがあるので、その場合はウィンドウを引き延ばします。
Add Modifierで&bold(){Boolean}を選択します。
[[ブーリアンモディファイア>http://wiki.blender.org/index.php/Doc:JA/2.6/Manual/Modifiers/Mesh/Booleans]]
Blenderのモディファイアは非破壊編集機能でApply(適用)を押さない限りは何度でも変更が効きます。(Apply押して初めてメッシュが変形する)
Booleanはモディファイアの一つで、オブジェクトとオブジェクト同士の結合(Union)、型抜き(Diffrence)、交差部分の取り出し(Intersect)の3つがあります。
#ref(booleanset.png)
OperectionをDifferenceにし、Objectで型抜きのオブジェクトを選択します。
&color(#333333){※Objectに選択肢がない場合は、鉛筆と同一オブジェクトに型抜きメッシュを作ってるので、型抜きメッシュにカーソル置いてLで選択。P→Selectionで選択したメッシュを別オブジェクトに分離できます。}
あんまりぴったりすぎるとエラーになるので、Z軸方向に少しずらしてあげます。
決まったら&bold(){Apply}を押して適用します。
&color(#333333){※うまくいかない場合は初めからやり直してください。おそらくカーソルの位置がズレると綺麗に出ないのでShift+Cでカーソルを原点に戻してプリミティブの生成からやります。}
#ref(booleanapply.png)
鉛筆らしくなりましたね。
型抜きのオブジェクトはいらないので&color(#4c1130){Xキー}で削除しちゃってください。
**メッシュの整形
ゲームでは多角形のポリゴン(ngon)は扱えないので、これを分割して三角形または四角形にします。
波状になっている部分を分割します。視点を&color(#4c1130){テンキー1}で正面固定にしてから、
&color(#4c1130){Kキー}でナイフツールにしてから、&color(#4c1130){Zキー}を一回押します。そうすることで、Cut throughと言う背面まで切れる機能がONになります。
画像の部分にカーソルを合わせて、そのまま横に三頂点選択していき、最後はEnterキーで確定します。
#ref(knifesnap.png)
五角形の面があるので図のようにカットします。&color(#4c1130){テンキー1}の状態から、&color(#4c1130){テンキー6}を二回押すと30度回転して面が正面向くので
さっきの要領で&color(#4c1130){Kキー}でナイフツール出して、&color(#4c1130){Zキー}で背面カットONで切り分けます。これを参加繰り返して全部の面でカットします。
&color(#4c1130){Ctrl+テンキー7}で底面を表示させて図のようにカットします。
#ref(bottomcut.png)
これで分割はおしまいです。
鉛筆を寝かした状態にしたいので、&color(#4c1130){Shift+C}でカーソルを中央に持っていきます。
モード選ぶ場所から右に2つのところにある、Pivot Pointを&bold(){3D Cursor}にします。
#ref(pivotpoint.png)
&color(#4c1130){テンキー3}で側面表示にしてから、Tabキーでエディットモードに入り、&color(#4c1130){Aキー}でメッシュを全選択してから&color(#4c1130){Rキー}で90度回転させます。
Ctrlキーを押しながらだとやりやすい。
鉛筆の先端の頂点がまとまってないので&color(#4c1130){Zキー}押してワイヤーフレーム表示にして、&color(#4c1130){Bキー(矩形選択)、Cキー(サークル選択)、Ctrl+ドラッグ(なげなわ)}のどれかで先端を全部選択。
&color(#4c1130){Alt+M}押してから、&bold(){At Center}を選んで頂点を一つにマージします。
#ref(vertexmerge.png)
実際の鉛筆より形がずんぐりして見えるので先端と、その逆の底面をY軸に伸ばします。&color(#4c1130){G→Y}で。
#ref(modify.png)
*UV展開
操作しやすくするために、3DView画面下の端の境界(画像矢印の部分)を右クリックして、Split Areaで画面を二分割にします。
#ref(splitarea.png)#ref(uveditor.png)#ref(uvgrid.png)
右側をUV/Image Editorにウィンドウを切り替えて、New押して新しく画像を作成します。上記のように設定してください。
きれいに展開するためにシームを設定します。
以下のように辺を選択します。
#ref(uvsplit.png)
&color(#4c1130){Ctrl+E→Mark Seam}もしくはツールシェルフのShading/UVsタブのMark Seamでシームを付けます。
#ref(markseam.png)
&color(#4c1130){Aキー}で全選択して、&color(#4c1130){Uキー}を押してUnwrap(もしくはツールシェルフのShading/UVsタブのUnwrap)でUV展開します。
展開されるとUVエディタがこんな感じになってるかと思います。
#ref(uvmaphalf.png)
Unwrapは正方形を想定して展開されるので、半分に潰れてます。
UVエディタ上で&color(#4c1130){Aキー}で全選択、&color(#4c1130){Sキー+Y+2}で縦方向に2倍拡大します。
マップがずれるので、&color(#4c1130){Gキー}で移動して直します。
マップが余ってもったいないので、先端と末端部分をサイズ調整(S)と移動(G)で調整します。
#ref(uvmapopt.png)
確認のため表示をテクスチャ表示にします。
#ref(ViewTexture.png)
グリッドがきれいに表示されてます。これでUV展開はおしまいです。
*テクスチャペイント
テクスチャペイントモードにします。
#ref(texturepaint.png)
Diffuse Colorを選んで以下のように設定します。
#ref(textureslot.png)
&bold(){&color(#990000){注意!}}
&bold(){テクスチャーペイントの内容はBlender上で保存されません!}
作業中で止めるときは必ず毎回UV/Image Editorのメニューから&bold(){Image→save as image}で保存してください。
形式は.pngか.tgaがオススメです。
#ref(savetexture.png)
やや暗めのオレンジ色でブラシは&bold(){Fill}にします。
#ref(fill.png)
これで鉛筆をクリックして、全面オレンジ色に塗ります。
[[CG Textures>http://www.cgtextures.com/]]からテクスチャをダウンロードします。
例ではWood→Fine Woodのカテゴリの一番下の段の真ん中のテクスチャを使ってます。
次に木目を転写ペイントをします。
まずツールシェルフでブラシをTexDrawに切り替えておきます。
右側プロパティウィンドウのTexture項目のワールド・マテリアル・その他テクスチャとアイコンが並んでいて
その右端を選択。Newで新しくテクスチャを作ります。
#ref(texture.png) #ref(openimage.png)
Openからダウンロードした画像を選択します。
またツールシェルフ側に戻って、Brush MappingをStencilにします。
#ref(stencilpaint.png)
半透明のテクスチャをドラッグするとメッシュにテクスチャを転写することができます。
転写するテクスチャは
右ドラッグで移動
Shift+右ドラッグで拡大縮小
Ctrl+右ドラッグで回転
これで先端を塗ります。継ぎ目が目立つときはStrenghを調整して、うまいことごまかしてください。
#ref(stencilpaint2.png)
波状の部分を塗ります。わかりにくいのでワイヤー表示にします。
プロパティウィンドウの立方体のマークから、Display、Wireにチェックを入れます。
#ref(showwire.png)
Brush MappingをTiled、Textureのところを&bold(){☓ボタン}を押して解除します。
#ref(textureoff.png)
&color(#4c1130){Sキー}でスポイトツールなので、オレンジ色を拾ってください。
波状の部分をオレンジで塗ります。ついでに先端の黒鉛の部分も黒で、塗ります。
#ref(showwire2.png)
おんなじ要領で背面も塗ります。
#ref(texturebackpaint.png)
&bold(){テクスチャーペイントの内容はBlender上で保存されませんので}、画像として保存します。
UV/Image Editorのメニューから&bold(){&color(#134f5c){Image→save as image}}で保存してください。
*エクスポート
[[Blender nif plugin]]を参考にしてください。
鉄の矢の置き換えをしたいと思いますが、矢はnif読み込みが難しいので、仮にnif出力してnifskope上で置き換えします。
プロパティウィンドウの立方体アイコンから、
Niftools Object Panelの項目で
Nif Versionを 20.2.0.7
User Versionを 12
User Version 2を 83
NifRoot Node:はBSFadeNode
に設定します。
#ref(versionset.png)
NifTools ShaderをBS Shader PP Lightingに設定します。
#ref(bsshaderpp.png)
プロパティウィンドウのテクスチャ(チェック模様)からマテリアル表示にして
MappingからMap:からUVMapを選びます。
#ref(uvset.png)
一端Blenderから離れて、
Texturesフォルダを作って、そこにテクスチャペイントで保存したマップを入れます。
(例:Textures\pencil.png)
Blenderに戻ってプロパティウィンドウのテクスチャ→Imageから赤枠からファイルを選んで、
先ほど作ったフォルダに入れたテクスチャペイントのマップを読み込みます。
#ref(imageset.png)
これでnifで出力します。
&bold(){&color(#134f5c){File→Export→NetImmerse/Gamebryo}}を選びます。
左下の設定項目は以下のようにします。
#ref(exportnif.png)
出力できない場合は[[エクスポート時のトラブルシューティング>http://www50.atwiki.jp/skyrim_mod/pages/55.html#id_5bb2f213]]を参考にしてください。
**nifの差し替え
無事出力されたら、差し替えるnifファイルを用意します。
B.A.EでDataフォルダ内の&bold(){&color(#134f5c){Skyrim - Mesh.bsa}}開いて、
&bold(){&color(#134f5c){meshes\weapons\iron\ironarrowflight.nif}}を展開。
&bold(){&color(#134f5c){ironarrowflight.nif}}と出力した&bold(){&color(#134f5c){nifファイル(例ではpencil.nifと名前つけてます)}}を開いておきます。
出力したnifファイルの&color(#134f5c){NiTriShapeデータ}(Cylinder)を&bold(){Ctrl+C}でコピーして、
&bold(){&color(#134f5c){ironarrowflight.nif}}のBSFadeNodeを選択した状態で&bold(){Ctrl+V}で貼り付けます。
&color(#134f5c){コピーしたNiTriShape}のBSShaderPPLightingPropertyを&color(#4c1130){Ctrl+Delete}で削除して、IronArrowFlight:0のツリー内のBSLightingShaderPropertyをコピーして、&color(#134f5c){コピーしたNiTriShape}に貼り付け。
元の矢を削除したいので、IronArrowFlight:0を選択して&color(#4c1130){Ctrl+Delete}で削除します。
テクスチャの指定をします。
BSLightingShaderPropertyのBSShaderTextureSet→BlockDetailのTexturesを開いて、テクスチャのファイルパスを指定します。
#ref(settextureset.png)
練習なので例では直下の
&bold(){&color(#134f5c){Textures\pencil.dds}}
&bold(){&color(#134f5c){Textures\pencil_n.dds}}
にしました。
名前がそのままでは困るので、&color(#134f5c){コピーしたNiTriShape}のBlock Detailのtxtの部分をダブルクリックして名前設定を開き、IronArrowFlight:0を選びます。
#ref(nifnamechange.png)
以上でnifでの作業を終了します。名前をつけて保存します(ironarrowflight.nif)。
スカイリムのフォルダの&bold(){&color(#134f5c){Data\Meshes\weapons\iron\}}に
&bold(){&color(#134f5c){ironarrowflight.nif}}を置きます。
*テクスチャの準備
テクスチャの準備がまだでした。
Paint.NETでテクスチャペイントで保存したファイル(pngまたはtga)を開いて、そのまま名前をつけて保存します。
ファイルの種類をDirect Draw サーフェイス(DDS)を選んで、設定は変えず(DXT1)にそのまま保存します。
作ったDDSファイル(pencil.dds)をスカイリムのフォルダ\Data\Textures\直下に置きます。
*ゲーム内で仮の確認
ゲーム内で仮の確認します。
鉄の矢の飛んだ後のファイルの置き換えなので矢を手に入れて飛ばしてみます。
#ref(penciltemp.jpg)
ノーマルマップとスペキュラがないので、全体的につるつるしてしまって変ですね。
*テクスチャの編集・作成
デフューズマップを少し編集してディテールを足してから、デフューズマップからノーマルマップとスペキュラマップを作成します。
PhotoshopまたはGimpを使用します。
UVの境目が気になる場合はスポイトでオレンジ色を拾って、胴体部分を矩形選択と塗りつぶしツールで塗る。先端の所との接合部分もちょっと書き足し。
(どこ塗るかは下のモノクロの画像参照)
&bold(){レイヤーを新規で一枚追加}して、
HSV(HSB)のV(B,明るさ)45、RGBで言うと(115,115,115)のグレーの色を作って、鉛筆の黒鉛の部分すべてをグレーで塗ります。多少はみ出しても良いです。
このレイヤーを複製して、デフューズマップのノイズ用、ノーマル/スペキュラマップ用と分けます。
ノイズを加えます。
Gimpはフィルター→ノイズ→HSVノイズ(明度255,保存度8)
Photoshopはフィルターノイズ→ノイズを加える(12%、ガウス、グレースケールノイズ)
#ref(noise.png)
レイヤーの合成方法をスクリーンにして、不透明度を20%にします。
とりあえずこの状態でデフューズ用に保存します。
pngかtgaで保存して、paint.netでdds変換。フォトショならNvidiaのプラグインでそのままDDSも可。
**ノーマルマップの作成
元の画像を複製して、色をモノクロにします。(Gimp:色→脱色、フォトショ:イメージ→色調補正→白黒)
レイヤーの重ね順は下のようにします。この状態でpngがtgaで保存します。
#ref(layer.png)
※フォトショップの場合はXnormalについてるノーマルマッププラグインがあるのでそれを導入すればフォトショップ内でできます。
Xnormalを起動して&bold(){&color(#134f5c){Tools→Height map to Normal map}}を選びます。
画面左側Height Map囲み内で右クリック→Browse Height Mapで先ほど保存したグレーの画像を選びます。
Swizzle Coordinatesを&bold(){-X, +Y, +Z}にします。
Normal Mapの囲いで右クリックしてGenerate。もう一度右クリックしてSave Normal mapを選んで、DDSで保存します。
例での名前は&bold(){&color(#134f5c){Pencil_n.dds}}にしました。
**スペキュラマップの作成
スペキュラマップは
白<->黒
強い光沢<->光沢なし
になってるので、それに合わせて調整します。
ノーマルマップで作ったグレーのマップを流用して、木の部分を暗くします。
黒鉛の部分もノーマルマップで作った作ったグレーとノイズ使います。
鉛筆の木の部分を抜き出すために木以外の部分を選択してから反転します。
gimp:ファジー選択+クイックマスクモード(Shift+Q)でマスクを塗って最後マスクモード解除→選択->選択範囲の反転
フォトショ:自動選択ツールとクイックマスク(ツールパレット一番下)でマスクを塗って最後マスクモード解除→選択範囲->選択範囲の反転
レベル補正をかけて暗くします。
gimp:色→レベル
フォトショ:レイヤーウィンドウの下段真ん中あたりの調整レイヤーの追加→レベル補正
真ん中の1となってるグレー部分を0.5ぐらいに下げます。
黒鉛のノイズ部分の不透明度をちょっと上げたり、グレーの部分をレベル補正で暗くしたりします。
#ref(specularmap.png)
Gimp、フォトショエレメンツの場合は&bold(){ビットマップ(.bmp)}で保存します。また調整するかもしれないので各ソフト専用の保存形式で保存はしておきます。
フォトショの場合はpsdで別名で保存しておきます。
**ノーマルマップとスペキュラーマップをまとめる
ノーマルマップのアルファチャンネルがスペキュラーマップになるので、これをまとめます。
***フォトショップの場合
+すべてのスペキュラーマップに使ったレイヤーを選択して&font(b,#4c1130){Alt+ドラッグアンドドロップ}で複製します。
+複製したものを右クリック→レイヤーの結合して一つのスペキュラーマップレイヤーを作ります。
+&font(b,#4c1130){Ctrl+A(全選択)}, &font(b,#4c1130){Ctrl+C(コピー)}でスペキュラーマップをコピー。
+チャンネルパネルに移って、下のアイコン右からふたつ目の&font(b,#134f5c){新規チャンネルを作成ボタン}を押します。
+新しく作ったアルファチャンネル1に&font(b,#4c1130){Ctrl+V}で貼り付け。
***その他の画像編集ソフトの場合
+&font(b,#134f5c){DXTbmp.exe}を開きます。
+ノーマルマップのファイルをDXTbmpにドラッグ&ドロップします。
+&font(b,#134f5c){Alpha→Import Alpha Channel}で選択します。
+警告が出ますがOKを押します。
+ファイルの種類を&font(b){Any Image File}にして、先ほど保存したスペキュラーマップのpngファイルを選びます。
+&font(b,#134f5c){File→Save As→DDS Texture}を選んで、ファイルの種類をDXT5にして保存します。
*配置と確認
作ったテクスチャをします。
例では
&bold(){&color(#134f5c){Data\Textures\pencil.dds}}
&bold(){&color(#134f5c){Data\Textures\pencil_n.dds}}
で配置してます。
ゲーム内で確認します。
#ref(pencilfinish2.jpg)
以上でとりあえずは終了です。
お疲れさまでした。
*おまけ:ディテールを足す
目的はフローをざっくりつかむことなので省きましたが、テクスチャに塗装剥げ、汚れ、凹み等の使用感を加えるとグッと良くなります。
テクスチャの情報量が少ないといかにもポリゴン(作り物)という感じがしてしまうので使用感を足してうまいことごまかして見てください。
ついでなので刻印も入れてみました。
#ref(pencilonemore.jpg)
表示オプション
横に並べて表示:
変化行の前後のみ表示: