8bit Painterの使い方｜写真変換と透過PNG出力をスマホで完結

8bit Painterは、累計200万ダウンロードを記録し、18カ国のApp Storeでおすすめアプリに選ばれた初心者向けのドット絵アプリです。
ペン、消しゴム、スポイト、塗りつぶしだけに絞った作りなので、覚えることが少なく、絵心に自信がなくても写真変換から気軽に始めやすいのが強みでしょう。
実際、風景写真をそのまま32×32に変換すると色が濁ってドット絵らしく見えにくかったのに、輪郭のはっきりしたロゴに替えた途端に印象が変わりました。
この記事では、描く、写真を変換する、透過PNGで書き出すという3ステップをスマホだけで進めながら、画面右上のメニューを含む押す場所まで迷わず追えるようにしてみてください。

完成までの全体像とスマホで完結する3ステップ

8bit Painterは、機能を必要最小限に絞った無料のドット絵アプリで、iOSとAndroidの両方で使えます。
18カ国のApp Storeでおすすめアプリに選ばれ、累計200万ダウンロードに達した実績もあり、まず1枚完成させる体験を重視したい初心者と相性がいいです。
数年前に多機能なPC向けエディタで挫折したときも、こういう道具なら新規キャンバスを開いて数分で塗り終えられる再入門のしやすさがありました。
通勤電車のスキマ時間に、スマホだけで写真変換から書き出しまで一通り試せたのも印象的で、PCを開かずに完結する手軽さがそのまま続けやすさにつながります。

8bit Painterが初心者に向く理由

このアプリの強みは、覚えることが少ないのに作業の入口がはっきりしていることです。
ペン、消しゴム、スポイト、塗りつぶしに加えて、拡大縮小と移動を覚えれば描き始められるので、複雑な設定に気を取られません。
機能が多いほど自由度は上がりますが、最初の1枚にたどり着くまでが長くなりがちです。
8bit Painterはその逆で、迷いを減らして手を動かす時間を増やす設計だと感じます。

無料でiOSとAndroidの両方に対応し、18カ国のApp Storeでおすすめアプリにフィーチャーされ、累計200万ダウンロードに達している事実も、使い始めるハードルの低さを裏づけます。
高機能ソフトに挫折したあとでも戻ってきやすく、再入門先として選びやすい理由はそこにあります。
まずは複雑な制作環境を整えるより、手元のスマホで1枚完成させてみてください。

描く・写真変換・書き出しの3ステップ俯瞰

本記事のゴールは、描く、写真変換、透過PNG書き出しの3ステップをスマホだけで終えることです。
最初に全体像を持っておくと、各セクションがどの工程に当たるのか見失いません。
順番も単純で、まずキャンバスを開いて描き、必要なら写真を下絵として取り込み、最後に用途に合うサイズで出力します。

写真変換は、画面右上のメニューからインポートし、範囲をトリミングして変換する流れです。
ただし自動変換は完成品ではなく下書きとして使うのが前提で、輪郭のはっきりしたシンプルなイラストやロゴのほうが向いています。
変換後は色を整え、ユーザーパレットに最大48色まで登録しておくと塗りが速くなります。
書き出しでは画面右上の…からシェア＆エクスポートを選び、3段階の画像サイズと透過PNG、グリッド線付き出力を使い分けましょう。

作れるもの：SNSアイコン・アイロンビーズ図案・ゲーム素材・NFTアート

完成物の用途はかなり広く、SNSアイコン、アイロンビーズやクロスステッチの図案、ゲームのプレイヤースキン、NFTアートまで想定できます。
用途が広いということは、最初に決めるべき条件も用途ごとに変わるということです。
たとえばSNSアイコンなら32×32〜64×64が扱いやすく、図案づくりなら16×16〜32×32のようにマス目を数えやすいサイズが向きます。

