1
基本フロー
- 1画像をアップロードするか白紙ボードを作成し、キャンバスを生成。
- 2グリッド幅、色数、処理モードを設定してベースを作る。
- 3編集モードで局所修正と色置換を行う。
- 4色数統計を確認してからダウンロード/印刷/CSV出力。
作業台ガイド
草稿管理、パラメータ設定、キャンバス操作、編集ツール、図案取り込み、没入モード、エクスポート手順をまとめています。
1. 入口と草稿管理
アップロード/白紙または図案取り込みで作成し、草稿は手動保存で上書きを防ぎます。
2
草稿とAI入口
- 1キャンバス左側ツールバーの「草稿」ボタンで手動保存、続き編集、削除が可能。
- 2草稿は保存時のみスロットを消費し、現在上限は 5。
- 3草稿を開くと現在のキャンバスを置き換えるため、先に保存。
- 4「AI」パネルはテンプレート生成と履歴で、草稿とは別。
3
アップロードと白紙ボード
- 1アップロード：既存作品や参考画像に最適。
- 2白紙：ゼロからピクセルアートを描く/描き直す時。
- 3白紙はグリッド幅を確定してから描き始める。
4
図案の取り込み
- 1キャンバス不要で「図案を取り込む」から外部図案をアップロード。
- 2整列ダイアログで微調整ボタンと透明度/グリッド倍率を調整して合わせる。
- 3確定するとマスごとに色番号を認識し、現在のキャンバスを置き換えます。
2. 左パネル（全体設定）
細部密度、配色の階層、組み立て難易度を左右します。
グリッド幅
- 1値が大きいほど細部が増え、マス数も増えます。
- 2密度が高いほど時間と材料が必要です。
- 3完成サイズと許容時間で選びます。
色数
- 1最終的な色数を制限します。
- 2少ないほど組み立ては楽ですが細部が減ります。
- 3中間値から始め、統計を見て微調整。
色統合しきい値
- 1近い色を統合して細かな色を減らします。
- 2高いほど統一感、低いほど階調が増えます。
- 3ノイズが多い場合は少し上げます。
処理モード：Cartoon / Real
- 1Cartoon：輪郭が明確で色ブロックがまとまる。アニメやロゴ向き。
- 2Real：明暗の階調を保持。人物・風景向き。
- 3迷う場合はRealから。難しければCartoonへ。
見た目：四角 / 円柱
- 1プレビュー/書き出し画像の見た目に影響し、色数統計/CSVは変わりません。
- 2四角は境界が見やすく、円柱は実際のビーズに近いです。
ボードテーマとグリッド補助
- 1ボードテーマで背景・空きマス・グリッドの色味が変わります。
- 2グリッド補助は標準/5マス強調/10マス分割/5マス斜線を切替。
- 3書き出し画像の見た目には反映、色数統計/CSVは変わりません。
ブランドとパレット
- 1実際の材料ブランド/パレットに合わせてください。
- 2不一致だと実物の色味がずれます。
ウォーターマークと表示切替
- 1ウォーターマーク：書き出し図案に文字を追加。
- 2グリッド：格子線を表示（書き出し画像にも反映）。
- 3座標：行/列の目盛りを表示（書き出し画像にも反映）。
- 4色番号：マス内に色番号を表示。小さ過ぎると自動非表示。
- 5十字線：マウスホバーで行/列を強調（プレビューのみ）。
- 6図例：下部に色番号と数量を表示し、書き出しに含めるかを制御。
- 7ディザ：階調を滑らかにするが細かな色が増える可能性。
反転と背景削除
- 1左右反転：左右を鏡像にする。
- 2上下反転：上下を鏡像にする。
- 3背景削除：外周で最も多い色を背景とみなし、外周と連結した領域を空マスにする（白紙は対象外）。
3. キャンバスと表示操作
素早い移動とクイック操作。
ズームと移動
- 1左のズームスライダー、ホイール、ピンチで拡大縮小。マス数は変わりません。
- 2Space を押しながら一時的に移動、H でハンドツールを固定。
- 3タッチ端末：1本指で移動、2本指で拡大縮小。
上部ツールバー
- 1ダウンロード/印刷/CSV出力：図案とリストを出力。
- 2画像差替え：新しい画像をアップロードして再生成。
- 3図案取り込み：外部図案を整列して取り込む（現在のキャンバスを置き換え）。
- 4色数統計：図例ドロワーを開く（図例ONが必要）。
- 5AI：テンプレート生成と履歴を開く。
- 6全画面/没入：詳細チェック。
クイックツールバーとヘルプ
- 1フローティングツールバーに取り消し/やり直し、ツール切替、ズーム、参照切替があり、折りたためます。
- 2デスクトップは ? ヘルプでショートカットを表示。
- 3キャンバス左側ツールバーでパラメータ/編集パネル/草稿を切替え、現在のブラシ色も表示。
4. 右パネル編集
局所的な色・形・ディテールを調整します。
編集モードとツール
- 1編集モード切替：ONでのみマスを変更可能。
- 2ブラシ（B / 1）、消しゴム（E / 2）、スポイト（I / 3）、参照スポイト、参照ブラシ、矩形塗り。
- 3参照スポイト/参照ブラシは参照画像が必要。
- 4ハンドツール（H）で移動し、誤描画を防止。
- 5ブラシサイズは 1–6 マスで調整可能。
色置換（重要）
- 1手順1：色置換を選び、キャンバスで元色をクリック。
- 2手順2：ダイアログで目標色を選び確定すると、同色が全体置換されます。
- 3全パレットを有効にすると全色から選択可能。
- 4「色置換を戻す」で置換前に戻せます。
カラー一覧と履歴
- 1使用色/全パレット切替でリスト範囲を変更。
- 2色番号/名称で検索し、クリックでブラシ色に設定。
- 3取り消し/やり直しで編集履歴を操作。
5. 参照画像機能
独立した参照画像を読み込み、図案に重ねて細部を確認できます。
読込と表示
- 1右パネルの「参照画像」エリアから画像をアップロード。
- 2表示/非表示スイッチ（ショートカット R）で切替。
- 3オーバーレイモード（ショートカット O）で図案の上に重ねて比較。
- 4不透明度スライダー（ショートカット [ / ]）で 0–100% の濃度を調整。
位置とスケール
- 1Shift + ドラッグで参照画像を移動。
- 2Shift + ホイールで参照画像を拡大縮小。
- 3パネルの矢印ボタンで微調整、+/− ボタンでスケール変更。
- 4「グリッドに合わせる」で図案サイズに自動フィット。
- 5グリッドスナップで格子の境界に吸着。
ロックと管理
- 1ロックすると位置がドラッグで動かなくなり、誤操作を防止。
- 2いつでも参照画像の差替え・削除が可能。
- 3Alt を押しながらクリックで参照画像から直接スポイト取色。
6. 没入モード
大きなキャンバスを集中チェック。
没入に入る
- 1上部ボタンまたは M で没入モードに入る/退出。
- 2没入モードは余計なUIを隠し、キャンバスに集中。
- 3Esc で素早く退出。
区画と色のナビ
- 1左右矢印で区画を移動し、現在の範囲を強調。
- 2上下矢印で色を切り替えて確認。
- 3モバイルは没入パネルを展開して詳細表示。
7. ショートカット一覧
ショートカットを使いこなすと編集効率が大幅にアップします（編集モード ON が必要）。
ツール切替
- 1B / 1 — ブラシ
- 2E / 2 — 消しゴム
- 3I / 3 — スポイト
- 45 — 参照ブラシ
- 5H — ハンドツール（移動）
- 6Space（押しながら）— 一時的に移動
編集操作
- 1M — 没入切替
- 2Esc — 没入終了
- 3Ctrl + Z — 取り消し
- 4Ctrl + Y — やり直し
- 5Ctrl + S — 下書き保存
パネルと表示
- 1P — 編集パネルの展開/折りたたみ
- 2C / Shift + P — パレットの展開/折りたたみ
- 3ホイール — キャンバスの拡大縮小
参照画像ショートカット
- 1R — 参照画像の表示/非表示
- 2O — オーバーレイモード切替
- 3[ / ] — 参照画像の不透明度を調整
- 44 / Alt + クリック — 参照画像からスポイト
- 5Shift + ドラッグ — 参照画像を移動
- 6Shift + ホイール — 参照画像を拡大縮小
8. エクスポートと制作準備
制作前に図案とリストを確認。
図案の出力
- 1ダウンロードで図案画像を保存。
- 2印刷ビューは組み立て用の下絵に便利。
- 3全画面で細部と整列を確認。
色と数量リスト
- 1色数統計で色番号と数量を把握。
- 2CSV出力で材料準備と整理がしやすい。
- 3色番号は実際の色見本と照合してから制作。
9. 実物制作フロー
ビーズ選びから飾りまでの重要ポイント。
ビーズ選び
- 15mm は初心者・親子向け、2.6mm は上級者・高精細向け。
- 272 色は入門向け、168 色はグラデ/人物/複雑表現に有利。
ブランド・サイズ混用
- 1ブランド混在は非推奨。色番号や材質が異なることがあります。
- 25mm と 2.6mm はボード規格が違い、混用できません。
印刷と並べ
- 1印刷前に倍率確認、300 DPI 推奨。A4 で足りなければ分割印刷。
- 2大きい色面から置き、細部は後で。区画ごとに確認し、データも保存。
アイロンと冷却
- 1中温で動かし続け、クッキングシート/アイロンフィルム推奨。ワックスペーパーは不可。
- 2上級者はテープ法で裏返し。仕上げ後は 10–20 分重しで冷却。
額装・展示
- 1奥行きのあるボックスフレーム推奨。
- 2粘着ドットで固定し、暗めの背景で発色アップ。