・第一回 底面と側壁の作り方 ・講義室へ戻る ・メニュー |
ここではQubes素材を制作する上で
最も基本となる部分、底面と側壁部の
作り方を説明していきます。
内容の説明 | |
---|---|
前述の通り、今回は教材となる5枚の画像(テクスチャ2枚、マスク3枚)を使用して Qubes素材「底面(ug)」「壁(bl・br・fl・fr)」を制作します。 これらは、他のパーツを作るときにも必要となる、 いわばリソースの要となる部分です。 第一回の講座では、この5つのパーツの制作手順を説明していきます。 |
PictBearを使われる人へ | |
---|---|
早速ですが、フィルタプラグインが必要となります。 まず最初にBearFactory Online Supportからリンクを辿って変形フィルタの一つ、「平行四辺形フィルタ」をダウンロードしてください。 それから、説明に従ってプラグインのインストールを行ってください。 ちなみに、PictBear Second Editionも同じプラグインを使用します。 なお、フィルタプラグインの導入(ダウンロードやインストールなど)についても各自でお願いします。 |
使用する教材 | |
---|---|
教材となる5枚の画像をダウンロードしてください。 Windows環境など、lzh形式及びbmp形式のファイルが扱える人はここから。 その他の環境の人は以下の画像を直接ダウンロードして編集してください。 ・底面用テクスチャ ・側壁用テクスチャ ・底面用マスク ・奥側用マスク ・手前側用マスク 以上が用意できましたら、いよいよ制作の方に移ります。 |
1.底面を作る | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
まず、底面用テクスチャ(tx_floor.bmp)を用意します。 見ての通り、よくある128ピクセルの正方形テクスチャ画像です。 これをQubesの底面素材に加工します。 手順そのものは実に簡単で、まずこの正方形画像を45°回転させて、菱形にします。 次に、画像全体を横320ピクセル・縦160ピクセルに変形させます。 以上で完成します。 ・・・呆気なかったでしょうか? ただこの手順だけで制作すると、おそらく画像の端の方はぼやけているでしょうし、画像サイズそのものは正しくとも肝心の底面部は実際に必要とされるサイズに満たないことがほとんどです。 そこで実際は、画像サイズを変更するときに必要な大きさよりもやや大きめにしておき、その上に底面用に製作したマスク画像を重ねて、最後に必要なサイズ(横320ピクセル・縦160ピクセル)にトリミングして制作することをお勧めします。 では、上で説明した作業をPictBearを使って実際に行ってみます。 (冗談みたいな話ですが)PictBearの場合はメニューバーからコマンドを選択するだけで全ての作業が行えます。 Pictbear Second Editionでは多少メニューやコマンド名が違っているものもありますが、基本的には同様の手順が踏めます。 ただし、マスク画像を貼り付ける作業は以下の通りの手順を踏んでも行えません。 具体的な方法が見付かり次第、追って掲載します。 他のソフトの場合、PictBearと同様の編集はおそらく可能だと思いますので、下記の過程図を参考にしながら行ってみてください。
|
2.奥側の壁を作る | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
底面が完成したら、次は側壁用テクスチャ(tx_wall.bmp)を用意します。 これもまた128ピクセルの正方形テクスチャ画像で、これを加工してQubesの側壁素材にします。 底面の時と同様に、制作手順そのものはいたって簡単です。 最初に壁そのものを制作する為の基本的な考え方を説明しておきましょう。 まず横160ピクセル・縦80ピクセルの長方形画像を制作します。 次に、その画像の右辺(あるいは左辺)を軸にして画像を平行四辺形に変形させていきます。 この時の左辺(あるいは右辺)の移動量は100%、つまり座標0.0から座標0.80(あるいは座標160.0から座標160.80)になるようにします。 これで壁は完成します。あとは、余白(80x80ピクセル)を足すだけで、奥側の側壁素材は完成します。 もっともこのパーツも、整形を考えれば少し大きめに作っておく方が良いです。 では、PictBearを使って実際に作ってみることにします。 上で説明した手順とは異なる方法で作りますが、基本的な考え方そのものは変わりません。 PictBearでは今回もメニューバーからコマンドを選択するだけで全ての作業が行えます。
|
3.手前側の壁を作る | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
いよいよこの講座の最終段階、手前側の側壁パーツの制作に移ります。 といっても、壁自体は先に制作した奥側のパーツをそのまま使うので、今回は画像を変形させたりすることはありません。 とはいえ、手前側のパーツは奥側のものより縦に40ピクセル長く、また半透明化させるための網掛けが施されているので、それなりに加工しなくてはいけませんが。 では、PictBearを使って手順を説明します。 例によってPictBearでは今回もメニューバーからコマンドを選択するだけです。
|
4.確認について | |
---|---|
これで「底面パーツ」と「各方向の側壁パーツ」が全て揃ったはずです。 PictBearを使って完成させた場合は数値の入力ミスなどがない限り、素材は規格通りの形状をしているのでわざわざ設置状態を確認する必要はありません。 ですが、作ってみた素材が実際どの様表示されるのか気になるとは思いますし、またもしかしたら細かなミスがあるかも知れません。ましてやPictBear以外のソフトで制作した場合は本当に上手くできたのかどうか不安もあるでしょうし、確認した方が良いのは間違いありません。 そこで確認するための方法ですが、まず一番に思い付くのはCardWirth Editorを使って実際にエリア内に設置してみることだと思います。 適当なエリアを作って、シーンビューで各パーツをセルとして所定の位置に貼り付けていくだけで確認が行えます。 またVer.1.25以上のCardWirth Editorであれば、セルの設定ダイアログの「簡単設定」を使うことで容易に設置が行えます。 この他に、Qubesの各パーツを一つの画像として合成するツール(※)を使うことによっても、確認作業を行うことが出来ます。 これらの使い方は、各ツールの操作方法を参照して下さい。 |
|
※ らたらさんのサイト『Wind Palace』にあるQubes対応ツールプログラムのページから入手する事が出来ます。 ただし、同ページでいくつかのツールの入手先がデッドリンクになっているみたいですので、正しい入手先をここに記載しておきます。 ・Qubes Helper(minutes氏) ・QubesLight(Kazu氏) |
5.注意事項 | |
---|---|
さて、いくつか忘れてはならない注意点をここで取り上げます。 まず、パーツの減色についてです。 既に何度も「減色を忘れずに」と釘を差してきましたが、いくら何でもフルカラーの画像を素材にするわけにはいきません。 Qubesのパーツ程度の画像であればフルカラーと比較してもそれほど遜色はないので、256色には最低でも減色して下さい。 また最初から近似色で構成されたテクスチャーを利用して作れば、16色に減色してもほとんど劣化は見られません。 効率の良い減色方法を探ってみるのも、素材を作る上で重要なポイントになります。 次に、座標(0.0)に透過色を配置することです。 意外と忘れやすいのですが、ここを透過色以外でで塗り潰してしまうと設置した後で笑うに笑えない状況になります。 教材で使用したマスク画像は、予めここを透過色にするようにしてあります。 また半透明処理を行うために用いられる、透明色の網掛けについても少し。 Qubes研究所−資料室の「半透明処理」についての項目で説明しているのですが、透過色を配置する場所は各パーツごとに微妙に異なります。半透明処理を行う際には多少の注意が必要となります。 もっとも大抵の場合、パーツ単体の見た目がきちんと半透明になってさえいれば(あるいは半透明を用いなければ)良いのであまりこの点にこだわる必要はないのですが、もしもAdd−Qubesに興味があるのであれば、覚えておいて損はないと思います。 教材で使用したマスク画像は、この法則に基づいて予め網掛けを施しています。 |
6.最後に | |
---|---|
以上で制作講座1はおしまいです。 ・・・どうでしたか? おそらく、当初思っていたよりもずっと簡単に制作できたのではないかと思います。 今回制作したパーツは5つだけですので、まだ本格的なリソースに至るまでは程遠いのが現実ですが、これ以降に制作するパーツは全て今回の応用によって作っていきます。 もしかしたら、今回の講座を受講しただけで残りの素材全てを完成させてしまう人もいるかも知れません (もちろん、それはそれで一向に構いません)。 次回以降は、今回制作した「閉鎖空間」素材から出入りを行うための手段をもった素材の制作に入りたいと思います。 どうぞ今後も引き続きお付き合い願います。 それでは。 |
この講座の内容に不備や不明な点がある、ソフトウェアに関する質問がある、 あるいはWindows環境以外での制作に関する情報などがありましたら 遠慮なく本館(Silver Square)の掲示板かメールにてどうぞ。 |
Q研トップページへ >> ■ Silver Square >> ■ メール >> ■ |