キャンバスサイズは16×16から192×192まで9種類あり、グリッド線もON/OFFを切り替えられます。
アイコンやゲーム素材なら透過PNGで背景を抜き、図案配布ならグリッド線付きで見せる、といった使い分けがしやすいのが利点です。
まずは小さなサイズで1枚作り、必要に応じて出力サイズや透過の設定を選んでみてください。
作品の見え方がそこで大きく変わるはずです。

最初の準備：キャンバスサイズ9種類の選び方

8bit Painter で最初に迷いやすいのがキャンバスサイズです。
新規作成時に選べるのは 16×16 / 24×24 / 32×32 / 48×48 / 64×64 / 96×96 / 128×128 / 160×160 / 192×192 の9種類で、ここを先に決めるだけで手戻りはかなり減ります。
サイズは後から変えにくいので、用途を想定してから描き始める流れにしておくと安心です。

新規キャンバスの作り方と最初に決めること

新規キャンバスを作るときは、まず完成物をどこで使うかを考えるのが近道です。
小さいサイズほど1マスが大きく扱いやすく、形を整えやすい反面、細かな表現は入りにくくなります。
逆に 192×192 は描き込める余地が広いぶん、最初の一枚としては塗り切るまでに時間がかかりやすいでしょう。

実際、最初に 192×192 で意気込んで描き始めたものの、途中で塗り切れずに放置してしまったことがあります。
そこで 32×32 で作り直したところ、同じ日に完成まで持っていけました。
初心者ならまず 32×32 前後から始めると、完成までの流れをつかみやすく、達成感も得やすいです。

用途別おすすめサイズ

用途がはっきりしているなら、サイズ選びはさらに絞れます。
SNSアイコンは小さく表示されるため、32×32〜64×64 が扱いやすい範囲です。
まず見た目の印象を作り、表示サイズで潰れない形を優先すると失敗しにくくなります。

アイロンビーズやクロスステッチの図案は、実際のビーズ数やステッチ数に直結します。
そのため 16×16〜32×32 が扱いやすく、マス数の管理もしやすいです。
図案として配る場合も、数えやすいサイズのほうが再現しやすく、作る側も受け取る側も迷いません。

グリッド線の表示切り替えでマス目を数えやすくする

グリッド線は ON/OFF を切り替えられます。
ON にするとマス目を数えながら描けるので、図案作りでは位置がずれにくくなります。
特にビーズ配置やステッチ配置のように、1マスのズレがそのまま仕上がりに出る用途では効きます。

アイロンビーズ用の図案を作るときは、グリッド線を ON にして塗ると、現物のビーズ配置と一致させやすくなりました。
描くときは ON、仕上がり確認は OFF と切り替える運用にすると、線の情報に引っ張られず全体の見え方も確認できます。
しましょう。

4つの基本ツールと拡大・移動の操作

ペンと塗りつぶし、スポイトと消しゴム、そして拡大・移動と取り消しを押さえるだけで、基本操作の迷いはかなり減ります。
ペンは1マスずつ丁寧に置く道具で、塗りつぶしは広い面を一気に処理する道具です。
まず役割を分けて覚えると、作業の流れがずっと見えやすくなります。

ペンと塗りつぶし：1マスずつ塗る/未塗装をまとめて塗る

ペンは最小単位を積み上げるための基本ツールで、細部の輪郭や1マスだけ修正したい場面に向いています。
塗りつぶしは未塗装のドットをまとめて埋めたり、すでに塗ってある広い面の色を一括で置き換えたりできるので、背景や大きな面積を扱うときに力を発揮します。
広い部分は塗りつぶし、輪郭や装飾はペン、と役割を分けると効率が上がるでしょう。
作業の速さだけでなく、塗り漏れを見つけやすくなる点も見逃せません。

スポイトと消しゴム：色を拾う/透過で消す

スポイトはキャンバス上の色付きドットに触れるとその色を拾えるので、同じ色を重ねたいときにパレットへ戻る手間を減らせます。
色の統一感を保つ場面では出番が多く、微妙な差を避けたいときほど便利です。
消しゴムは白で塗り戻すのではなく、消した部分を透過にするのが肝心で、これを理解していると背景を抜いた透過PNGを自然に作れます。
最初は「消したのに白くならない」と戸惑いやすいですが、その挙動こそがアイコン制作で使いやすい理由になります。

