JigsawDesigner

JigsawDesigner 說明

建立與管理卡槽範本

卡槽範本定義拼圖產生使用的連接路徑。內建範本受保護;自訂範本可建立、更新、匯出、持久儲存與刪除。

選擇範本

開啟範本面板,在產生前選擇標準凸形、標準凹形、直線或自訂範本。

  1. 新增範本

    點按 + 按鈕建立自訂範本

  2. 依名稱尋找

    按名稱搜索範本

  3. 內置範本

    JigsawDesigner 提供的預設計卡槽形狀。包括經典的凸形/凹形拼圖接頭。

  4. 自訂範本

    使用貝塞爾繪圖工具設計自訂卡槽形狀。

  5. 選取並檢查效果

    選擇範本用於拼圖產生

內建範本無法覆寫或刪除。範本卡片反白不代表所有產生的邊都使用同一條曲線;請搭配輪廓與參數檢查產生結果。

iPhone

從範本庫中找到喜歡的連接樣式

卡榫範本定義拼接邊的曲線。先認識範本庫,再嘗試設計自己的版本。

  1. 新增範本

    在範本面板點按 +,輸入名稱。範本具有名稱與有效路徑後,儲存按鈕才可使用。

  2. 依名稱尋找

    按名稱搜索範本

  3. 選取並檢查效果

    內建範本無法覆寫或刪除。範本卡片反白不代表所有產生的邊都使用同一條曲線;請搭配輪廓與參數檢查產生結果。

四步,做出自己的卡榫範本

跟著同一個 Website Demo Wave 範例,從空白編輯器完成曲線繪製,再儲存至範本庫。

  1. 1

    新增並命名

    在範本面板點按 +,輸入名稱。範本具有名稱與有效路徑後,儲存按鈕才可使用。

  2. 2

    繪製曲線,調整節點

    畫出開放的貝茲曲線,再點按 Edit Points。移動錨點調整路徑位置,拖移空心控制把手改變彎曲形態。

  3. 3

    完成編輯,儲存範本

    點按 Finish Editing,檢查曲線,再點按 Save。Path Dimensions 表示曲線外框的尺寸,不是成品拼圖片的尺寸。

  4. 4

    找到剛儲存的範本

    回到範本面板,搜尋 Website Demo。同名自訂範本卡片出現,表示已經儲存。選取它,再用簡單封閉輪廓試試效果。

也可以用 Import SVG 匯入一條曲線作為起點。範本編輯器讀取第一個支援的路徑,建議準備只含目標曲線的 SVG。

iPhone

四步,做出自己的卡榫範本

以 iPhone Demo Tab 為例,從範本庫出發,完成繪製、節點編輯與儲存。

1新增範本

在範本面板點按 +,輸入名稱。範本具有名稱與有效路徑後,儲存按鈕才可使用。

2命名並繪製路徑

在卡榫範本面板點選 +,輸入 iPhone Demo Tab。在繪圖區依序點選各個位置,畫出開放路徑,點兩下結束繪製。

3完成編輯,儲存範本

點選「編輯節點」,查看本例的六個錨點。「完成編輯」返回繪製模式,「儲存」則保留已命名的範本。

4找到剛儲存的範本

在範本庫搜尋 iPhone,點選 iPhone Demo Tab 選取已儲存的範本。本例是開放折線;顯示的尺寸是路徑範圍,並非成品拼塊尺寸。

也可以用 Import SVG 匯入一條曲線作為起點。範本編輯器讀取第一個支援的路徑,建議準備只含目標曲線的 SVG。

持久儲存、匯出與刪除

儲存後,自訂範本會進入持久儲存,並可用於新專案。可匯出 SVG 作為可攜副本。內建範本不能編輯或刪除,自訂範本可以。