BANNER STUDIO · 原型 v2
JSON 版型驅動|圖片遮罩區塊示範
1. 選擇版型範本
目前示範 4 種版型,架構可直接擴充到 10 種以上——新版型建立後於此下拉選單即會出現。
畫布尺寸(px)
寬度 W
×
高度 H
Banner
FB 封面
IG 方形
全寬 Hero
橫式廣告
版型底圖(最底層)
🖼 點按上傳版型底圖
填滿方式
填滿
包含
拉伸
縮放:
120%
(在預覽畫面捲動滾輪可縮放底圖,>100% X/Y 軸才能移動)
水平位置
50%
垂直位置
50%
透明度
100%
亮度
100%
✕ 移除底圖
2. 選取圖層
3. 調整內容 / 位置 / 樣式
工作存檔
💾 存檔
📂 載入
↺ 重置
Ctrl+Z 可復原上一步 | 存檔包含所有圖片與設定
⬇ 匯出圖檔
⬇⬇ 批次匯出所有尺寸
📐
版型
🖼
畫布
📋
圖層
🎛
調整
⬇
匯出
1200 × 450 px
即時預覽
⬇ 匯出設定
格式
PNG
JPG
WebP
解析度
1×
2×
3×
品質(JPG / WebP 有效)
92%
檔案名稱
.png
儲存位置
點選「開始匯出」後,將開啟目錄選擇視窗讓你選擇儲存位置。
⚠ 此瀏覽器不支援目錄選擇,將改用瀏覽器預設下載資料夾儲存。建議使用 Chrome 或 Edge。
取消
開始匯出
正在渲染畫布⋯⋯