ピンチで拡大・手アイコンで移動・取り消しで戻す

細かい部分を塗ろうとして指が太く感じる場面では、ピンチアウトで拡大してから触ると1マスずつ正確に置きやすくなります。
ピンチインやスライダーで視界を戻しながら進めれば、細部と全体の行き来もスムーズです。
手アイコンのボタンで移動モードに切り替えると、一本指でキャンバスを動かせるので、拡大したままでも狙った場所へすぐ移れます。
塗り間違えたら取り消しで戻せるため、まずは試しながら進めましょう。
実際、書き出して初めて消しゴムの部分が透けていると気づき、驚きつつもそのままアイコンに使うと見栄えがよくなりました。

写真をドット絵に変換する手順とトリミングのコツ

写真をドット絵に変換する流れは、右上メニューからインポートを選び、取り込みたい範囲を切り出してから変換を実行するだけです。
操作自体は単純ですが、迷いやすいのは最初の入口とトリミングで、ここを外すと仕上がりが一気に見づらくなります。
素材選びと切り取り方まで含めて整えると、変換後の印象は見違えるでしょう。

インポートからトリミングまでの操作手順

まず画面右上のメニューを開き、インポートを選びます。
そこから読み込んだ画像をそのまま変換するのではなく、先に変換したい範囲を指定してトリミングし、最後に変換を実行するのが基本の流れです。
ボタンの位置を順番にたどれば、どこを押せばいいのか分からず止まる場面を減らせます。
特に初めて触る人ほど、機能名よりも「右上のメニュー」「インポート」「トリミング」「変換実行」という具体的な導線で覚えたほうが進みやすいです。

この順番が効くのは、ドット絵変換が単なるフィルター処理ではなく、どの部分を残すかで結果が変わる作業だからです。
自分の顔写真を試したときは、全体を入れたままだと輪郭が崩れて誰か分からないモザイクのようになりました。
そこで主役だけを切り出し、さらに別のキャラ画像に替えて変換したところ、一目で分かる形に整ったのです。
操作は同じでも、入口の画像と切り取り方でここまで差が出ます。

変換に向く画像・向かない画像の見分け方

変換に向くのは、輪郭がはっきりしたシンプルなイラスト、ロゴ、キャラクター画像です。
線が明快で色数の構造も読み取りやすいため、少ない情報量に圧縮しても何を描いているかが残りやすいからです。
逆に、風景などの現実写真は情報が多く、木々や建物、空気感まで一緒に潰れてしまうので、ドット絵らしさが出にくくなります。
素材選びで仕上がりの8割は決まる、と考えておくと判断しやすいでしょう。

実際、顔写真より輪郭の太いキャラのイラストのほうが、変換後に形が保たれやすいです。
顔写真は目・鼻・口の差が細かく、縮小すると特徴が散ってしまいますが、シンプルなイラストなら大きな面と線で認識できるため、少ないピクセルでも見分けがつきます。
迷ったら、何を見せたい画像なのかを先に決めてみてください。
情報を全部残すのではなく、残したい特徴を絞る発想が向いています。

小さいキャンバスほど大胆に簡略化される理由

キャンバスサイズが小さくなるほど、変換は細部を保持できず、形を大胆にまとめます。
つまり小さいキャンバスは、線や模様を丁寧に再現する用途ではなく、被写体の特徴を単純化して見せる用途に向いています。
だからこそ、細かい被写体は大きめサイズ、シンプルな被写体は小さめサイズと、素材の複雑さに合わせてサイズを選ぶのがコツです。
サイズ選びは見た目の好みではなく、情報量との相性で決めるほうが失敗しにくいでしょう。

