2007/01/29(月) [n年前の日記]
#1 [nitijyou] cssを調整中
トップページ以外もあらかたcssを作成した。htmlソースはかなりスッキリした。はず。
問題は、ページ上部の画像のデザイン。と、あるページ中で使われている会社ロゴのアニメGIF。ロゴデザインが変わったので、新しくアニメGIFを作成する必要が。
問題は、ページ上部の画像のデザイン。と、あるページ中で使われている会社ロゴのアニメGIF。ロゴデザインが変わったので、新しくアニメGIFを作成する必要が。
[ ツッコむ ]
#2 [cg_tools] Shadeでアニメ作成
ロゴマークがクルクル回るアニメGIFを作りたい。3DCGで立方体を作成して回してみようかと。そういえば、先日購入した Shade 8.5 はアニメーション映像を作れるようになってた記憶が。それで作ってみるかな。
◎ 立方体を作成する段階でハマる。 :
立方体自体は、長方形の掃引体で作成できる。が、各面にビットマップ画像のテクスチャを貼るのが面倒。掃引体では、元になった長方形の面にしかテクスチャが貼れない。自由曲面に変形してみたが、テクスチャが形状全体に引き伸ばされたような形になってしまった。
各面に、テクスチャを貼るための形状を別途作成。別途作成した長方形の掃引体が各面に重なるようにして。テクスチャは、本体形状に貼るのではなく、テクスチャ貼り用の掃引体に貼る。さらに、形状の名前の頭に、「=」をつける。これで、重なった部分に、テクスチャを反映させてくれる。そのままだと、床等、その他の形状にも反映されてしまうので、「&」もつけて、同一階層の形状にのみテクスチャが反映されるようにする。
各面に、テクスチャを貼るための形状を別途作成。別途作成した長方形の掃引体が各面に重なるようにして。テクスチャは、本体形状に貼るのではなく、テクスチャ貼り用の掃引体に貼る。さらに、形状の名前の頭に、「=」をつける。これで、重なった部分に、テクスチャを反映させてくれる。そのままだと、床等、その他の形状にも反映されてしまうので、「&」もつけて、同一階層の形状にのみテクスチャが反映されるようにする。
◎ モーションをつけてみた。 :
blender と違って、位置、角度、拡大縮小を個別にキーフレーム上に設定できないのだな。Shade でキーフレームを作成すると、弄りたかったモノ以外・他のモーション用パラメータ ―― 回転とか直線移動とか、それぞれにもキーフレームが作成されてしまう。それぞれを調整していくのがちと面倒。
それはともかく、モーションができた。直線移動で上下にふわふわ動きながら、立方体が回転する。連番pngで出力して、OPTPiX で縮小・減色等をして、連番gifに。Giam で連番gifを読み込んで、アニメGIF化。…結構それっぽくなった。
それはともかく、モーションができた。直線移動で上下にふわふわ動きながら、立方体が回転する。連番pngで出力して、OPTPiX で縮小・減色等をして、連番gifに。Giam で連番gifを読み込んで、アニメGIF化。…結構それっぽくなった。
[ ツッコむ ]
以上、1 日分です。