元画像から印刷用パターンまで
1つの実例を使い、アップロード、切り抜き、生成、編集、ビーズ数の確認、書き出しまで進みます。画面に表示される各機能の役割と使いどころを説明します。
10ステップ中 1
作品は中央、設定は用途別パネルに分かれています。PCでは各パネルを個別に開き、スマートフォンでは下部ナビゲーションから操作します。
画像、編集ツール、レイヤー、生成、対称、ビーズ、書き出しを別々に開きます。
タイトルバーで移動し、前面化または最小化できます。
編集、生成、レイヤー、対称、ビーズ、書き出しの6画面を開きます。
描画、消去、色取得、ズーム、移動、対称軸配置を行います。
最近選んだ色と使用中の色をキャンバス近くに並べます。
完了の目安
生成、編集、材料確認、書き出しの各パネルを迷わず開けます。
10ステップ中 2
背景との差が分かりやすい画像がおすすめです。ローカル画像とChrome拡張機能からの画像を使用できます。
対応ファイルを読み込み、アカウント不要で切り抜き画面を開きます。
別ページで選んだ画像を検証し、同じ切り抜き処理へ渡します。
表示領域だけを取得した場合に鮮明さと欠けを確認します。
別画像で切り抜きと生成をやり直します。
空のビーズボードから描くエディターへ移動します。
完了の目安
形式や容量のエラーがなく、画像が切り抜き画面に表示されます。
10ステップ中 3
通常の写真か、すでに方眼を持つピクセル図案かを指定し、必要な範囲だけを残します。
写真の色と細部を滑らかに読み取り、ビーズセルへ簡略化します。
硬いピクセル境界を保ち、元グリッドを検出します。
元ファイルを変えず、不要な背景を除きます。
被写体比率を調整します。小さすぎると特徴が失われます。
自由、1:1、4:3、16:9から選べます。
初回生成を1〜256色に制限します。
完了の目安
被写体が十分な大きさで、正しい画像タイプが選ばれています。
10ステップ中 4
最初に選ぶ生成方式で元画像の読み取り方が決まります。生成パネルでは細部、幅、ビーズサイズ、補助線、ブランド色を変更できます。
各セルの最も強い色を使い、アイコンに向きます。
セル内を平均し、写真やグラデーションを表現します。
安定した従来方式で素早くプレビューします。
ノイズを減らし、隣接領域を整えます。
局所変化とディザを残し、細かい質感に向きます。
ディザなしで知覚色差を厳密に比較します。
簡略・標準・詳細Betaは約8、10、16色を目安にします。
52、104、または10〜200個の幅を選びます。
5mmまたは2.6mmを実物に合わせます。
Perler、Hama、Artkal、MARD、Nabbi、IKEA Pysslaへ変換します。
番号と補助線を追加し、色と間隔を変更します。
確認後は手動編集を含む現在の図案を置き換えます。
完了の目安
所有ブランドと実物サイズに合い、必要な細部が残った図案になります。
10ステップ中 5
表示操作は見え方だけを変え、ビーズ配列や書き出し結果は変更しません。
自動フィットを基準に50〜300%で表示します。
ポインター周辺を中心に拡大します。
余白をドラッグしてボードを動かします。
手動移動と倍率を解除して中央へ戻します。
2本指で拡大・移動し、未確定の線を安全に取り消します。
カーソルを置いたビーズの色番号を表示します。
完了の目安
誤編集せずに大きな図案を移動し、小さな色番号を確認できます。
10ステップ中 6
描画ツールで修正し、元画像やパレットから正確な色番号を選びます。
クリックまたはドラッグで選択色を追加します。
単一セルやドラッグ範囲を消します。
図案内の既存色を選びます。
近いブランド色を3件提示し、ブラシへ適用します。
1セルと連続線に使います。
長方形範囲を塗る、または消去します。
最近と使用中の色を優先します。
名前や番号から色を検索します。
確定した編集履歴を移動します。
図案全体を左右反転します。
完了の目安
編集セルは現在のブランド色を使い、変更を元に戻せます。
10ステップ中 7
繰り返し変更をまとめ、書き出しを変えずに編集表示を整理します。
選んだ色の全ビーズを消します。
元の1色を別色へ一括変更します。
使用数または番号で整理します。
縦軸を基準に編集を反映します。
横軸を基準に編集を反映します。
中央へ戻すか正確な位置へ動かします。
編集画面の色付きビーズ表示を変えます。
編集画面のグリッド板表示を変えます。
図案を生成した後、上部ツールバーの「色を調整」を開きます。同じ色番号のビーズが図案全体で変更されるため、確定前に色番号と対象数を確認してください。
不要な少数色を1粒ずつ消さず、複数の色番号をまとめて空白セルにするときに使います。
少量の色を近い色にまとめたり、セル位置を保ったまま別の色番号へ移すときに使います。
削除と置き換えはどちらも元に戻す履歴に追加されます。削除はセルを空白にし、置き換えは位置を保って色番号だけを変更します。
完了の目安
一括変更が反映され、レイヤーは編集補助として機能します。
10ステップ中 8
ビーズパネルは全体と各色の必要数を計算します。
図案内の色と必要数だけを表示します。
未使用色を含む全色を表示します。
異なる使用色の数です。
空白以外のセルを合計します。
選択色の位置を見やすくします。
色番号、名前、使用数を表示します。
完了の目安
必要な色番号と数量、各色の配置が分かります。
10ステップ中 9
ビーズ表示を選び、PNGまたはPDFを保存します。公開ギャラリーは別操作です。
密な正方形で表示します。
間隔のある実心円で表示します。
中央穴のある丸ビーズを再現します。
共有と端末閲覧用の画像です。
色番号、寸法、材料表付きの印刷図案です。
PNG全体に作者文字を繰り返します。
端末だけに保存し、公開しません。
名前を付けて公開保存し、PNGも保存します。
別のテスター募集で、Web書き出しには不要です。
完了の目安
PNGまたはPDFが保存され、投稿を選ばない限り非公開です。
10ステップ中 10
非対応ファイル、小さな被写体、広すぎるグリッド、未適用設定が主な原因です。
対応形式と10MB以下を確認します。
切り抜きで被写体を大きくします。
小さい画像、狭い幅、高速方式を試します。
ブランドや方式を変え、手動修正します。
写真変換へ切り替えます。
再生成は現在の編集を置き換えます。
印刷設定のポスター/タイルを使います。
ダウンロードを許可し、別形式も試します。
完了の目安
失敗段階を特定し、誤公開や上書きをせず再試行できます。
図案作りを始めましょう
ジェネレーターはブラウザ内で動作します。被写体が見やすい画像を用意し、別タブでこのガイドを開いたまま進めてください。
