ドット絵で遊んでみた話【月刊ぺとlog】

月刊ぺとlog202603のアイキャッチ

こんにちは、家飾ぺとです。
ようやく暖かい機構になってきて嬉しい今日このごろです。

そろそろスギ花粉も落ち着いてきたかな?と思ってお散歩をし始めましたが、ちゃんとくしゃみが出ました。
もしかしたらヒノキもダメなのかも…。絶望です。
皆さまも、お体ご自愛くださいね。

数年前から花粉症の症状が出るようになりました…つら〜い!

最近、「HEISEI-VHS」という無料ツールが公開されました。

実はリリース時からずっと気になっておりました!
なかなか試す時間がなかったため、この機会に遊んでみたいと思います。

目次

ドット絵コンバーターで遊んでみる

ドット絵コンバーターというのは、イラストや写真をドット絵に変換してくれるツールのことです。
「HEISEI-VHS」もその仲間に分類されるかと思います。

そして、今回試してみるイラストはこちら。

ドット絵用のイラスト

明暗が強い絵を用意してみました。
どんな感じになるのか楽しみです。

ドット絵コンバーターについて調べていると、直近で公開されているものが他にもいくつかありました。
せっかくなので以下の3つで試してみたいと思います。

ドット絵コンバーター
  • HEISEI-VHS
  • ピクセルコンバーター
  • GB Dot Converter

リンクも載せておくので、気になる方はぜひ〜!

HEISEI-VHS

HEISEI-VHS
HEISEI-VHS / デフォルト

す、すごい…!!
大きな変化は色と色の間に縁が追加されているところと彩度がグッと低くなっているところでしょうか。
一気にレトロ感が増してとても可愛いです。
下部分の画像が潰れているような表現も、ブラウン管のテレビを思い出して懐かしい気持ちになりました。

HEISEI-VHSの調整画面

加工の度合いは画面左上の三本線メニューから調整することができます。
画面内の画像はマウスで縮小や移動ができるので、調整結果を見ながらパラメーターをイジれるのがいいですね。

マウス操作
マウスホイール 拡大縮小
マウスでドラッグ 画像の移動

にカーソルを合わせると、どういうパラメーターなのか見れますよ!

HEISEI-VHS(調整MAX)

試しに全てのパラメーターをMAXにしてみました。悪夢に出てきそう。
どうやら「メカニカルエラー」の項目が画像の歪みに大きく反映されるようです。
この項目は少しだけ調整を加えるのがよさそうですね。

HEISEI-VHS(磁気の限界を調整)

次はデフォルト+「磁気の限界」項目の輝度帯域 (ピンボケ)以外をMAX数値にしてみました。
ザラザラな質感が強くて、これはこれで結構好きです。
ピンボケの値もMAXにするとボヤっと具合が無くなりシャープな見た目になります。

HEISEI-VHS(捜査線追加)

最後にデフォルト+「スキャンライン(走査線)」をONにしてみたものです。
ラインが追加され、よりブラウン管テレビの雰囲気が増しましたね。
テレビデザインの枠にはめ込むだけでレトロ感のある画像を作れそうです。


HEISEI-VHSの詳細
作者 ひやめしさん
リンク https://hiyameshi-retro-pack.web.app/apps/Heisei-VHS/
商用利用

生成した画像の取り扱いについては画面内のをご覧ください!

NeSprite

ちなみに、ひやめしさんの他作品で「NeSprite」というドット絵変換ツールもあります。

NeSprite
NeSprite / デフォルト

こちらはドット感が強めのコンバーターですね。
画像下のパレットからお好みの色に変えることができます。
シンプルなツールなので、サクッと変換したい方にオススメです。

あわせて読みたい
NeSprite Web - リアルタイムドット絵変換 最強のドット変換ソフト「NeSprite」をブラウザ上で体験

ピクセルコンバーター

ピクセルコンバーター
ピクセルコンバーター / デフォルト

