讓參加者把文字、圖片和自己的照片拼成一張可分享的成品圖。
你會拿這個做什麼
想讓參加者帶走一張「自己做的」分享圖？
把品牌準備好的背景、裝飾與參加者輸入的文字疊成一張圖，適合節慶賀卡、展覽紀念圖、活動頭像框與產品搭配預覽。
想保留品牌視覺，又不希望每個人做出完全相同的成品？
創作者先限制可選素材、字數與圖層位置，參加者只在安全範圍內選擇或輸入。這種方式比完全自由排版更容易維持可讀性。
客製圖產生器最適合做「最後會帶走一張圖」的活動。參加者可以挑選圖片、填入文字或上傳照片，最後拿到一張屬於自己的圖片。
適合的題目包括：
- 夏日明信片或節慶賀卡
- 品牌貼圖、頭像框、社群分享圖
- 商品配色預覽或訂製商品試做
- 校園活動、展覽互動、參加者投稿分享頁
如果你的目標是讓人「做完就想分享」，這個玩法會比單純填表更有完成感。
實際長這樣
假設要做一個「夏日明信片產生器」，可以先準備一層讓參加者寫下祝福，再準備一層讓他挑選海邊、夕陽或城市底圖。先用這兩層完成第一版，就能很快確認文字是否清楚、背景是否會搶走主角，也能提早看出哪一層需要再收斂。
文字圖層先決定可讀性
文字圖層的設定頁會直接看到「選擇字體」、「字重」、「字距設定」、「文字對齊」、「字數上限」、「文字顏色」、「輸入框提示」和「顯示框線」。這些設定用來調整參加者輸入文字後的呈現方式，先看這一層，最容易判斷字會不會太擠或太淡。
字重決定文字在背景上的存在感。底圖細節多時可加重，但仍要搭配實際字型與字級預覽，不能只看設定名稱。
背景圖層先決定素材邊界
背景圖層的設定頁會看到「圖層項目」、「上傳圖片」、「使用者是否能選擇空白項目？」、「選項編輯」和「進階設定」。你可以在這裡決定參加者能挑選哪些底圖，以及是否允許不選背景。先把素材邊界定下來，後面再調整文字位置會比較穩。
圖層項目就是參加者能切換的候選素材。縮圖要有明顯差異，並以同一尺寸與透明背景規格準備，減少成品跳動。
進階調整與上傳選項
固定字距適合短標語；自動調整適合長度不一的輸入。無論選哪一種，都要用最長允許字數測一次邊界，先確認排版在極端輸入下還站得住。
背景素材應先統一畫布比例。上傳區可放多張符合畫布比例的背景素材；若允許空白選項，也要確認移除背景後，其他文字和裝飾仍有足夠對比。
運作原理
參加者會依序操作你準備的圖層。文字圖層讓他輸入名稱或一句話；圖片圖層讓他從幾張素材中挑選；照片圖層則讓他上傳自己的圖片。畫面會把這些選擇組合成一張成品圖，讓參加者預覽並帶走。
排列圖層時，後面的圖層會蓋在前面的圖層上；背景圖層固定在最底層。建議先放好背景，再逐層檢查照片、裝飾和文字是否互相遮住。
怎麼開始
快速上手
目前最直接的開始方式，是前往編輯器範本頁，從一般範本卡片開始；若已有專案，也可以到編輯器首頁繼續編輯。現在沒有已驗證的客製圖產生器專用公開範本頁，因此不要把一般範本誤認成專用範本。
想先了解成品圖的安排方式，可以閱讀這份延伸教學：https://ooopenlab.cc/blog/post/how-to-design-result-image。想找真實案例的主題靈感，可以參考：https://ooopenlab.cc/blog/post/fantimate-aroot-tanya-2023。
先想清楚三件事
- 這張圖要給誰帶走，以及他會在哪裡分享。
- 最終畫面比例、背景安全範圍與文字可讀區在哪裡。
- 哪些內容由品牌固定，哪些讓參加者選擇、填寫或上傳。
設定文字圖層
- 建立「自由輸入文字圖層設定」，讓這一層負責參加者填字。
- 進到「文字樣式設定」，先決定「字體」和「字重」。
- 調整「字距設定」、「文字對齊」和「字數上限」，避免輸入後排版跑掉。
- 補上「文字顏色」、「輸入框提示」與「顯示框線」，再用預覽確認可讀性。
設定背景圖層
- 建立「選配圖像圖層設定」，讓這一層負責底圖或主視覺。
- 在「顯示形式」裡決定顯示圖示或名稱，再補上「封面圖片」。
- 到「圖層項目」上傳圖片，讓參加者可以切換背景。
- 如果想保留留白空間，就打開「使用者是否能選擇空白項目？」。
- 把背景圖層設為最底層，再逐一預覽其他圖層是否被正確顯示。
發布前檢查
- 分別用最短與最長文字產生一次成品。
- 逐張切換背景，確認文字在亮色與暗色素材上都看得清楚。
- 用手機上傳一張直式照片與一張橫式照片，檢查裁切結果。
- 下載成品並實際分享到預定平台，確認比例、檔案大小與重要內容沒有被裁掉。
常見疑問
問：可以只做一層文字加一張背景嗎？
可以，而且很推薦先這樣開始。這是最容易確認畫面感的方法。
問：可以讓參加者自己上傳照片嗎？
可以。加入自由上傳照片的圖層後，參加者就會看到上傳入口、提示文字和預設圖片。
問：一定要做很多圖層嗎？
不用。圖層越多越需要仔細檢查遮蓋關係，先做少量、清楚、可完成的組合比較實際。
問：有沒有公開入口或案例可以先看？
可以先看官方介紹：https://ooopenlab.cc/modules/canvas，再搭配結果圖設計教學：https://ooopenlab.cc/blog/post/how-to-design-result-image。已核實的公開案例可參考：https://ooopenlab.cc/blog/post/fantimate-aroot-tanya-2023。
問：如果我只是想先做出第一版，該從哪裡下手？
先做背景，再做文字，最後才考慮上傳照片。把一張圖做完，比把很多功能堆上去更重要。
