English version →

うまくいかないときの解決集 — 症状別の原因と直し方

ドット絵づくりでつまずくポイントは、実はかなり決まっています。 「顔がつぶれる」「色が汚い」「打ち込みが終わらない」—— みんなのデザインスタジオを使っていて手が止まる瞬間の多くは、この記事で扱う14の症状のどれかに当てはまります。 そして、そのほとんどは腕前ではなく設定の順序と元画像の選び方で解決します。

このページは、症状から逆引きできる形でまとめました。 それぞれのケースで「なぜそうなるのか」という原因を先に説明してから、具体的な直し方を書いています。 原因が分かっていれば、次に似た症状が出たときに自分で判断できるようになるからです。 気になる見出しだけを拾い読みしても構いません。

1. 直す前に確認したい3つの順序

個別のケースに入る前に、全体に効く考え方をひとつだけ共有します。 仕上がりが気に入らないとき、多くの人はいきなり変換方式を切り替えたり、キャンバスの精度を上げ下げしたりします。 しかしこれは、原因が特定できないまま設定を触り続けることになりがちです。次の順序で疑ってください。

  1. 元画像を疑う。被写体は十分大きく写っているか、背景はごちゃごちゃしていないか、明るさは足りているか。ここが原因なら、どんな設定でも直りません。
  2. 切り抜きと精度を疑う。主役がキャンバスいっぱいに入っているか。ドット数が足りているか。
  3. 最後に変換方式・ノイズ除去・減色を調整する。この3つは仕上げの調整であって、根本的な失敗を取り返す道具ではありません。

この順序を守るだけで、「何を変えたらどう変わったのか分からない」という迷子状態をかなり防げます。 以下のケースでも、原因が上流(元画像や切り抜き)にあるのか、下流(変換設定)にあるのかを意識しながら読んでみてください。

2. 変換の見た目に関する問題

症状1: 変換したら顔がつぶれて誰か分からない

ドット絵のキャンバスは、写真に比べて桁違いに解像度が低い世界です。 人の顔は目・鼻・口という細かいパーツの位置関係で認識されるため、そのパーツに割ける ドット数が数マスしかないと、脳が「顔」として組み立てられなくなります。 元画像で顔が画面の1割程度しか占めていない場合、変換後には数マスまで縮んでしまいます。 直し方は2つ。まず切り抜きで顔を画面いっぱいまで大きくし、胴体や背景を思い切って捨てること。 それでも足りなければ精度(ドット数)の高いキャンバスを選び直します。 全身を入れたいのか、顔を似せたいのかは両立しません。どちらを優先するかを先に決めてください。

症状2: 全体の色がくすむ / 逆に色が飛んで白っぽくなる

変換はパレットの中から一番近い色を選ぶ処理なので、元画像の明るさの分布がそのまま結果に反映されます。 暗めの写真や曇り空の下で撮った写真は中間の暗い色に偏り、全体が沈んで見えます。 逆に、明るい画像に対して明るさを持ち上げる方式を重ねると、明部の階調が上限に張り付いて白飛びします。 くすむ場合は方式3(高コントラスト)を試すか、方式2で明るさとコントラストを底上げします。 それでも足りなければ元画像側を明るく補正して再アップロードするのが確実です。 逆に色が飛ぶ場合は方式1(標準)に戻すのが第一手です。方式2・方式3はもともと明るさや彩度を上げる処理なので、 明るい素材に使うと過剰になります。明るい素材ほど方式1が向いている、と覚えておくとほぼ外しません。

症状3: 背景と主役の境目がぼやける

主役と背景の色が近いと、変換後に両方が同じパレット色に割り当てられ、輪郭が消えます。 写真では目で見分けられていた「白い服と薄いグレーの壁」のような差も、色数を絞った瞬間に同一色として扱われるからです。 対処はまず変換時の背景除去を使って背景そのものを外すこと。これが一番きれいに効きます。 背景を残したい場合は、切り抜きの段階で主役と明度差のある背景(暗い壁、空など)が入る構図に変えるか、 方式3で彩度とコントラストを強調して差を作ります。 減色を強くかけすぎると境目がさらに溶けるので、境界が弱い画像では減色は控えめにしてください。

症状4: 細かい模様や文字が読めない

文字は線の太さが1ドットを下回った瞬間に消えるか、途切れた点の集まりになります。 チェック柄やレース、ロゴの細い文字などは、縮小された時点で情報が失われているため、 どの変換方式を選んでも復活しません。これは設定の問題ではなく物理的な限界です。 現実的な解決策は諦めて省くことです。細かい模様を消して単色にしたほうが、 読めない点々が散るよりずっときれいに見えます。 どうしても文字を入れたい場合は、変換後にデザイン編集モードのペンで、 太めの書体を意識して手で描き直すほうが確実です。1文字あたり最低5マス程度の高さを確保してください。

