トップページ - 銀のすずらん *なばため町★回覧板 出張版*
Welcome to my blog

ゲーム制作サイト*銀のすずらん*管理人&案内人の日記。

【ウディタ講座】ドット絵マップチップを綺麗に拡大する方法。【32px⇒40px】

0 Comments
こんばんは、氷瀬るんです。

【ウディタ講座2回目】の今回は、
【ドット絵マップチップを綺麗に拡大する方法】
についてお話します。



最近は高解像度のRPGゲームが増えて、【40×40px】以上の
大きなサイズのマップチップを扱うことが増えますよね。

でもそこで問題が。


……そう、昔からある【16×16px】、【32×32px】のマップチップはたくさん見つかるけれど、

【40×40px】以上のマップチップは
探しても探しても見つからない……!!



無理やりイラストソフトで拡大したり、シャープをかけてみても、
輪郭がぼやけてしまってドット絵ではなくなってしまう。

そうさ、こんな風に………↓

【ドット絵マップチップを綺麗に拡大する方法】1

 ※マップチップ素材をお借りしました。 ⇒マップチップ素材:ぴぽや 様


これは、【16×16px】のマップチップを一般的な【バイリニア法】
【40×40px】に拡大した画像です。

謎の線が入って、輪郭がぼやぼやに………なんとも無惨。
かと言って、修正するのも一から自分で作るのも手間と時間がかかるし、どうにかならないか………


もちろん、一から作り直すのが一番綺麗ですが、
今回はイラストソフトの機能を使用して、ワンタッチでかんたんキレイ!!
【ニアレストネイバー法】で拡大してみたいと思います。



*★*――――*★**★*――――*★**★*――――*★* *★*――――*★**★*――――*★*

≪ ~作業の流れ~ ≫

 1. イラストソフトを起動
 2. 【ニアレストネイバー法】で拡大する
 3. 完成!

*★*――――*★**★*――――*★**★*――――*★* *★*――――*★**★*――――*★*



*★*――――*★**★*――――*★**★*――――*★* *★*――――*★**★*――――*★*
≪1. イラストソフトを起動≫
*★*――――*★**★*――――*★**★*――――*★* *★*――――*★**★*――――*★*


 まず、工程2で 【ニアレストネイバー法で拡大する】機能を
 使用するため、この機能がついているイラストソフトが必要
です。

 例) Photoshop、CLIP STUDIO PAINT

 今回は【CLIP STUDIO PAINT】というイラストソフトで作成していきます。


*★*――――*★**★*――――*★**★*――――*★* *★*――――*★**★*――――*★*
≪2. 【ニアレストネイバー法】で拡大する≫
*★*――――*★**★*――――*★**★*――――*★* *★*――――*★**★*――――*★*


①イラストソフトにマップチップを読み込みます。

②画像を拡大します。

 普段はデフォルトの【バイキュービック法】などで拡大・縮小をしている方が多いと思うので、
 設定を【ニアレストネイバー法】に変更します。


【32×32px】のマップチップを【40×40px】に拡大するため、
【1.25倍】の拡大をかけます。【16×16px】の場合は【2.5倍】

 ★【Photoshop】
 【イメージ】⇒ 【サイズ変更】⇒ 【画像解像度】⇒ 一番下のプルダウンメニューで【ニアレストネイバー法】を選択

【ドット絵マップチップを綺麗に拡大する方法】4

 ★【CLIP STUDIO PAINT】
 【編集】⇒ 【画像解像度を変更】⇒ 補間方法のプルダウンメニューで【ハードな輪郭(ニアレストネイバー法)】を選択

【ドット絵マップチップを綺麗に拡大する方法】3


 今回は例として、【32×32px】の麗ちゃんのドット絵アイコンと、【16×16px】のマップチップを用意しました。

【ドット絵マップチップを綺麗に拡大する方法】2


 さぁ、どうですか?

 【ニアレストネイバー法】で拡大した時だけ、輪郭がにじんでいませんし、
 謎の線も入ってないですし、ドットが潰れずにきれいに仕上がったのではないかと思います。

 ※ただし、ニアレストネイバー法は非整数倍ですと激しく劣化することもあるようなので、
  状況に応じて使い分けてください。



*★*――――*★**★*――――*★**★*――――*★* *★*――――*★**★*――――*★*
≪3. 完成!≫
*★*――――*★**★*――――*★**★*――――*★* *★*――――*★**★*――――*★*


ドットを打ち直すのが一番綺麗に仕上がりますが、
量が多い時には頼ってみるのもいいと思います。

ではまた、気が向いた時に。



氷瀬 るん 拝

光陰矢の如し…!!

0 Comments
こんばんは、氷瀬るんです。
いろいろありましたが新作乙女ゲームも8割方完成し、隙間の空き時間が生まれてきたぞ……!

ですが、ここからが一番大変なんですよ、8割を10割にすることが!!

