Illustrator 中的編號文字圖樣從一組具確定性的純文字字串清單開始,而 文字圖樣產生器 會在您的瀏覽器中,根據單一包含 {n} 預留位置的範本,在本機端產生該清單。Adobe Illustrator 的圖樣工具——圖樣選項、文字轉圖樣,以及圖樣剪裁遮罩——都使用已經輸入或匯入的文字,因此缺少的環節幾乎總是資料本身:標籤、檔案名稱、貼磚編號或測試列究竟從哪裡來?與其一次輸入一個標籤,並在第 73 列冒著打錯字的風險,您可以撰寫單一圖樣,例如 tile-{n:3} 或 Asset_{n},選擇起始整數、行數與帶正負號的步長,工具就會將範本展開成最多 10,000 行有序的內容。您可以檢視預覽,然後複製這些行,或下載一個 UTF-8 TXT 檔案,直接放入 Illustrator 文字框架、Variable Importer CSV,或執行尋找與取代作業。每一個數值、每一個符記,以及每一個行尾字元,全部都在用戶端產生,因此標籤永遠不會離開您的分頁,您可以根據專案需要,將同一個範本重複用於任意數量的工作表、色票集或貼紙組。

how to make text pattern in illustrator
如何在 Illustrator 中製作編號文字圖樣

為什麼 Illustrator 設計師需要編號文字清單

Illustrator 在重複形狀、色票與圖案方面表現出色,但圖樣中的文字仍然必須來自某處。實際的 Illustrator 專案只要涉及文字圖樣,幾乎都會包含某種編號:印有序序識別碼的貼紙表、以系列編號標記的布料色票、帶有格線座標的貼磚地圖,或是為印刷打樣準備的測試列。手工輸入這些標籤既緩慢又容易出錯,而使用如 =ROW() 這類試算表公式只能解決部分問題——前綴、後綴與補零仍然需要在不破壞順序的情況下組合、複製並貼回 Illustrator。

文字圖樣產生器會處理那個組合步驟。寫下您要重複的文字字面值,以 {n} 標記數字的位置,設定行數,並決定要遞增、遞減,或保持相同數值。輸出會是一份乾淨、有序的清單,您可以直接貼入 Illustrator,交給 Variable Importer 工作流程,或儲存為 UTF-8 檔案供之後使用。由於同一個範本、起始值、行數與步長永遠會產生相同的有序行,結果在設計師、機器與版本之間都能保持一致。

如何為 Illustrator 圖樣產生編號文字

開啟文字圖樣產生器,並依照下列步驟,為您的 Illustrator 圖樣工作流程產生編號文字清單:

  1. 在範本欄位中輸入您的圖樣,在應出現數字的位置使用 {n},或在使用 W 作為最少位數且希望補零的位置使用 {n:W}。
  2. 選擇起始整數——第一個產生的行將會精確使用此值,即使它是負數或零。
  3. 輸入您需要的行數,介於 1 到 10,000 之間。
  4. 將步長設定為帶正負號的整數:正值會向上計數,負值會向下計數,零則會在每一行重複相同的數字。
  5. 點擊 Generate,並在複製或下載之前檢查預覽窗格,以確認序列、寬度與順序。
  6. 複製這些行,或下載 UTF-8 TXT 檔案,然後將結果貼入 Illustrator 文字框架、Variable Importer 資料集,或任何圖樣來源。

請檢查預覽中的第一個與最後一個數值,特別是當您刻意使用負數或零步長時,以便在匯入清單之前確認方向正確。

圖樣符記及其產生結果

兩種符記形式控制目前數字的呈現方式。裸 {n} 符記會以不補零的方式插入數值,而 {n:W} 則要求至少 W 位數。寬度僅描述位數的數量,因此負值上的負號永遠位於前方,補零則發生在其後的絕對位數上。寬度必須是 1 到 12 之間的整數,而 {n:0}、{n:13} 或非數值內容等寬度會被拒絕,而不是被靜默地截斷。

符記數值 7數值 11寬度 4 時的數值 -2行為
{n}711-2不補零;原始帶正負號的整數
{n:3}007011不適用至少 3 位數;絕不截斷較長的數值
{n:5}0000700011不適用至少 5 位數;零會變成 00000
{n:4}00070011-0002負號在前,絕對位數補零