トリミングでも同じ考え方が使えます。
被写体を小さく入れてしまうと、変換後に余白ばかりが目立ち、主役が潰れて読めなくなります。
いったん小さく切り取って失敗したあと、主役を画面いっぱいに切り直したら見違えた、という経験は何度も役に立ちました。
中央に大きく収めて、被写体いっぱいに切り取る。
このひと手間で、変換後に何が描かれているのかがはっきり伝わります。
必要なら小さいキャンバスで試し、物足りなければサイズを上げてみてください。

変換後の手修正と48色ユーザーパレットの作り方

変換直後のドット絵は、完成品ではなく下書きとして扱うのが基本です。
まず近い色をスポイトで拾い、輪郭のギザつきやはみ出しをペンで整えるだけで、見た目の密度は一段上がります。
自動変換が作るのは素材であり、仕上げて初めて図案になるのです。

自動変換は下書き：はみ出し・輪郭を手で整える

自動変換されたドット絵は、色の置き方も線の切れ方もまだ粗く、細部までそのまま使えることは多くありません。
だから最初にやるべきなのは、似た色をスポイトで拾って、輪郭の出っ張りやはみ出しをペンで詰める作業です。
変換直後に散らばる10種類以上の近似色を見て焦るより、主要な4〜5色に統合してから形を整えたほうが、完成像が一気に見えてきます。
アイロンビーズやクロスステッチの図案に落とす前提なら、なおさらこの手修正が効きます。

手を入れる順番も大切です。
先に色を磨くのではなく、まず輪郭を見て、次に余計な1ドットを消し、最後に色の境界をそろえると迷いにくいでしょう。
変換結果は下書き、仕上げは人の仕事。
ここを分けて考えるだけで、作業の手触りが変わります。

よく使う色を48色パレットに登録して塗りを速くする

ユーザーパレットにはお気に入りの色を最大48色まで登録できるので、作品ごとに使う色を先に入れておくと、塗っている途中で色を探す時間が消えます。
毎回パレットを開いて近い色を探すより、テーマカラーを決めて48色の枠を計画的に埋めたほうが、作業の流れが途切れません。
実際、色を探す回数が減るだけで塗りのスピードは体感で倍になりました。
おすすめです。

あらかじめ96色のプリセットパレットが用意されている点も使いやすさにつながります。
配色に自信がないなら、まずプリセットから近い色を選び、その中で必要なものだけを48色のユーザーパレットへ移していくと、選択の迷いが小さくなります。
よく使う順に並べれば、次の塗りにもそのままつながるでしょう。

色数を絞るとアイロンビーズ・クロスステッチで再現しやすい

アイロンビーズやクロスステッチの図案に変えるなら、色数を絞るほど現物で再現しやすくなります。
変換直後の画像には、似ているのに少しずつ違う中途半端な色が残りやすいですが、それを近い色へまとめるのが減色です。
色の差を無理に残すより、意味のある色だけを残したほうが、完成時の見た目はむしろ安定します。

たとえば、変換直後に散っていた色をスポイトで拾い直し、主要な4〜5色へ統合すると、図案としての輪郭がはっきりします。
前は似た色が10種類以上あって見づらかった作品でも、減色後は必要なパーツが読み取りやすくなり、実際に作れる形へ寄ります。
おすすめです。
色を減らすことは、情報を削ることではなく、再現しやすさを上げる調整なのです。

透過PNGの書き出しと3段階の出力サイズ

完成したら、画面右上の…をタップしてシェア＆エクスポートを開き、画像サイズを選んで書き出します。
保存や共有の入口が右上にまとまっているので、どこから出すのか迷いにくく、作業の終点もはっきりします。
まずここを押さえておくと、途中で止まってしまう場面を減らせるでしょう。

シェア＆エクスポートの操作手順

書き出しは、画面右上の…からシェア＆エクスポートを選び、画像サイズを決めてエクスポートする流れです。
操作の順番がそのまま仕上がりに直結するので、編集後に別メニューへ探し回る必要はありません。
完成データをSNS、印刷、ゲーム素材へつなぐ入口として、この導線を覚えておくと扱いやすくなります。

透過PNGで背景を抜く