デバッグ地獄ですからね。
まだ取り掛かっていないおまけシナリオもたくさんありますし………
シナリオは楽しいんですけど、苦手なシステムの段階になると結構厳しい。

おしゃれなUIにしたい!!
あ、しまった、まだOPムービーがまだ途中だ………
なんてこった………まだ7割か………



……ただひとつ心配なのは、今作があまりにエロスが行き過ぎて
R-15からはみ出ちゃうんじゃないかと、そればっかり心配で。

星影のダイヤモンドはほぼ全年齢だったのですが、
(ほぼほぼ永遠さんのせいでR-15になった)
今作はがっつりR-15なので。

今回はiPad Pro で立ち絵描いたので、前作より相当綺麗になっているはず。



今作では主人公の名前変更機能を導入しないつもりなのですが、どうなんでしょうね。

いろいろと調べてみたら、どうやら自分の名前を入力しない派の人が多いようで。
私も自分の作品では入力しないですね………でもたまには入力したいし、
でもそうするとまたかなりの修正が入るし………うーん、もう少し悩みます。



それから、各所のプロフィールいろいろと修正しておきました。

私のプロフィールに需要があるのか?と疑問だったのでサイト創設当初のままにしていましたが、
あまりに分かりづらかったので時間がある時に直していきます。

ソラヨイの紹介ページもひどすぎるので、直したいんですが……
あれはあれでいいかな、もう8年もあのままだし……笑


………えっ、もしかして来月8周年?
え?この前イラスト描いて7周年お祝いしたばっかりなのに?
えっ、一年が早すぎてついていけない、今年は忙しいからお祝い無理だ、
ごめんまよいちゃん心の中で祝うよ……!!


では、また。



氷瀬 るん 拝

【ウディタ講座】ウディタ用オートタイルの作り方。

0 Comments
こんにちは、氷瀬るんです!
ウディタ歴8年目突入の私ですが、まだまだ勉強することばかりです。

初心者の頃はわからないことばかりで、一人でうんうんと悩むことが多かったです。
(最初の3か月が一番つらいんです、何度PCの画面をたたき割ろうとしたことか……笑)

備忘録として、ここにウディタでのゲーム制作のコツをお話しできたらなと思います。


記念すべき【ウディタ講座・第1回目】の今回は、WOLF RPGエディターこと、
ウディタ用のオートタイルの作り方
についてお話します。


オートタイルというのは、ドット絵RPGゲームで使用するこういうのです。
適当にタイルを置いただけで、境界線が自動で補完されて綺麗に描画されます。
だいぶ昔に作った自作の血だまりオートタイルですが……

血だまりオートタイル

【銀のすずらんHP・自作素材ページ】へ飛ぶ?


一応、公式サイトのページにオートタイルの構造について
説明があるのですが、ちょっと初心者には理解不能ですよね……
私も正直、未だによく分かっていません(笑)

 ⇒WOLF RPGエディター公式サイト:【マップチップ素材はどういう風に作ればいいの?】


それもそのはず、実は、いきなりウディタ用のオートタイルを
作ろうとしても無理
なんです。

血だまりオートタイル

↑いきなりこの形態を作ろうとしても厳しい。
構造を理解して相当作り慣れた人ならイケるかもしれませんが、初心者はまず無理です。


ですので、まずは構造の分かりやすい
ツクール規格のオートタイルを作成
します。
ツクールでもゲームを作っている人には、一石二鳥ですね!


*★*――――*★**★*――――*★**★*――――*★* *★*――――*★**★*――――*★*

≪ ~作業の流れ~ ≫

 1. ツクール規格のオートタイルを作成
 2. 【tkool2WOLF+】でウディタ規格に変換
 3. 完成!

*★*――――*★**★*――――*★**★*――――*★* *★*――――*★**★*――――*★*



*★*――――*★**★*――――*★**★*――――*★* *★*――――*★**★*――――*★*
≪1. ツクール規格のオートタイルを作成≫
*★*――――*★**★*――――*★**★*――――*★* *★*――――*★**★*――――*★*


今回は【CLIP STUDIO PAINT】というイラストソフトで作成していきます。


①キャンバスサイズを【96×128px】にして新規作成します。

【ウディタ用オートタイルの作り方】1

  今回はタイルサイズ【32×32px】のオートタイルを作りますので、
  グリッドを32pxに設定します。(わかりやすく青色でガイドラインを引きました)

  【表示】⇒【グリッド・ルーラーの設定】⇒【OK】


②ガイドラインに沿って絵を描いていきます。

【ウディタ用オートタイルの作り方】2

 ※右中央・左中央・上中央・下中央は繰り返して描画されますので、
 最初と最後の連結部分が繋がるように描くようにします。


③図のように右上の16×16pxのマスに当てはめます。
 ここは【直角の内側】として使用します。

【ウディタ用オートタイルの作り方】3

 赤い丸は、【オートタイルを一つしか表示しない場合】、 【四隅の角を補填する時】に使います。
 ガイドラインに沿って、幅を16pxにして描くと綺麗に繋がります。

