~ チュートリアル ~
スプレッドシートピクセルアート — Google Sheets(またはExcel)でピクセルアートを作る方法
2026年5月更新 · 約10分
ピクセルアートにPhotoshopやAsepriteは不要 — スプレッドシートのすべてのセルがすでにピクセル。セルを正方形にリサイズし、手動または条件付き書式で色付けすると、即座にピクセルアートキャンバスに。このガイドは7ステップのセットアップ、本格スプレッドシートピクセルアーティストが使う4つのテクニック、それを速くする数式、任意の写真を数字を入力してペイントできるシートに変換する方法を案内します。
~ ジャンプ ~
7ステップセットアップ:空白シートからピクセルキャンバスへ
新しいGoogleシート(またはExcelワークブック)を作成
sheets.newでGoogle Sheetsを開く(またはExcelでファイル → 新規)。空白シートはデフォルトでセル幅約100ピクセル、高さ21ピクセル — ピクセルアートには長方形すぎる。ステップ2で修正。
すべてのセルを正方形に
すべてのセルを選択(左上角の空ボックスをクリック、またはCtrl+A / Cmd+A)。任意の列ヘッダーを右クリック → 列のサイズを変更 → 22ピクセル。任意の行ヘッダーを右クリック → 行のサイズを変更 → 22ピクセル。これで全セルが小さな完璧な正方形 — ピクセルキャンバスの準備完了。
グリッドサイズとパレットを決める
最初のプロジェクトには16×16または24×24グリッドを選び、自分を4〜6色に制限。作業範囲をブロック(セルA1をクリック、続いて16×16ならShift+クリックでP16、24×24ならX24)。これがピクセルキャンバス。シートの残りは空のまま。
セルを1つずつ色付け(手動方式)
セルをクリックし、ツールバーの塗りつぶし色アイコン(ペイントバケツ)をクリック。色を選ぶとセルが埋まる。ドラッグ選択で複数セルを同じ色で同時に塗れる。これが手動方式 — 遅いが正確。小さなピース(30×30以下)や印刷パターンに従う場合に最適。
数字コード+条件付き書式を使う(高速方式)
大きなピースには手動色付けから数字コードセルに切り替える。各セルに数字(1、2、3など)を入力 — 各数字が1色を表す。続いて条件付き書式を適用:書式 → 条件付き書式 → 「セルが等しい」 → 1 → 背景色赤。各数字→色マッピングで繰り返す。これで数字を入力してペイントでき、色が自動的に埋まる。
グリッド線を非表示にして縁にゼロパディング
ピクセルアートはスプレッドシートグリッド線が表示されない方が見栄えが良い。Sheetsで:表示 → 表示 → グリッド線のチェックを外す。Excelで:表示タブ → グリッド線のチェックを外す。クリーンなエクスポートには、スクリーンショットや印刷前にアートの周りに数行/列の空マージンを追加。
画像としてエクスポート(楽しいパート)
Sheetsで:ファイル → ダウンロード → PDF、続いてアート範囲にクロップ。またはスクリーンショット — 最新Mac(Cmd+Shift+4)とWindows(Win+Shift+S)両方でピクセルキャンバスだけを切り取れる。Excelで:アートをWordに貼り付けるか、最もクリーンな結果には「PDFで保存」を使う。ソーシャルメディアにはスクリーンショットが最速。
4つのスプレッドシートピクセルアートテクニック
作業によって異なるアプローチが必要。チートシート — プロジェクトサイズと目標に合うものを選んでください。
手動塗りつぶし(ドラッグ選択)
使用時: 24×24以下の小さなピース、有機的形状
方法: セルをクリック、ツールバーから塗りつぶし色を選び、隣接セルを同じ色でドラッグして埋める。大きな単色ブロックに最速。
✓ 直接的、視覚的、数式不要
✗ スケールでは遅い、後でパレット全体を再着色しにくい
数字コード+条件付き書式
使用時: 16×16以上のほとんどのピクセルアート — 標準スプレッドシートピクセルアートワークフロー
方法: セルに1〜9を入力。条件付き書式ルールを設定:=1 → 赤、=2 → 青など。入力すると自動でセルが埋まる。
✓ 速い、スケール可能、1つのルールを編集してパレット全体を再着色
✗ セットアップに5分
画像からペースト(半自動)
使用時: すでにピクセルアート画像があり、シートで編集可能にしたい
方法: 画像からピクセル色を読みマッチング背景でセルに書くスクリプトやアドオン(Pixel Art for Google Sheetsなど)を使う。
✓ 既存ピクセルアートを秒でインポート
✗ アドオンかスクリプトが必要;出力は読み取り専用色
パターンメーカーからCSV/グリッドインポート
使用時: 事前デザインのパターン(パーラービーズパターン、クロスステッチチャート)から作業
方法: MakeBeadでパターンを生成、PNGとしてエクスポート、続いて数字コードでシートにトレース。またはグリッド付きPDFをペイント・バイ・ナンバース参照として使う。
✓ 両世界のベスト — 本物のツールでデザイン、シートで着色
✗ 手動トレースステップ
速くする数式
ピクセルアートを「手動セル単位色付け」から柔軟で再着色可能なシステムに変える4つのスプレッドシートスニペット。Googleシートに直接コピー。
条件付き書式ルール(1色につき1つ)
カスタム数式:=$A1=1 背景:赤 テキスト色:白 =2、=3、... に対して異なる色で繰り返す
使用時: セットアップのステップ5。シート全体の数字→色マッピングを設定。
自動で数字→色凡例を表示
=ARRAYFORMULA({"コード","色";1,"赤";2,"青";3,"黄";4,"緑";5,"黒";6,"白"}) 使用時: これを空セル(例:AC1)に入れて、アートの隣にパレット凡例を表示。
色別ステッチ/ビーズ数を計算
=COUNTIF(A1:P16, 1) =COUNTIF(A1:P16, 2) など
使用時: アートを物理的に作る(パーラービーズ、クロスステッチ)場合に便利。各色がどれだけ必要かが分かる。
左半分から右半分をミラー
セルI1(16幅キャンバスの右):=H1 それを横にドラッグして右半分=左半分のミラーに
使用時: 対称デザイン(蝶、顔)には — 半分だけデザイン、残りをミラー。
始めるための12のスプレッドシートピクセルアートアイデア
各選択は管理可能なセル範囲に収まり、シート解像度で認識可能なシルエットを持つ。試行錯誤済みの入門スプライト+下に「スプレッドシートピクセルアートが実は役立つ」例3つ。
1. マリオ歩行スプライト
16×16クラシックNESマリオ — 5色で16×16グリッドにぴったり。
~ 5 色 ~
2. ハローキティ顔
24×24丸い頭、ピンクのボウ、黄色い鼻。シート対応解像度のクラシックサンリオスプライト。
~ 4 色 ~
3. ピクセルハート(ゼルダスタイル)
11×113色のハートスプライト。作れる最速のシート。
~ 3 色 ~
4. モンスターボール
29×29赤い上、白い下、黒い帯、白いボタン。非常に認識しやすい。
~ 4 色 ~
5. ピカチュウ
32×32黄色い体、茶色の縞、赤い頬、黒い目と耳。SNES時代のスプライト。
~ 5 色 ~
6. クリーパー顔
8×8マイクラ最も象徴的なスプライト。64セルの小さなグリッド、5分で完成。
~ 3 色 ~
7. スマイリーフェイス
15×15黄色、黒目、黒口。ピクセルアートの「Hello World」。
~ 3 色 ~
8. いちご
13×16赤い実、緑の葉、黄色のタネ。かわいい美学のウォームアップ。
~ 4 色 ~
9. ピクセルデイジー
15×15白い花びら、黄色い中心、緑の茎。ミラー対応。
~ 3 色 ~
10. QRコード
可変オンラインでQRコードを生成、続いてセル単位で2色にトレース。機能的ピクセルアート。
~ 2 色 ~
11. カレンダーグリッドアート
7×Nカレンダーを「条件付き書式」でイベントタイプ別に自動色付け — 実用的ピクセルアート。
~ 3-5 色 ~
12. 結婚式の席次表
可変各ゲストが1セル、テーブル別に色分け。実用的なピクセルアートのユースケース。
~ 4-6 色 ~
無料テンプレート:写真 → スプレッドシートピクセルアートに変換
最速ワークフロー:MakeBeadの無料コンバーターで写真から数字コードパターンを生成、続いて条件付き書式が事前適用されたシートに数字を転写。シートでゼロから始める必要なし。
01 · 生成
ピクセルアートコンバーターに任意の写真をアップロード。グリッドサイズ(シートには24×24〜50×50)と最大色数(4〜8)を設定。
02 · エクスポート
PDFをダウンロード — 各セルの数字色コード付きグリッドカラーチャートを含む。
03 · 転写
新しいシートを開き、7ステップキャンバスを設定、セルごとに数字を入力。進行とともに条件付き書式が色を埋める。
よくある質問
Google Sheetsでピクセルアートを作るには?
空白のGoogle Sheetを開き、全セルを選択して列と行を各22ピクセルにリサイズしセルを正方形に。塗りつぶしバケツでセルを1つずつ色付け(手動方式)、または数字を入力し条件付き書式で自動色付け(高速)。グリッド線を非表示にし(表示 → 表示 → グリッド線)、クリーンな仕上がりに。完成したピクセルアートをスクリーンショットまたはPDFエクスポート。
Excelでピクセルアートを作るには?
Excelも同じ。全セル選択(Ctrl+A)、列ヘッダーを右クリック → 列の幅 → 1.71(約22ピクセルのセル)、行ヘッダーを右クリック → 行の高さ → 13。ホームタブの塗りつぶし色ピッカーを使うか、ホーム → 条件付き書式 → 新しいルール → 「指定の値を含むセルだけを書式設定」 → 次の値に等しい → 1 → 書式 → 塗りつぶし → 赤、で条件付き書式を設定。各色番号で繰り返す。
スプレッドシートピクセルアートのセルサイズは?
22×22ピクセルが標準 — 各セルが視覚的に正方形に見え、大半のモニターではっきり見える。小さなピース(20×20グリッド以下)には最大30×30pxセル。非常に大きなピース(50×50+グリッド)には15×15pxセルに落とし、画面に全画像が収まるように。
スプレッドシートピクセルアートに条件付き書式を使う理由は?
2つの大きな理由。(1) スピード — 毎回色パレットから選ぶより数字を入力する方が速い。(2) 編集可能性 — アート全体を再着色するには、1つの条件付き書式ルールを編集(例:赤をピンクに)するだけで全「1」セルが自動更新。手動塗りつぶし色にはない。
Google Sheetsからピクセルアートを画像としてエクスポートするには?
2つの方法。(1) スクリーンショット — MacのCmd+Shift+4、WindowsのWin+Shift+S — ピクセルキャンバスだけを切り取り。最速、どの画面でも動作。(2) ファイル → ダウンロード → PDF、続いてPDFを開きPreview(Mac)、Acrobat、または任意の画像エディタでピクセル範囲にクロップ。ソーシャルメディアにはスクリーンショットが良い;印刷にはPDFの方がシャープ。
Google Sheets用のピクセルアートテンプレートはある?
はい — MakeBeadの無料ピクセルアートコンバーターで任意の写真から数字コードグリッドを生成し、続いて事前フォーマットされたシートに数字を転写。このガイドの最後のダウンロード可能テンプレートには、6つの一般的な色の条件付き書式ルールが事前設定されており、すぐに数字入力を始められる。
写真を自動でスプレッドシートピクセルアートに変換できる?
はい。MakeBeadの無料ピクセルアートコンバーターで任意の写真を選択したグリッドサイズと色数でピクセルアートに変換。グリッド+色コード付きPDFをエクスポート、続いてGoogle SheetsまたはExcelに数字を転写し、条件付き書式が自動的に色を埋める。PDFは「ペイント・バイ・ナンバース」参照も兼ねる。
人々が作った最大のスプレッドシートピクセルアートは?
Redditユーザーは最大1000×1000+セルのスプレッドシートピクセルアートを作成 — フル風景画、有名作品の再現、フレームをステップして動画GIFまで。多くのユーザーの実用的な限界は約100×100で、これでも10,000セルの詳細。
スプレッドシートピクセルアートはなぜ流行る?
3つの理由。(1) アクセシビリティ — Google Sheetsはブラウザ付き任意のデバイスで動作、ソフトインストール不要。(2) 瞑想的 — セルを着色するのはデジタル塗り絵のように癒し効果。(3) オフィスフレンドリー — 仕事中にピクセルアートでき、スプレッドシートで作業しているように見える。