NOBUのNTOMO日記

ntomoをさらに楽しむ為の情報発信ブログ    (仮想空間&ガーデニングゲーム等の情報なども)

PREV | PAGE-SELECT | NEXT

≫ EDIT

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

| スポンサー広告 | comments(-) | trackbacks(-) | TOP↑

≫ EDIT

VOO-DOO-DOLLS オリジナルのntomoブログパーツを作っちゃおう!

VOO-DOO-DOLLS オリジナルのキャラクターブログパーツを作っちゃおう!

エヌトモのブログパーツを作ってみたいなーと思っていて
それができそうなサイトをみつけたので紹介します。
サイドバーに貼ってあるものが作成したものです。

参考サイト(素材・専用ソフトの説明があります。)
VOO-DOO-DOLLS オリジナルのキャラクターブログパーツを作っちゃおう!
ささきち流 Suzuka & ParaDraw 講座-VOO-DOO-DOLLS


【必要なもの】
① 画像編集ソフト(透過画像作成対応等) 
透過PNGや透過GIFを作成できるソフト(例 azpainter2)やParaDrawで作成したものでもOK。
Paradrawでは画像挿入ではなく、一から自作になりますが。
adobe flashを持っている方はそれを使っても可。

② フラッシュ作成ソフト
adobe flashだといろいろできて、上の画像編集も可能ですが高いので
持っていない人は、フリーソフトのSuzuka等でもOK。

③ VOO-DOO-DOLLS Editor


手順としては、
画像(頭・胴体・右腕・左腕・右足・左足)をつくる。

透過gif、透過png、PDR(ParaDrawというソフトで作成したもの)等、
直接フラッシュで作ってもかまいません。

ノブが使用した透過画像作成対応画像編集フリーソフト
【azpainter2ダウンロードサイト】

消しゴム等で、周りの背景を消していきます。おんなじ色に売塗りつぶしてもOKです。
その後、透過処理を行います。



②それをSuzuka等でswfに変換。 
【フラッシュ作成フリーソフト『suzuka』ダウンロードサイト】

「ファイル」⇒「プロジェクトのプロパティ」で
幅を410、高さを300、SWFバージョンをSWF8に設定。
2009y09m26d_105903773.jpg

この部分の説明は少し複雑なのでささきちさんのサイトの詳しく解説されたページをご参照ください。

自分でも後ほど解説できそうだったら、記事に追加するかもです。



③VOO-DOO-DOLLS Editorを起動して動きをつける。
VOO-DOO-DOLLS Editorをダウンロードし、
(Visual Basic 6.0のランタイム及びIE用のFlash Playerが必要です)
Vistaは対応OSに記載されてないが使えました。

[ファイル]→[開く] で,上で作成しておいた「doll.swf」を開きます
「基点パーツ選択」で基点となるパーツを選択。(紐がつながる所)

「同期」にチェックをし、プレビューを見ながら、希望の動作になるよう設定していく。
2009y09m26d_103809427.jpg

作成し終えたら、
[ファイル]→[名前を付けて保存]で、「setting.xml」というXMLファイルを「doll.swf」と同じフォルダに保存します。

VOO-DOO-DOLLSチュートリアル①から「blogparts.zip」をダウンロード。

「blogparts」フォルダ内の「doll」フォルダ内にある,「doll.fla」と「doll.swf」と「setting.xml」を削除し、
上で作った 「doll.swf」 と 「setting.xml」 をそこにコピーします。

④ファイルのアップロード

ブログパーツをホームページスペース等にアップロード。
その際、下のようにフォルダーの中身を配置。
2009y09m26d_101422768.jpg

⑤ブログパーツ貼り付け用コードの作成
VOO-DOO-DOLLSチュートリアル④にある貼り付け用コード作成ツールで作成。


追記)ちなみにいくつか こちらの記事で公開しております。よろしければご覧ください。

(C)製作に使用したエヌトモの画像の著作権等は、
NTOMO Corporation 及び Tri-d Communications co., Ltd. に 属します。

| 趣味で作ったntomoアイテム | comments:4 | trackbacks:0 | TOP↑

COMMENT

おーーーΣ(゚0゚; ゆらゆら動いてる!!!
すごく良い感じに作れてますね!!
参考サイト、すごくわかりやすいです。
応用して、何か作ってみたいな~♪

| はんぺん。 | 2009/09/26 13:58 | URL | ≫ EDIT

Re: タイトルなし

> はんぺんさん
コメント書いてくれてありがとう^^
ペッタンのところ、持つと、ビヨンビヨン動くんだよ^^

これをはじめとして、色々作っていこうと思ってます。
はんぺんさん画像処理うまいから、すごい面白いものができそうな気がするw

どんなものができるのか、楽しみ。

| NOBU | 2009/09/27 09:30 | URL |

へへw
ぺんちゃんにつられてコメw
ビヨンビヨン・ペッタンペッタンして遊びました(。・ω・)ノ゙

犬でもすこ~し遊びました^^

| ゆきのこやまと | 2009/09/29 12:54 | URL |

揺れ方リアルでおもしろぃi-239
ぜひ今度は、いろんな顔のバージョンでww
吸盤吹っ飛ばしたら・・飛んでったょ;;i-282

| かりな | 2009/10/06 10:31 | URL |















非公開コメント

TRACKBACK URL

http://ntomo.blog40.fc2.com/tb.php/137-fbbe4c13

TRACKBACK

PREV | PAGE-SELECT | NEXT

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。