【ウディタ用オートタイルの作り方】4

【ウディタ用オートタイルの作り方】7

 これでツクール規格のオートタイルは完成です。



*★*――――*★**★*――――*★**★*――――*★* *★*――――*★**★*――――*★*
≪2. 【tkool2WOLF+】でウディタ規格に変換≫
*★*――――*★**★*――――*★**★*――――*★* *★*――――*★**★*――――*★*


①【tkool2WOLF+】というPC用フリーソフトで、画像をウディタ規格に変換します。

【tkool2WOLF+】とは、公式サイトからダウンロードできる、
RPGツクール規格のマップ・キャラチップを
WOLF RPGエディター用に変換するツール
です。

 ⇒WOLF RPGエディター公式サイト:【tkool2WOLF+について】


②上記の公式サイトから【tkool2WOLF+】をダウンロードして起動し、
オートタイルの画像をドラッグ&ドロップします。

【ウディタ用オートタイルの作り方】5

すると、自動でオートタイルと判別されますので、【開始】を押します。

【ウディタ用オートタイルの作り方】6

画像と同じフォルダにウディタ規格のオートタイルが生成されますので、
ウディタの画面で実際に動作を確認して、加筆修正しながら微調整してみてください。


*★*――――*★**★*――――*★**★*――――*★* *★*――――*★**★*――――*★*
≪3. 完成!≫
*★*――――*★**★*――――*★**★*――――*★* *★*――――*★**★*――――*★*


赤い丸は中央で1/4に分割されて四隅にくっつきます。
オートタイル作りは難しいですが、自作したくなった時にまたチャレンジしてみようかと思います。



氷瀬 るん 拝

【ソラヨイ -彷徨に消えたわすれもの- Ver1.06】アップデート

こんにちは、黒川です。
皆様、体調を崩されてはいませんか?

私に出来ることと言えば家でゲーム制作に打ち込むことぐらいですので、
今まで通り、作品づくりに魂を込めて制作過程も楽しんでいけたらと思います。

さて、お知らせです!
本日、フリーゲーム作品【ソラヨイ -彷徨に消えたわすれもの-】
【ver1.06】
にアップデートいたしました。

★【ソラヨイ -彷徨に消えたわすれもの- ver1.06】
ソラヨイ -彷徨に消えたわすれもの-


⇒★【ふりーむ!】でダウンロード
⇒★【Vector】でダウンロード※最新バージョンに差し替えられるまであと一週間ほどかかります

≪【ソラヨイ -彷徨に消えたわすれもの- ver1.06】
 アップデート修正点≫


☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆ ☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆

●操作性の向上、バグ修正
〇ボスに見つかった後ゲームが停止するバグ
●クガ☆ヨイ 花を調べると間違った顔グラが表示される

※今回、追加要素はありません。

☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆ ☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆

では、手洗いとうがいを忘れずに、これからも頑張ります。


黒川 菫 拝

3/10夢継くん&巡くんお誕生日おめでとう!!

0 Comments
・‥…━━━☆・‥…━━━☆・‥…━━━☆・‥…━━━☆・‥…━━━☆・‥…━━━☆
★豆柴みたいにコロコロしててすっごく可愛かったあの頃。
・‥…━━━☆・‥…━━━☆・‥…━━━☆・‥…━━━☆・‥…━━━☆・‥…━━━☆

豆柴みたいにコロコロしててすっごく可愛かったあの頃


・‥…━━━☆・‥…━━━☆・‥…━━━☆・‥…━━━☆・‥…━━━☆・‥…━━━☆


むつき:うぃーん、がしゃ、がしゃん。

しゅん:またロボットかよ。それすきだな。

むつき:しゅんだって、ドーナッツばっか食ってるじゃんか!
    オレ、おとなになったら、もっとすごいロボットつくるんだからな!


しゅん:へぇ?
    ドーナッツつくれるのか?


むつき:え?
    ……つ、つくれるだろ。




むつき:なぁ、オレたち、きょうがたんじょうびだし、
    プレゼント、つくろうぜ!


しゅん:プレゼント?

むつき:そうだ!
    きれいなひもかってきて、りすとばんどにしようぜ!


しゅん:リストバンド?
    ………かっこいいな。


むつき:だろ?
    じゃあ、おこづかいでかいにいこうぜ!



・‥…━━━☆・‥…━━━☆・‥…━━━☆・‥…━━━☆・‥…━━━☆・‥…━━━☆



★夢継くん&巡くんお誕生日おめでとう!!★

タイトル:豆柴みたいにコロコロしててすっごく可愛かったあの頃。


二人の新ルートはお楽しみいただけましたか?
特に幼少期のセーラー服は可愛いです。

クリア特典のミニゲームにも幼少時代の二人が出て来ますので、
ぜひクリアしてみてください!!



氷瀬 るん 拝