背景を塗らずに残した部分や、消しゴムで透過にした部分は、そのまま透過PNGとして書き出せます。
実際、背景まで塗りつぶして出したら四角い枠付きアイコンになってしまい、SNSの上で少し浮いて見えました。
そこで塗らない部分を透過のまま出し直したところ、余白が自然になじみ、背景を抜いたアイコンやゲーム素材として使いやすくなったのです。
背景を付けない前提で描けば、あとから無理に切り抜く手間も減ります。

背景を残すか抜くかは、見せたい相手で決めると整理しやすいです。アイコンや小さな素材なら透過PNG、フレーム込みの見せ方なら塗りつぶし、という分け方が素直でしょう。

用途別の出力サイズ選び

出力は3段階の画像サイズから選べます。
SNS投稿なら大きめを選ぶと見栄えが安定し、アイロンビーズの図案として印刷するなら、マス目の感覚がつかみやすいサイズが向いています。
ゲーム素材として使う場合は、実際に使うドット数に合わせるのが基本です。
大きすぎる書き出しは管理しにくく、小さすぎる出力は細部が見えにくいからです。

グリッド線を表示したまま書き出せるのも便利です。
友人にアイロンビーズの図案を渡したとき、グリッド線付きで出したら「作りやすい」と喜ばれました。
マス目を数えながら組めるので、印刷して配る図案には相性がいいのです。
ただし、アイコンのように見た目のすっきり感を優先する用途では、グリッドなしを選ぶほうが自然でしょう。
グリッド付きとグリッドなしを使い分ければ、同じデータでも渡し先に合わせた仕上がりになります。

つまずきポイントと他アプリとの使い分け

保存できないと感じる場面の多くは、機能がないのではなく、入口の位置を見落としているだけです。
8bit Painterは右上の…からシェア＆エクスポートを開く流れになっているため、まずはそこを確認すると話が早いでしょう。
写真変換で色が濁るときも、複雑な素材や小さすぎるキャンバスが原因になりやすく、素材選びとサイズ調整で見え方は変わります。

保存できない・色が濁るときの確認ポイント

書き出しボタンが見つからず、しばらく保存できないものだと思い込んでいたことがありますが、右上の…を開いたらシェア＆エクスポートがあっさり見つかりました。
保存や共有でつまずくときは、操作の難しさよりも導線の見落としが原因になりやすいのです。
まずはメニューの入口を落ち着いて確認しましょう。
写真変換で色が濁る、何の絵か分からなくなる場合は、元の写真が細かすぎるか、キャンバスが小さすぎることが多いです。
輪郭のはっきりした素材に替える、サイズを上げる、変換後に減色する、この3手を順に試すと、輪郭と面の分かれ方が整理されて見やすくなります。

広告除去課金で保存数を480作品に増やす

無料のままでも一通り使えますが、作品が増えてくると保存上限が気になり始めます。
実際、ストックしたい図案が重なったタイミングで広告除去を購入すると、保存できる作品数が480作品に増え、気兼ねなく量産できる手応えがありました。
残したい試作が多い人ほど、この差は小さくありません。
広告が消えることだけを目的にするより、作ったものをためて検証しやすくなる点に価値があります。
完成作だけでなく、色違い、ラフ、パターン違いを並行して残す人にはおすすめです。
制作途中のメモ帳として使うなら、早めに検討してみてください。

dotpictや多機能アプリとの使い分け

8bit Painterは画面が広く、機能を絞った設計なので、初学者が最初の1本として触りやすいアプリです。
迷う場面が少なく、まずはドット絵の基本を体で覚えやすいのが強みでしょう。
なぞり描きで練習したい、コミュニティ投稿の刺激が欲しいならdotpictが向きます。
ただし、制作が進むとレイヤーやアニメ機能が欲しくなる場面が出てきます。
その段階では、多機能エディタに移る選択が自然です。
8bit Painterで基礎を固め、dotpictで描く楽しさを広げ、必要になったら多機能アプリへ進む流れにすると、無理なく次のステップへ進めます。
おすすめの順番です。