請注意,{n} 和 {n:W} 可以出現在同一行。符記取代使用 MDN 的 String.replace 方法 說明文件,因此在同一個產生的行中,每個數值符記都會接收相同的目前數值。像 ID-{n:3}-{n} 的圖樣在 7 時會變成 ID-007-7。工具不會為每個符記維護獨立的計數器,這讓計算保持確定性。

使用帶正負號的步長遞增或遞減

步長輸入接受正整數、負整數與零,產生器會依照該值的正負號運作。當起始值為 1 時,步長 1 會產生 1、2、3、4、……,而當起始值為 5 時,步長 -1 會產生 5、4、3、2、……。步長 0 是刻意的,而不是錯誤——每一行會重複相同的數值,當您想在整個圖樣格線上使用如 Frame_000_Asset_X 等佔位列時,這非常實用。

以圖樣 tile-{n:3}、起始值 1、步長 2、行數 5 為例的計算過程:

  • 第 1 行: 1 + (0 × 2) = 1 → tile-001
  • 第 2 行: 1 + (1 × 2) = 3 → tile-003
  • 第 3 行: 1 + (2 × 2) = 5 → tile-005
  • 第 4 行: 1 + (3 × 2) = 7 → tile-007
  • 第 5 行: 1 + (4 × 2) = 9 → tile-009

起始值、步長以及每個產生的數值都必須保持在 JavaScript 的安全整數範圍內,如此顯示的十進位整數才會保持精確。根據 MDN 的 Number.isSafeInteger 參考,大於 2^53 - 1 的數值會失去精度,因此起始值、步長以及每個產生的數值都必須保持在 JavaScript 的安全整數範圍內,才能讓顯示的十進位整數保持精確。如果您需要更長的序列,請在安全邊界處分成多個批次,並在本機端串接檔案。

整齊標籤的零補寬度

當標籤對齊時,固定寬度的數字會更加清晰,而 Illustrator 的排版功能並不會為您修正對齊。{n:3} 符記會將單位數的數值(例如 7、9 和 11)補成 007、009 和 011,而不會截斷已經超過指定位數的數值。{n:4} 符記套用於負值時,會將負號保留在前,並對其後的絕對位數進行補零,因此負二會變成 -0002,零會變成 0000。此固定規則可避免如負號前方出現前置零等含混的排列方式。

在匯入清單之前,有一點值得特別提醒:零補是一種呈現上的選擇,而不是儲存上的保證。標準試算表行為會在 CSV 匯入時去除前置零,除非將目的欄位視為文字。請檢查目標欄位的匯入選項——或透過 Illustrator 的 Variable Importer 進行匯入,並明確設定文字型別——然後再依賴最終作品中固定的視覺寬度。

值得了解的限制與安全檢查

產生器設定了嚴格的上限,以保持預覽回應靈敏並讓輸出可預測。行數必須是 1 到 10,000 之間的整數,而合併後的輸出——包括行之間的 LF 分隔符——不得超過 1,000,000 個 Unicode 碼位。當請求超出該上限時,工具會停止並回傳錯誤,而不會傳回部分清單,因此您永遠不會拿到被悄悄截斷的檔案。

其他輸入會事先進行驗證。沒有至少一個文件化的 {n} 或 {n:W} 符記的圖樣會被拒絕——產生器不會產生無法區分的相同字面值副本。大括號中格式錯誤的寬度、非數值內容,以及超出安全整數範圍的起始值或步長,都會回傳錯誤,而不是退回到預設值。編輯任何輸入都會清除先前的輸出,如此一來,您五分鐘前看到的預覽就不會在您變更起始值之後被意外下載。

將產生的清單放入 Illustrator

清單產生後,有幾種方式可以將其送入 Illustrator。最簡單的方式是選取所有預覽文字、複製,然後直接貼入文字框架——Illustrator 會接受 LF 行尾符,並將每一行放置在游標位置,這對於建立快速的圖樣對齊測試格線非常方便。對於較大的清單,請下載 UTF-8 TXT 檔案,並透過 File > Variables > Load Variable Library 匯入,將每一行對應到範本中的文字變數。

如果您的圖樣目的是在每個貼磚上以新標籤重複相同的圖案,則 如何在 Illustrator 中製作重複文字圖樣 中所描述的工作流程會以編號清單作為輸入,並將其排列在整個畫板上。若要在現有檔案中進行乾淨的取代,如何安全地在 Illustrator 中尋找並取代文字 中的方法可讓您將預留位置符記替換為產生的數值,而不會擾動未變動的文字。文字圖樣產生器仍然是產生有序行的資料層,而 Illustrator 則負責版面配置。