か、かわいい〜!!
粗めのタッチで、ピクセル感が強く出ていてすごくいいですね。
ファミコンやスーファミのようなゲームに出てきそうな雰囲気になりました。

ピクセルコンバーターの調整画面

こちらのツール、サイト自体がすでに素晴らしくてページ全体がパソコンのようなデザインになっています。
パラメーターはクリックひとつでエフェクトや色味を変更することが出来る仕様です。直感的に操作ができるのがとてもいい。
右下にいるソラちゃんもたまに声をかけてくれて可愛いです。

サイズ
ピクセルコンバーター(サイズ変更)

ピクセルサイズを変更してみました。
ピクセル数が大きいほど粗いタッチになります。
文字を潰したくない場合は、2〜3ピクセルを選択すると良さそうです。

FX

こちらはエフェクト周りのパラメーターです。
なんと、静止画だけでなく一部の機能は動画として保存することができます!
エフェクトは重ね掛けできるようになっていて、幅広く楽しめそうですね。

パレット
ピクセルコンバーター(パレット変更)①
ピクセルコンバーター(パレット変更)②

パレットは全部で18種類。
クリックするだけでイラストの雰囲気を変えることができます。
個人的にはNESやホラーの色味が好きです。

画像の修正・加筆をしたい場合は、プレビュー画面の「編集」から変更できます。

ピクセルコンバーター(カラー変更)①

編集を開くと、デフォルトで用意されているカラーが下部分に表示されています。
好きな色を選択してクリックすれば描写ができます。

ピクセルコンバーター(カラー変更)②

左上のメニューから消しゴムや塗りつぶしも選べるよ!

ダイアログ
ピクセルコンバーター(ダイアログ)

ピクセルコンバーターではダイアログを追加することもできます。
画像は戦闘画面のようなイメージで作ってみました。楽しい。
ダイアログは全部で5種類用意されていますので、ぜひ遊んでみてほしいです。


ピクセルコンバーターの詳細
作者 Ameniwaさん
リンク https://pixel-converter.ameniwa.com/
商用利用

こちらも生成した画像は商用可能となっています。
利用規約については画面左上の「README」をダブルクリックすると確認できます。

GB Dot Converter

GB Dot Converter
GB Dot Converter / デフォルト

一気にゲームのようなタッチに変換されました!
こちらは元々「GB Studio」というレトロゲーム制作ソフト用に作られたもののようで、デフォルトで出力する際はゲームボーイ実機に合わせたサイズに調整されます。
画質はピクセルコンバーターの5ピクセルと近いかもしれません。

GB Dot Converterの調整画面

パラメーターはスライダーで調整できるようになっています。
前述通りゲーム制作ソフトのために作られたものなので、GB Studio用の書き出しもできます。

SNS用に2〜8倍のサイズで出力することもできますよ!

GB Dot Converter(写真向け事前補正変更)

試しに「写真向け事前補正」の項目を触ってみました。
ぼかしを0、それ以外をMAXの値にしています。
白飛びして輪郭だけ抽出された状態になりました。変身しそう。

GB Dot Converter(減色 / ディザ変更)

こちらは「減色 / ディザ」のディザ強度をMAXにしてみたものです。
加工の仕方はBayer4×4Floyd-Steinbergの2種類がありました。
どちらもノイズを加える機能で、よりレトロっぽさが出て可愛いですね。
今の状態だとエフェクトが強すぎる気がするので、50くらいがちょうど良さそうです。


ピクセルコンバーターの詳細
作者 ディープブリザードさん
リンク https://deepblizzard.itch.io/gb-dot-converter
商用利用 不明

ツールの説明はパラメーター画面の下に書いてあります。
商用利用の可否については特に記載がありませんでした。

ドットスタイルのフリーフォント

おすすめのフリードットフォント

ドット関連ということで、ドット調のおすすめフリーフォントも合わせてご紹介します。
漢字が使えるものもありますので、ぜひお試しください!

