從來源圖片到可列印圖紙
跟著一個實際範例完成圖片上傳、裁切、圖紙產生、編輯、用豆統計與匯出。指南逐項說明產生器畫面上的功能和適用情境。
第 1 步，共 10 步
圖紙位於畫面中央，專案控制項則集中在不同面板。電腦版可分別開啟浮動面板，手機版則從底部導覽開啟各項功能。
分別開啟來源、編輯工具、圖層、產生、對稱、拼豆與匯出等浮動面板。
拖曳標題列可移動面板；操作面板時會將它移到最上層，也可縮到最小而不遺失設定。
開啟六組工作面板：編輯工具、產生、圖層、對稱、拼豆與匯出。
顯示可編輯的拼豆格線，支援繪製、擦除、吸色、縮放、移動畫面與設定對稱軸。
將最近使用和圖紙中已有的拼豆色號放在畫布旁，減少重複編輯時的操作次數。
預期結果
不用搜尋整個頁面，也能指出產生圖紙、編輯、檢查用豆數量和匯出所使用的面板。
第 2 步，共 10 步
建議使用主體與背景容易區分、對比清楚的圖片。產生器可讀取本機檔案，也可接收 Pixel Beads Chrome 擴充功能傳送的圖片。
讀取支援的本機圖片並開啟裁切流程；無需帳號即可轉換。
接收在其他網頁選取的圖片，通過檢查後送入相同的裁切流程。
提醒擴充功能匯入的內容可能只是網頁可見範圍截圖，方便檢查清晰度和缺少的邊緣。
使用另一張來源圖片重新進行裁切和產生圖紙。
離開自動產生器，開啟空白拼豆創作畫板，從空底板開始繪製。
預期結果
裁切對話框會顯示所選圖片，畫面上沒有檔案格式錯誤。
第 3 步，共 10 步
先告訴產生器來源是一般照片還是既有的像素圖，再保留成品拼豆圖紙需要的範圍。
以平滑方式取樣，將照片中的色彩和細節簡化成拼豆格。
保留清楚的像素邊緣，並嘗試偵測、對齊原始像素格線。
移除不需要的背景並調整構圖，不會改動原始檔案。
控制主體在裁切範圍中的比例；主體太小可能會失去辨識所需的細節。
預設可自由裁切，也可鎖定為 1:1、4:3 或 16:9。
限制初始色盤為 1 至 256 色；不需要限制時可留空。
預期結果
預覽中的主體大小足以辨識，並已選對「照片」或「像素圖」模式。
第 4 步，共 10 步
初始產生方式決定來源畫素的取樣方法。完成第一版後，可在「產生」面板調整細節、寬度、拼豆尺寸、格線和實體拼豆色盤，再重新產生。
採用每格中占比最高的顏色，適合圖示、卡通和輪廓清楚的圖案。
混合每格中的畫素，較適合漸層和一般照片。
使用穩定的舊版處理流程和所選完整色盤，快速產生預覽。
減少雜色、平滑相鄰區域，優先使用較精簡而協調的配色。
保留更多局部變化並使用抖色，適合像素圖和細緻紋理。
不使用抖色，以較嚴格的感知色差配對；重視實體拼豆色準時可選用。
「細節優先」與「平滑自然」保留較多色盤自由度；簡化、標準和細緻 Beta 約以 8、10、16 色為目標。
可選 52、104，或自訂 10 至 200 顆拼豆寬；高度會依原圖比例調整，上限為 200 顆。
選擇 5 mm 或 2.6 mm，讓尺寸計算和匯出檔案符合預計使用的實體拼豆。
將顏色對應到 Perler、Hama、Artkal、MARD、Nabbi 或 IKEA Pyssla 色號；MARD 也可限制為特定盒裝套組。
加入編號輔助線方便計數，並可調整細格線、參考線、主格線的顏色與間隔。
設定變更會先保持待套用狀態。重新產生會取代目前矩陣，包括你確認覆蓋的手動編輯。
預期結果
圖紙具有可實作的尺寸，採用手邊現有的拼豆品牌，並保留合適的細節。
第 5 步，共 10 步
檢視控制項只會改變工作區的觀看方式，不會修改拼豆矩陣或匯出的圖紙。
在保留自動適應比例的前提下，將使用者縮放調整為 50% 至 300%。
以游標位置為中心縮放，讓正在檢查的拼豆盡量留在游標附近。
拖曳圖紙周圍的空白區域時，只移動底板，不會編輯格子。
讓底板重新置中並適應畫面，同時清除手動移動和縮放。
手機上可雙指縮放和移動；繪製途中加入第二根手指，會取消尚未完成的筆畫。
將游標停在拼豆上方，可查看目前使用的色號。
預期結果
你可以查看小型色號並移動大型圖紙，不會誤改作品。
第 6 步，共 10 步
使用繪圖工具修正局部格子，從原圖取色協助配色，再透過快速顏色或完整色盤選取準確色號。
點選格子或連續拖曳，加入目前選取的拼豆顏色。
清除單一格子或拖曳範圍中的拼豆。
選取圖紙中已有的顏色，不會改變該格內容。
取樣原始圖片，在目前拼豆色盤中找出最接近的三個色號，並將所選色號套用到畫筆。
逐格繪製或擦除，也支援連續手繪筆畫。
從按下位置到放開位置填滿或清除矩形範圍。
依序排列最近選取、圖紙已用和色盤中的其他顏色，方便重複使用。
搜尋並選取目前拼豆品牌提供的任一色號。
在已完成的筆畫、填滿、鏡像和顏色整理操作之間往回或往前移動。
將目前整張圖紙左右翻轉，並把變更加入操作記錄。
預期結果
修改後的格子採用目前品牌色盤中的有效色號，而且仍可撤銷這次變更。
第 7 步，共 10 步
進階工具可快速完成重複修改，也能簡化編輯畫面，不會改變最終匯出的圖紙內容。
選取一個或多個已用色號，確認後清除圖紙中所有使用這些色號的拼豆。
選取一個原色號，再從已用顏色或完整色盤選擇目標色號，替換所有相符拼豆。
快速尋找色號，並依使用量由少到多或依色號排序已用顏色。
以可移動的垂直軸鏡像畫筆、橡皮擦和矩形編輯。
以可移動的水平軸鏡像編輯內容。
自動將對稱軸置中，或拖曳到指定的格線位置。
只在編輯器中顯示、隱藏或調整彩色拼豆的不透明度。
只在編輯器中顯示、隱藏或調整格線底板的不透明度；匯出檔案使用獨立的顯示設定。
圖紙產生後，從工具列開啟「調整顏色」。這項功能會一次修改整張圖紙中所有相同色號的拼豆，確認前請先核對受影響的色號和拼豆數量。
零星雜色需要改為空白格時，可一次清除，不必逐格使用橡皮擦。
可將零星色號併入接近的顏色，或在不改變拼豆位置的情況下，把某個色號全部換成另一個色號。
兩項操作都會加入復原記錄。刪除顏色會清空相符格子；替換顏色會保留拼豆位置，只改變色號。
預期結果
重複的顏色與對稱修改會一致套用，圖層顯示則只作為編輯輔助。
第 8 步，共 10 步
「拼豆」面板會將目前矩陣整理成採購與擺放參考，列出整個作品和每個色號所需的數量。
只顯示圖紙中出現的色號，以及每個色號所需的拼豆數量。
顯示目前拼豆品牌的所有可用顏色，包括尚未使用的色號。
顯示目前圖紙使用了多少種不同的拼豆顏色。
加總所有非空白格，估算整個作品需要的拼豆數量。
淡化其他格子並標出所有使用所選色號的拼豆，方便核對擺放位置。
顯示目前選取或標示顏色的色號、名稱和用量。
預期結果
你會取得完整的拼豆色號與數量清單，也能在圖紙上確認每個顏色的位置。
第 9 步，共 10 步
先選擇拼豆外觀，再以 PNG 或 PDF 私人下載。發布到公開藝廊是另一項有清楚標示的操作。
以密集方格顯示圖紙，小尺寸下也容易檢查。
預覽實心圓形拼豆，格子之間保留可見間距。
預覽中央孔洞可見的圓形熱熔拼豆。
建立可分享或在手機、平板與電腦上查看的圖片。
建立包含色號、尺寸和採購清單的可列印圖紙；大型圖紙會使用一張較大的單頁。
可選擇在下載的 PNG 上斜向重複顯示作者文字。
只儲存到目前裝置，不會公開發布圖紙。
必須填寫圖紙名稱，可選填作者和製作說明；完成後會公開儲存並下載 PNG。
開啟獨立的 Android 測試者招募流程；網頁版匯出不需要參加。
預期結果
PNG 或 PDF 會開始下載；除非你明確選擇公開藝廊，圖紙會保持私人狀態。
第 10 步，共 10 步
常見原因包括檔案格式不支援、主體太小、格線過大，或設定變更尚未套用。
確認檔案為 JPG、JPEG、PNG 或 WebP，且大小不超過 10 MB。
在裁切預覽中放大主體，或加入更多前景畫素後再產生。
改用較小的來源圖片、降低圖紙寬度，或選擇「快速取色」預覽。
改用其他拼豆品牌或產生方式，再從原圖取色並用畫筆修正特定格子。
從偵測到的像素對齊切換成照片轉換，或重新上傳並選擇「照片」而不是「像素圖」。
產生設定必須重新產生後才會生效；確認重新產生會取代目前手動編輯過的矩陣。
大型單頁圖紙需要分割成 A4 時，請在印表機設定中選擇海報或拼貼列印。
允許瀏覽器下載後再試一次，或在重新整理前改用另一種匯出格式。
預期結果
你可以找出失敗的階段並重新操作，不會意外公開或覆蓋作品。
開始製作圖紙
產生器會在瀏覽器中執行。準備一張主體清楚的圖片，在另一個分頁保留本指南，再依照自己的拼豆品牌與底板尺寸完成相同步驟。