症状5: 変換結果がざらざら・ポツポツする

写真には目に見えないレベルの色の揺らぎ(ノイズ)が必ず含まれています。 通常のサイズで見ているときは気づきませんが、ドット絵に変換すると1マスごとに別の色が割り当てられ、 本来なめらかなはずの面に孤立した点が散らばります。 暗い場所で撮った写真や、SNSで圧縮された画像ほど顕著です。 対処はノイズ除去を「中」に上げること。まず中を試し、まだ点が残るなら「強」にします。 ただし強はディテールも一緒に潰すため、顔や細かい装飾がある作品では中で止めるのが無難です。 ノイズ除去だけで消えない孤立点は、減色のステップ2(似た色同士の統合)を強めると周囲の色に吸収されて目立たなくなります。

3. 色数と作業量の問題

症状6: 色数が多すぎて打ち込みが終わらない

ゲーム内での作業は、色を切り替えるたびに手間が発生します。 そのため作業時間は総マス数よりも色数に強く影響されます。 40色の設計図は、20色の設計図の倍どころではない体感の重さになります。 作業しやすい色数の目安は15〜25色です。ここを超えていたら減色を検討してください。 手順としては、まずステップ1(使用数の少ない色から削減)を先に強めにかけるのが効率的です。 数マスしか使われていない色は、消えても絵の印象をほとんど変えないのに、作業では1色ぶんの手間を丸ごと要求するからです。 それからステップ2(似た色同士の統合)で全体の色味を整えます。 この順序を逆にすると、統合した結果また細かい色が残って二度手間になりがちです。 仕上げに、どうしても残したい色や消したい色があれば「カスタム」で色をタップし、手動で最も近い色に統合します。

症状7: グラデーションが縞(バンディング)になる

空や肌のようになだらかな明暗の変化は、限られたパレットに割り当てられる過程で、 同じ色が続く帯といきなり切り替わる境界線に分解されます。これがバンディング(縞)です。 自然界に存在しない直線的な境界が見えるため、不自然さが目立ちます。 意外に思われますが、対処は減色のステップ2を強めて色数を減らすことです。 中途半端に階調が残っていると縞として認識されますが、思い切って2〜3段階まで減らすと、 脳がそれを「意図的な塗り分け」として受け取り、ドット絵らしい表現に見えます。 加えて、境界のマスを1マスおきに交互に置く(市松状にする)と、離れて見たときに中間色として溶けます。 これはデザイン編集モードのペンで手を入れると効果的です。

4. 画像の読み込み・操作・保存の問題

症状8: 透過PNGを入れたら背景が黒や白になる

ドット絵の1マスには必ず何らかの色が入ります。「透明」という状態をそのまま持ち込めないため、 透過部分は変換の過程で不透明な色に置き換わります。 その結果が黒や白として現れるわけです。バグではなく、透明情報が色に変換された結果だと考えてください。 対処は、変換時の背景除去を使って不要になった背景部分を外すこと。 あるいは、透過PNGを画像編集アプリであらかじめ好みの背景色(作品に使いたい色)の上に重ねて書き出し、 その画像をアップロードする方法も確実です。 デザイン編集モードの画像挿入で透過素材を重ねる場合も同じ性質があるので、 挿入後の見え方をプレビューで確認してから確定してください。

症状9: スマホで操作しづらい / 画像挿入のドラッグがうまくいかない

スマホでは、指がドットそのものを隠してしまうため「今どこを触っているか」が見えにくくなります。 また、画像挿入で位置を合わせようとしたときに、ページ全体のスクロールと画像のドラッグを ブラウザが取り違えてしまうことがあります。狙った場所に置けない原因の多くはこれです。 コツは、いきなり細かく合わせようとせず、まず大きく動かして大まかな位置を決めること。 そのうえで拡大率と回転を調整し、最後に微調整します。 指を置いてから一拍おいて動かすと、スクロールと誤認されにくくなります。 不透明度を一時的に下げると下の絵との位置関係が見えるので、重ね合わせの精度が上がります。 本格的な作り込みをする作品では、パソコンやタブレットの大きな画面を使うほうが結果的に早いです。

症状10: 作った作品が保存できない・消えた気がする

作品をアカウントに保存するにはログインが必要です。 ログインしていない状態で作業を進めると、保存操作が完了せず、 ページを離れた時点で内容が失われることがあります。 「消えた」と感じるケースで最も多いのは、そもそも保存前だった、あるいは別のアカウントでログインしていた、というものです。 まずログイン状態を確認してください。次に通信環境を確認し、 電波の弱い場所なら安定した回線に移動してから、ブラウザを更新して再度試します。 長時間の作業では、区切りごとにこまめに保存する習慣をつけると被害を最小限にできます。 それでも保存できない場合は、使っている端末とブラウザの種類を添えてお問い合わせフォームからご連絡ください。