ドットスタイルのフリーフォント
  • ベストテンFONT
  • マルミーニャ
  • 魔導太丸フォント
  • ゆるもじ
  • でんきチップ

画像はピクセルコンバーターで作ったものを流用してます!

ベストテンFONT

ベストテンFONT(CRT)

バランスの良いドットフォントです。
「ベストテンCRT」と「ベストテンDOT」の2種類がパッケージされています。
ベストテンDOTはそのままベタ打ちしたドットフォントで、ベストテンCRTはより視認性が良くなるよう調整されたものになります。

ベストテンFONT(DOT)
ベストテンDOT
ベストテンFONTの詳細
作者 フロップデザインさん
リンク https://booth.pm/ja/items/2747965
収録文字 ひらがな、カタカナ、英数字、漢字
商用利用

マルミーニャ

マルミーニャ

丸みがある可愛らしいフォントです。
細めな作りになっているので、女性的な雰囲気があります。

マルミーニャの詳細
作者 患者長ひっくさん
リンク https://booth.pm/ja/items/4927023
収録文字 ひらがな、カタカナ、英数字、漢字
商用利用

魔導太丸フォント

魔導太丸フォント

太めのドットフォントです。
魔導物語やぷよぷよで使われていた文字をイメージして作られたフォントらしく、かなりゲーム感のあるフォントになっています。

魔導太丸フォントの詳細
作者 olskoo-teiさん
リンク https://olskoo-tei.booth.pm/items/2993682
収録文字 ひらがな、カタカナ、英数字、漢字
商用利用

ゆるもじ

ゆるもじ

コロンとした手書き感のある小さめのドットフォントです。
漢字は小学1〜4年生までのものが収録されています。

ゆるもじの詳細
作者 satsuyakoさん
リンク https://www.asterism-m.com/font/bmp-2byte/
収録文字 ひらがな、カタカナ、英数字、漢字
商用利用

でんきチップ

でんきチップ

太くてしっかりとした存在感のあるドットフォントです。
こちらも小学1〜4年生までの漢字が収録されています。

でんきチップの詳細
作者 患者長ひっくさん
リンク https://hicchicc.github.io/00ff/
収録文字 ひらがな、カタカナ、英数字、漢字
商用利用

ドット絵以外のこと

その他3月のログです。

3月にお迎えしたグッズ

かねこ鮭さんのグッズ

かねこ鮭さんのアクリルキーホルダーとシールをお迎えしました。

右の2個セットになったアクキーは見たときから欲しい…!となっていたので、通販で手に入れることができてとても嬉しいです。
台紙がと〜〜ってもオシャレ!スミタンが可愛くて大好きです

左のアクキーはレコードのイメージで作られたものです。
アクリル系のグッズは結構作ってきましたが、この発想はなかったので目からウロコでした…!
今回のヌコくんも可愛くて癒されます。

通販はもう終わってしまいましたが、定期的にXの方でグッズ販売の告知をされています。
ご興味のある方はぜひ!

まとめ

今回はドット絵やフォントのことについてまとめてみました。
レトロなものが好きなので、こういうものを見るとついついテンションが上がってしまいますね。
自分で作れないものを無料で提供してもらえるのは 本当にありがたいことだな…と感謝でいっぱいです。

また面白そうなツールなどを見つけたら試してみたいと思います。

ここまでお読みくださりありがとうございました!

送信中です

×

※コメントは最大500文字、5回まで送信できます

送信中です送信しました!

Skeb用バナー
メール用バナー
※メールが立ち上がらない場合は
【petoyashiki@gmail.com】までお送りください。
click to share!
  • URLをコピーしました!
  • URLをコピーしました!

𝗪𝗿𝗶𝘁𝗲𝗿

家飾ぺとのアバター 家飾ぺと イラストレーター

秋生まれ 福岡県在住
犬と食べ物とおばけな生き物が好き。
キャラクターデザインやミニアニメを描いてます。

▼ご相談・ご依頼
https://petoyashiki.com/commission/

目次