レトロRPG制作プロジェクト:Kスマートフォン専用ページを表示レトロRPG制作プロジェクト:Kファミコンライクな長編RPGをつくるプロジェクト。>>2019年02月10日ドット絵にブラウン管テレビのような効果をほどこす以前、ファミコン版ウィザードリィのモンスターは、ブラウン管テレビだといい感じに不鮮明になって、生々しくて怖い、という話題を見かけました。たしかにリアル系のドット絵の場合は、そういう光のにじみみたいなのがいい味になってますね〜。それで、Photoshopでドット絵のモンスターにそういう効果をほどこしてみたいと思い、いろいろ試行錯誤しつつ形にしました。使った画像はこちら半裸のおじさんが手をかざしてる絵です。最終的にこうなりました。〜〜以下、メイキングです。〜〜元画像はピクセル等倍で幅32:高さ80pixelですが、ぎりぎり端っこまで描いてあるので、後述するぼかし作業のときに、端だけぼけずにスパッと切れてしまうので、最低でも上下1pixelずつ増やして余白を作っておきます。解像度を縦横500%にして「ニアレストネイバー法」で拡大。詳しい比率はよくわからないんですけど、ブラウン管テレビに映し出されるドット絵は少し横長になるみたいで、便宜的に10:11にしておきました。画像解像度で、縦横比を固定のチェックを外し、幅110%高さ100%にします。■■ぼかしをかける■■ガウスぼかしを1.2pixelかけます。■■各チャンネル画像をずらす■■チャンネルパレットで、レッドだけを選んだ状態で画像を全選択します。移動ツールで縦横1pixelずらします。同じように今度はグリーンを選択し、レッドとは反対方向に1pixelずらします。これでRGBの各チャンネルが微妙にずれて光のにじんだような感じになりました。背景を黒にすると、画像と背景の境界がはっきりわかってなんか浮いた感じに...。このレイヤーをコピーします。■■マスク作成■■コピーしたレイヤーは一旦非表示にして、コピー元のほうに背景となじませるためのマスクを作成します。レイヤーのサムネイルをCtrlを押しながらクリックして選択範囲を表示させたあと、境界線を調整します。これに関してはけっこう適当。エッジを馴染ませたいので、適当にパラメータをいじってます。ポイントは「エッジをシフト」をマイナスにすることでしょうか。画像回りが痩せた感じになるので、背景となじみやすくなるような気がします。境界線を調整したらマスクボタンを押してマスクを作成。さっきよりましになりました。今度はコピーした方のRGBチャンネルのそれぞれに「フィルター」→「スケッチ」→「ハーフトーンパターン」をかけます。パラメータはこんな感じ。■■仕上げ■■このレイヤーの合成モードを「オーバーレイ」にして、コピー元のレイヤーにクリッピングします。不透明度を調整して完成です!こうなりました。5pixelになってます。ドラクエのようなファミコンのRPGのように、マップの1マスを16x16pixelとした場合、RPGツクール2000とウディタ(320x240)だと、元の大きさに、RPGツクールXP〜VXaceとウディタ(340x480)は元の2倍に、RPGツクールMVは元の3倍にする必要があります。実際縮小してみたんだけど、元の大きさだと(うすうす予想してたけど)再びドットが目立ってにじんだ感じが消えました。2倍と3倍は、けっこういいかんじに...。背景の黒レイヤーを消してファイルを書き出せば、素材として使えます。RPGツクールMVで読み込んでみました。ブラウン管テレビ効果はモンスターだけにしかかかってないので浮いてますが...。キャプチャしたものにこのやり方でエフェクトをほどこしてみました。結局マップチップなどにはこの技は使えないと思うので、(どうしてもチップ同士の境界線がくっきりしてしまう)ネタとしてやってみました。2.0Seesaaブログ×この広告は180日以上新しい記事の投稿がないブログに表示されております。