JigsawDesigner 說明
建立與管理卡槽範本
卡槽範本定義拼圖產生使用的連接路徑。內建範本受保護;自訂範本可建立、更新、匯出、持久儲存與刪除。
選擇範本
開啟範本面板,在產生前選擇標準凸形、標準凹形、直線或自訂範本。
新增範本
點按 + 按鈕建立自訂範本
依名稱尋找
按名稱搜索範本
內置範本
JigsawDesigner 提供的預設計卡槽形狀。包括經典的凸形/凹形拼圖接頭。
自訂範本
使用貝塞爾繪圖工具設計自訂卡槽形狀。
選取並檢查效果
選擇範本用於拼圖產生
內建範本無法覆寫或刪除。範本卡片反白不代表所有產生的邊都使用同一條曲線;請搭配輪廓與參數檢查產生結果。
iPhone
從範本庫中找到喜歡的連接樣式
卡榫範本定義拼接邊的曲線。先認識範本庫,再嘗試設計自己的版本。
新增範本
在範本面板點按 +,輸入名稱。範本具有名稱與有效路徑後,儲存按鈕才可使用。
依名稱尋找
按名稱搜索範本
選取並檢查效果
內建範本無法覆寫或刪除。範本卡片反白不代表所有產生的邊都使用同一條曲線;請搭配輪廓與參數檢查產生結果。
四步,做出自己的卡榫範本
跟著同一個 Website Demo Wave 範例,從空白編輯器完成曲線繪製,再儲存至範本庫。
- 1
新增並命名
在範本面板點按 +,輸入名稱。範本具有名稱與有效路徑後,儲存按鈕才可使用。
- 2
繪製曲線,調整節點
畫出開放的貝茲曲線,再點按 Edit Points。移動錨點調整路徑位置,拖移空心控制把手改變彎曲形態。
- 3
完成編輯,儲存範本
點按 Finish Editing,檢查曲線,再點按 Save。Path Dimensions 表示曲線外框的尺寸,不是成品拼圖片的尺寸。
- 4
找到剛儲存的範本
回到範本面板,搜尋 Website Demo。同名自訂範本卡片出現,表示已經儲存。選取它,再用簡單封閉輪廓試試效果。
也可以用 Import SVG 匯入一條曲線作為起點。範本編輯器讀取第一個支援的路徑,建議準備只含目標曲線的 SVG。
iPhone
四步,做出自己的卡榫範本
以 iPhone Demo Tab 為例,從範本庫出發,完成繪製、節點編輯與儲存。
1新增範本
在範本面板點按 +,輸入名稱。範本具有名稱與有效路徑後,儲存按鈕才可使用。
2命名並繪製路徑
在卡榫範本面板點選 +,輸入 iPhone Demo Tab。在繪圖區依序點選各個位置,畫出開放路徑,點兩下結束繪製。
3完成編輯,儲存範本
點選「編輯節點」,查看本例的六個錨點。「完成編輯」返回繪製模式,「儲存」則保留已命名的範本。
4找到剛儲存的範本
在範本庫搜尋 iPhone,點選 iPhone Demo Tab 選取已儲存的範本。本例是開放折線;顯示的尺寸是路徑範圍,並非成品拼塊尺寸。
也可以用 Import SVG 匯入一條曲線作為起點。範本編輯器讀取第一個支援的路徑,建議準備只含目標曲線的 SVG。