症状11: 共有URLを開いても表示されない

共有URLは長い文字列になるため、SNSやメッセージアプリに貼る際に途中で改行が入ったり、 末尾が欠けたりして、正しく開けなくなることがあります。 URLの一部が切れていないか、余計な文字が混ざっていないかをまず確認してください。 リンクをコピーし直して、ブラウザのアドレス欄に直接貼り付けると原因の切り分けができます。 表示が真っ白になる場合は、通信環境を確認したうえでブラウザを更新(再読み込み)して再度試してください。 別の端末やブラウザでも開けないかを確認すると、端末側の問題かどうかが分かります。 それでも解決しない場合は、開けなかったURLを添えてお問い合わせフォームからご連絡ください。

症状12: ギャラリーに投稿したのに載らない

これは不具合ではありません。「みんなのギャラリー」の公開作品は 管理者の確認を経てから掲載される仕組みのため、投稿した直後には表示されません。 しばらく時間をおいてから確認してください。 なお、他の人が権利を持つ画像・ロゴ・キャラクターを無断で使った作品は公開できません。 元ネタのある作品を投稿したのに載らない場合は、この点に該当していないか確認してみてください。 もうひとつ見落としやすいのが自由キャンバスモードで作った作品です。 任意サイズで作れる自由キャンバスの作品は、みんなのギャラリーには掲載されません。 ギャラリーへの投稿を前提にするなら、最初からゲーム内のデザイン枠に対応したキャンバスを選んでください。

5. ゲーム内での再現と、完走するための問題

症状13: ゲーム内で打ち込んだら設計図と印象が違う

画面上の設計図と、ゲーム内で実際に見える形は、見る条件が違います。 設計図は真正面から拡大して見ていますが、ゲーム内では服や装飾として立体に貼られ、 通常の距離から小さく見えることになります。 離れて見ると細部は溶けて消え、シルエットと明暗のコントラストだけが残ります。 この差を埋めるには、設計図の段階で画面から離れて眺めたり、表示を縮小して確認したりするのが有効です。 そのとき何を描いたか分からなくなるなら、ゲーム内でも分かりません。 対策は、主役を大きく配置し、背景との明度差をはっきりつけること。 細かい描き込みを足すより、輪郭を1段階濃くするほうが効果があります。 また、自由キャンバスモードで作った任意サイズの作品はゲーム内の枠に合わない場合があるので、 ゲームで使う前提なら対応したキャンバスを選んでおきましょう。

症状14: 途中で飽きて完成しない

これは意志の問題ではなく、作業設計の問題です。 終わりが見えない作業は、進んでいる実感が得られないために止まります。 対策は、作業を小さく区切って進捗を見えるようにすることに尽きます。 ブロック作業モードは10×10マスのブロック単位で進められ、進捗が保存されるので、 中断と再開を前提にした作り方ができます。「今日は3ブロックだけ」と決めれば、 1回あたりの負担が読めるようになり、途中でやめても次に続けられます。 一方、同じ色をまとめて打ち込みたい人には通常作業モードが向いています。 色ごとのハイライト表示を使えば、その色のマスだけを追えるので迷いません。 そして最大の対策は、着手前に色数を15〜25色に絞っておくことです。 作業量は始める前にほぼ決まっています。完成する作品とは、完成できる分量で設計された作品のことです。

覚えておくと早い一手: 「なんとなく汚い」と感じたときは、 変換方式を切り替える前にノイズ除去を中にして、減色のステップ1を強めにしてみてください。 このサイトで起きる見た目の不満は、体感でかなりの割合がこの一手だけで改善します。 色数が減ると、絵が整うだけでなく打ち込みの負担も同時に軽くなります。

6. それでも解決しないとき

ここまで試しても直らない場合や、この記事に書かれていない症状が出た場合は、 遠慮なくご連絡ください。お問い合わせフォームから送っていただけます。 そのとき、使っている端末(iPhone / Android / パソコン)とブラウザの種類、どの操作をしたときに何が起きたかを 書き添えていただけると、原因の特定がぐっと早くなります。 可能であれば、画面のスクリーンショットもあると助かります。

開発者のX(旧Twitter)@kaorupia でも報告や要望を受け付けています。 みんなのデザインスタジオは、寄せられた声をもとに少しずつ改善を続けている無料のツールです。 「ここが分かりにくかった」という感想も、次の改善のヒントになります。