「テクスチャ編集手順」の編集履歴（バックアップ）一覧はこちら
「テクスチャ編集手順」(2011/03/09 (水) 20:44:10) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
*テクスチャ編集手順の解説
私が普段行っているテクスチャUV編集手順を、簡単に説明します。
ソフトは、メタセコイア、ペパクラデザイナー、CorelDRAW X3を使っています。
先に断っておきますが、これはおそらく一般的な手順ではありません。特にポリゴン数の多い通常のCGにおいては極めて非効率です。
あくまでメカ系のペパクラ、すなわちローポリゴン、サブディビジョン未使用で、歪み、ズレのない正確なテクスチャを求める場合において有効な手段です。
また、このページはテクスチャの適用過程の説明であり画像の描き方については詳しく触れません。描画に使用しているCorelDRAWについては、黒住さんのX3オフィシャルガイドブックなどを参考にされることをオススメします。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image2.jpg)
今回はこのようなダイヤ型のモデル上部にテクスチャを適用する場合を説明する。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image29.jpg)
メタセコの保存データをペパクラデザイナーに読み込む。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image31.jpg)
ツールバーの[展開]をし、右クリックメニューの[面の分割と接続]を選択。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image32.jpg)
テクスチャを描きやすいよう、展開図をパーツ分割する。
ペパデザの解像度の制約上、なるべく縦横の幅が近くなるようにパーツ分割すると良い。----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image34.jpg)
のりしろを取り除くために、右クリックメニューの[のりしろの編集]を選択。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image38.jpg)
[有無の変更]→[詳細]を選択。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image40.jpg)
貼り合わせる相手がある場合は[無・無(どちらにものりしろを作らない]
貼り合わせる相手がない場合は[のりしろ無し]
を選択し、[ＯＫ］。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image42.jpg)
全部のパーツを選択し、のりしろを除去する。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image44.jpg)
EPSファイルとしてエクスポートする。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image46.jpg)
EPS形式出力オプションとして[面の塗りつぶしを行わない][のりしろの塗りつぶしを行わない]を選択。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image48.jpg)
保存したEPSファイルを、CorelDRAWでインポートする。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image50.jpg)
インポートオプションは特に指定せずに[OK]。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image53.jpg)
位置と大きなの指定カーソルが出るが、[Enter]キーを押すだけ。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image56.jpg)
貼り付けられた図を選択し、ツールから[極細線]に変更。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image58.jpg)
続いて右メニューから[すべてのグループ解除]。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image60.jpg)
パーツごとに選択し、右メニューから[グループ化]。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image62.jpg)
EPSで読み込んだガイドライン、PNGエクスポートで画像サイズを固定化するための枠、テクスチャを描く絵、
で作業性を上げるためにそれぞれレイヤーを分ける。そのため[新規レイヤ]で２つのレイヤーを追加する。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image64.jpg)
わかりやすいようにレイヤーの名称をそれぞれの役割に合わせた名称に変更する。
EPSを読み込んだ初期レイヤーは、"EPS"としておいた。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image68.jpg)
枠レイヤーを選択し、矩形でパーツを囲むように枠を描く。
今回はパーツの大きさは上下で同じなので、矩形をコピーする。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image70.jpg)
選択ツールで枠を囲むように選択し、ファイルメニューから[エクスポート]。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image72.jpg)
ファイルの種類から"PNG"を選択し、ファイル名はパーツに合ったわかりやすい名前にして[エクスポート]。これがUV編集のガイド画像となる。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image74.jpg)
縦横比の維持のチェックをはずし、ビットマップの幅と高さをともに4096にし、[OK]。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image75.jpg)
メタセコに戻る。
右下のマテリアルペインで、[新規]を押し、マテリアル(材質)を作成。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image76.jpg)
マテリアルの[設定]を押し、マッピング->模様で、さきほどCorelDRAWでエクスポートしたPNG画像を読み込む。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image77.jpg)
コマンドメニューの[材質]を選び、ダイヤの上４つのポリゴンをクリックしていく。
これでガイド画像がポリゴンに貼り付けられるが、位置はデタラメである。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image78.jpg)
コマンドメニューの[UV操]を選ぶ。緑色の線がそれぞれのポリゴンに、どのようにテクスチャの貼り付けるかを指示するための線となる。
頂点を選んで、ガイド画像に合わせて移動する。同じ位置に置く頂点はUVフローティングメニューの[単一化]、逆に今はくっついているが別の位置に置きたい場合は[分離]など、ツールを使って、貼り付け位置を編集していく。この作業をUV作業という。
UVとは何かの略語ではなく、(XY座標は既に三次元で使われているので）二次元平面のXY座標のことをUVに置き換えているだけ。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image79.jpg)
CorelDRAWに戻る。
テクスチャ画像を描くために、レイヤー"絵"を選択。
分離されたポリゴン同士で絵を位置を合わせる説明のため、今回は輪郭線(辺)上に丸を描く（つまらない例ですみません）。
表示メニューの[オブジェクトにスナップ]がチェックされていると、既存オブジェクトの部位を元に絵を描くことができる。
辺の中間を中心とした真円を描く。真円を描いた後、辺の中間にスナップさせても良い
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image80.jpg)
今回すべての辺に同じ円を描きたいので、円の回転軸(◎)をダイアの頂点にスナップする。
Ctrl+Dで複製を作り、一度元の円と同じ位置にスナップしたのち、回転させて次の辺にスナップする。
このあとCtrl+Dを連続で押すと、（今の操作が記憶されており）回転しながらに円が次の辺上に描かれていく。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image81.jpg)
絵を描き終わったら、レイヤーEPSの"目"をクリックし非表示にしたあと、
枠を囲むように選択。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image82.jpg)
ファイルメニューから[エクスポート]
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image83.jpg)
先にエクスポートしたガイド画像に上書きで出力する。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image831.jpg)
解像度は、今度は縦横とも1024に設定し、[OK]。
※さきほどの解像度が違うのは、ガイド画像はUV編集の制度を上げるために高解像度、
テクスチャ画像は、ペパクラデザイナーは1024x1024が最高解像度という制限があるため。
（今回は作業を分かりやすく伝えるためのCorelDRAWで解像度を指定しているが、実際にはCorelDRAWでは
リサイズ設定せず1200dpiのままエクスポートし、PaintShopPro（ペイントソフト）を使って1200x1200にリサイズしている。
これはCorelDRAWのリサイズアルゴリズムがあまり優秀ではなく、PSPでリサイズしたほうがより美しい画像を得られるため）
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image84.jpg)
メタセコ画面に戻る
テクスチャが正確に適用されていることが確認できる。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image85.jpg)
文字のような正確な図形も歪まず性格に貼り付けることが出来る。
----
&counter(total)
*テクスチャ編集手順の解説
私が普段行っているテクスチャUV編集手順を、簡単に説明します。
ソフトは、メタセコイア、ペパクラデザイナー、CorelDRAW X3を使っています。
先に断っておきますが、これはおそらく一般的な手順ではありません。特にポリゴン数の多い通常のCGにおいては極めて非効率です。
あくまでメカ系のペパクラ、すなわちローポリゴン、サブディビジョン未使用で、歪み、ズレのない正確なテクスチャを求める場合において有効な手段です。
また、このページはテクスチャの適用過程の説明であり画像の描き方については詳しく触れません。描画に使用しているCorelDRAWについては、黒住さんのX3オフィシャルガイドブックなどを参考にされることをオススメします。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image2.jpg)
今回はこのようなダイヤ型のモデル上部にテクスチャを適用する場合を説明する。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image29.jpg)
メタセコの保存データをペパクラデザイナーに読み込む。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image31.jpg)
ツールバーの[展開]をし、右クリックメニューの[面の分割と接続]を選択。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image32.jpg)
テクスチャを描きやすいよう、展開図をパーツ分割する。
ペパデザの解像度の制約上、なるべく縦横の幅が近くなるようにパーツ分割すると良い。----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image34.jpg)
のりしろを取り除くために、右クリックメニューの[のりしろの編集]を選択。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image38.jpg)
[有無の変更]→[詳細]を選択。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image40.jpg)
貼り合わせる相手がある場合は[無・無(どちらにものりしろを作らない]
貼り合わせる相手がない場合は[のりしろ無し]
を選択し、[ＯＫ］。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image42.jpg)
全部のパーツを選択し、のりしろを除去する。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image44.jpg)
EPSファイルとしてエクスポートする。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image46.jpg)
EPS形式出力オプションとして[面の塗りつぶしを行わない][のりしろの塗りつぶしを行わない]を選択。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image48.jpg)
保存したEPSファイルを、CorelDRAWでインポートする。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image50.jpg)
インポートオプションは特に指定せずに[OK]。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image53.jpg)
位置と大きなの指定カーソルが出るが、[Enter]キーを押すだけ。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image56.jpg)
貼り付けられた図を選択し、ツールから[極細線]に変更。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image58.jpg)
続いて右メニューから[すべてのグループ解除]。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image60.jpg)
パーツごとに選択し、右メニューから[グループ化]。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image62.jpg)
EPSで読み込んだガイドライン、PNGエクスポートで画像サイズを固定化するための枠、テクスチャを描く絵、
で作業性を上げるためにそれぞれレイヤーを分ける。そのため[新規レイヤ]で２つのレイヤーを追加する。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image64.jpg)
わかりやすいようにレイヤーの名称をそれぞれの役割に合わせた名称に変更する。
EPSを読み込んだ初期レイヤーは、"EPS"としておいた。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image68.jpg)
枠レイヤーを選択し、矩形でパーツを囲むように枠を描く。
今回はパーツの大きさは上下で同じなので、矩形をコピーする。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image70.jpg)
選択ツールで枠を囲むように選択し、ファイルメニューから[エクスポート]。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image72.jpg)
ファイルの種類から"PNG"を選択し、ファイル名はパーツに合ったわかりやすい名前にして[エクスポート]。これがUV編集のガイド画像となる。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image74.jpg)
縦横比の維持のチェックをはずし、ビットマップの幅と高さをともに4096にし、[OK]。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image75.jpg)
メタセコに戻る。
右下のマテリアルペインで、[新規]を押し、マテリアル(材質)を作成。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image76.jpg)
マテリアルの[設定]を押し、マッピング->模様で、さきほどCorelDRAWでエクスポートしたPNG画像を読み込む。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image77.jpg)
コマンドメニューの[材質]を選び、ダイヤの上４つのポリゴンをクリックしていく。
これでガイド画像がポリゴンに貼り付けられるが、位置はデタラメである。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image78.jpg)
コマンドメニューの[UV操]を選ぶ。緑色の線がそれぞれのポリゴンに、どのようにテクスチャの貼り付けるかを指示するための線となる。
頂点を選んで、ガイド画像に合わせて移動する。同じ位置に置く頂点はUVフローティングメニューの[単一化]、逆に今はくっついているが別の位置に置きたい場合は[分離]など、ツールを使って、貼り付け位置を編集していく。この作業をUV作業という。
UVとは何かの略語ではなく、(XY座標は既に三次元で使われているので）二次元平面のXY座標のことをUVに置き換えているだけ。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image79.jpg)
CorelDRAWに戻る。
テクスチャ画像を描くために、レイヤー"絵"を選択。
分離されたポリゴン同士で絵を位置を合わせる説明のため、今回は輪郭線(辺)上に丸を描く（つまらない例ですみません）。
表示メニューの[オブジェクトにスナップ]がチェックされていると、既存オブジェクトの部位を元に絵を描くことができる。
辺の中間を中心とした真円を描く。真円を描いた後、辺の中間にスナップさせても良い
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image80.jpg)
今回すべての辺に同じ円を描きたいので、円の回転軸(◎)をダイアの頂点にスナップする。
Ctrl+Dで複製を作り、一度元の円と同じ位置にスナップしたのち、回転させて次の辺にスナップする。
このあとCtrl+Dを連続で押すと、（今の操作が記憶されており）回転しながらに円が次の辺上に描かれていく。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image81.jpg)
絵を描き終わったら、レイヤーEPSの"目"をクリックし非表示にしたあと、
枠を囲むように選択。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image82.jpg)
ファイルメニューから[エクスポート]
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image83.jpg)
先にエクスポートしたガイド画像に上書きで出力する。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image831.jpg)
解像度は、今度は縦横とも1024に設定し、[OK]。
※さきほどの解像度が違うのは、ガイド画像はUV編集の制度を上げるために高解像度、
テクスチャ画像は、ペパクラデザイナーは1024x1024が最高解像度という制限があるため。
（今回は作業を分かりやすく伝えるためのCorelDRAWで解像度を指定しているが、実際にはCorelDRAWでは
リサイズ設定せず1200dpiのままエクスポートし、PaintShopPro（ペイントソフト）を使って1200x1200にリサイズしている。
これはCorelDRAWのリサイズアルゴリズムがあまり優秀ではなく、PSPでリサイズしたほうがより美しい画像を得られるため）
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image84.jpg)
メタセコ画面に戻る
テクスチャが正確に適用されていることが確認できる。
----
&ref(http://www11.atwiki.jp/papercraft?cmd=upload&act=open&pageid=39&file=Image85.jpg)
文字のような複雑な図形も歪まず正確に貼り付けることが出来る。
----
&counter(total)
