Toolooz:免費曲線文字工具,畫一條線文字就跟著排

Toolooz 是免費免註冊的線上曲線文字工具,輸入文字、在畫布拉一條路徑,文字就沿著路徑排列,可匯出無浮水印的 PNG、WEBP 與 SVG。這篇整理實際操作流程、第一次使用最容易卡住的空白匯出問題,以及作品只存瀏覽器本地、字型授權自負等邊界。

用 AI 摘要這篇文章:

先看結果:一張 800×600 的 PNG,一段文字沿著圓弧整整繞了一圈,畫面乾淨,沒有浮水印。這張圖是我在 Toolooz 上做的,全程沒有註冊帳號、沒有安裝任何軟體,從打開網頁到按下匯出,實際走完一次不用一分鐘,連存檔都不用想。

Toolooz 是一個免費的線上設計工具,只做一件事:讓文字沿著你畫的路徑排列。想做文字繞圈的商標、弧形標語的社群圖、海報上流動的標題字、婚禮或活動場合會用到的圓形字卡,以前多半要開 Canva 或 Illustrator 去找「彎曲文字」「沿路徑排版」這類功能,現在打開網頁、打字、拉一條線就結束。

判斷先講:它值得放進書籤,因為這個單一功能被做到「打開就能用」,PNG、WEBP、SVG 三種格式都能匯出,輸出不加浮水印;但它也真的只有這一件事,介面是簡體中文、字型選項很少、作品只存在你自己的瀏覽器裡。下面攤開我實際操作時看到的東西,包含第一次使用時踩到的那個坑。

打字、拉線、匯出,實際走一遍

操作本身比多數設計工具直覺。打開 toolooz.com 按下「開始創作」進編輯器,畫布預設 800×600,右側面板已經預載一段示範文字,直接改成自己的內容就行。字的大小、顏色、粗斜體都在同一區調整;畫布尺寸另外給了四組常用預設:社群圖 1200×630、正方形 800×800、直式 600×900、橫式 900×600,也可以自訂成任意像素。

畫路徑是下一個動作。右側有「自由繪製」,以及圓形、方形、直線、橢圓幾個形狀工具,選好之後在畫布上按住拖曳,路徑一出現,文字立刻貼上去,每個字跟著路徑的角度轉向,繞到圓弧底部的那幾個字會自然上下顛倒,這是沿路徑排版的正常行為,不是壞掉。還沒畫的時候,畫布中央會浮著一行提示文字「在此處繪製一條線,文字將沿著線條排列」,等於官方直接把使用邏輯寫在畫布上。想手畫不規則的流動線條就選自由繪製,要規則對稱的構圖就用形狀工具,兩者可以混用,畫壞了旁邊就有撤銷與重做,歷史記錄會記下每一步,我卡住那次就是靠它回頭確認畫布一直是空的。

路徑本身也有款式可調。預設的線寬是 2px、透明度 30%,顏色要更顯眼或隱入背景都在同區調整;文字那側則有文字顏色、文字描邊,字樣預設就是淡紫色,還有一個「文字路徑背景帶」,用途照名字理解:在文字底下襯一條色帶,做貼紙感或標籤感的文字塊。畫布的背景色另外獨立設定,做透明感的字圖時記得先確認這裡。

要讓文字剛好填滿路徑,面板上的「文字重複」預設是自動,文字會一路重複到塞滿整條路徑。我輸入「TECHMOON 沿路徑排文字測試」,繞一圈下來重複了兩次有餘。想要更細的控制,官方指南有交代:文字重複可以改成手動指定次數,字間距正值會拉開、負值會擠密;文字在路徑上從哪裡起跑交給「文字偏移」,對圓形這種頭尾相接的路徑特別好用;路徑畫歪了也不必重畫,切到「選擇」工具點一下路徑,會出現邊界框與控制點,拖拉就能移動、旋轉、縮放。

匯出在頂端的按鈕,對話框裡可以選 PNG、WEBP 或 SVG,解析度從 1x 起跳、可以往上拉,也能自訂最終輸出尺寸。我各匯出了一次 PNG 與 SVG:PNG 是 800×600 的點陣圖,直接能用;SVG 是帶 viewBox 的完整向量檔,而且文字保留成可編輯的文字元素,不是描成曲線的死圖,丟進設計軟體無損放大、改字換色都行。兩個檔案都沒有浮水印,檔名自動標上尺寸與倍率,例如 800×600@1x,一批圖要回頭找哪張是哪個尺寸時很方便。官方的使用指南對格式的建議也簡單:PNG 拿去社群分享,SVG 留給後製編輯,跟我實測的體感一致。三種格式怎麼挑:

Toolooz 匯出對話框,可選 PNG、WEBP、SVG 三種格式並調整解析度與輸出尺寸Pin
匯出對話框:格式有 PNG、WEBP、SVG,解析度從 1x 起跳,可自訂最終輸出尺寸(官方網站截圖)
格式適合的用途
PNG直接貼進社群貼文、簡報,通用度最高
WEBP要放網頁、在意檔案大小的場景
SVG之後還要放大、改色或進設計軟體後製

我的前兩次匯出是全白的,卡在一個不顯眼的按鈕

第一次使用的卡點值得先講,因為它真的不明顯。我選了圓形工具之後直接按匯出,得到的 PNG 是一張純白的空圖;再試一次,還是白的。回頭看右側的歷史記錄,上面寫著「空白畫布」,這才確定:只是選了形狀工具並不會產生路徑,一定要回到畫布上按住拖曳,路徑才算真的畫出來。照這個理解再走一次,文字馬上排上圓弧,匯出也正常了。

後來在官方的常見問題頁看到,功能分類裡的第一個問題就是「為什麼我的文字沒有顯示在路徑上」。官方列的排除方向有兩個:文字顏色是否跟背景太接近,以及路徑太短、字太多塞不下;我自己踩到的其實是第三種狀況,根本還沒在畫布上畫出路徑。把「選工具」跟「畫路徑」當成兩個獨立動作,這套工具就沒有其他難度了。

Toolooz 編輯器畫面,文字沿著圓形路徑排列成弧形,右側是文字與路徑設定面板Pin
編輯器實際畫面:輸入文字、在畫布拖曳出圓形路徑後,文字自動沿路徑排列,可再調字間距與文字偏移(官方網站截圖)

全程在瀏覽器裡跑,作品也只存在瀏覽器裡

Toolooz 背後是一名獨立開發者,網站上的自述寫得很直白:這個工具完全在瀏覽器端運作,創作不會上傳到伺服器,畫布內容自動存進瀏覽器的本地儲存,下次打開通常會自動恢復。這些說法來自官方的關於頁、條款與常見問答;我自己實測能確認的部分是,整個流程確實不需要任何帳號。至於它為什麼能免費,官方沒有解釋,我的猜測是沒有帳號系統、沒有雲端儲存,伺服器成本只剩一個網站的流量,一個人才養得起,但這終究是猜測,條款只保證它目前免費。

這個設計的兩面都要看。好的一面是隱私與零門檻,做圖不用先把作品交給誰;代價是作品綁在單一瀏覽器上,官方明言清除瀏覽器資料或用無痕模式,資料救不回來,本地儲存既然綁在單一瀏覽器,換電腦自然也帶不走,保險只有一個:養成隨手匯出的習慣。對照把專案放在雲端、換台機器照樣接著編的線上設計服務,這是使用習慣上最實質的差異。

作品可以商用,字型授權要自己看

條款對權利歸屬寫得算乾脆:你用 Toolooz 創作的設計完全歸你所有,個人或商業用途都可以,不必另外取得授權。但常見問題補了一句但書,內建字型可能帶有自己的授權限制,商業使用前建議先確認字型授權。翻成白話:工具不擋你商用,字型的法律責任在使用者這邊。作品要正式對外的話,匯出的 SVG 保留了可編輯的文字元素,換成自己掌握授權的字型重排一次並不費事,或直接從先前整理過的免費可商用字型資源挑字型搭配。

字型數量本身也要先調整期待。實測編輯器裡的字型就是四種風格:無襯線、襯線、等寬、草書,加上粗體與斜體切換,沒有字型下拉選單。常見問題裡「內建多種字型、含思源黑體與思源宋體」的描述,跟目前介面對不起來,以實際介面為準。想走手寫風的路線,可以先用把打字內容轉成手寫體的工具產出圖檔,再回到這裡排版。

它跟完整設計軟體怎麼分工

把 Toolooz 放回工具箱裡看,它的位置是「單一任務的快速出口」。Canva 的彎曲文字跟著整套模板生態走,適合連版面、素材、協作都要一起解決的人;Illustrator 的沿路徑文字控制最細,字距、路徑側、扭曲方式都能微調,代價是學習曲線與訂閱費用。Toolooz 兩邊都不碰,只把「字要彎」這一步做到最輕,做完就匯走,回不回來都無所謂,因為它不需要你留下任何東西。匯出的 SVG 要放進網站的話,可以順手丟給SVG 最佳化工具瘦身;要做文字繞圈的標誌,之前介紹過的LOGOly Pro 標誌產生器提供從關鍵字出發的另一條路,兩者剛好一個從路徑出發、一個從字出發,需求明確的話選起來不難。

適合誰,動手前先知道的事

適合的人很明確:臨時要一張弧形文字的圖、不想為了十幾個字打開整套設計軟體的人;經常做社群圖、需要快速產出文字變化的人。反過來,需要豐富字型、完整版面設計或雲端專案管理的人,這裡給不了,一開始就別繞進來。

動手前把邊界看清楚:介面是簡體中文,沒有繁體選項;四種字型風格就是全部;面板底部另有模板庫分區,想省時間可以自己進去摸索;官方說手機與平板都支援、觸控可以直接畫路徑,這點我沒有實機驗證。效能上它也有上限,官方常見問題提醒,路徑開太多、文字重複次數設太高或機器記憶體不足時,瀏覽器會明顯變慢,解法就是減少路徑數量、調低重複次數。官方在常見問題裡對未來功能的答覆,列了匯入自訂字型、漸變輪廓文字效果、專案的保存與分享,都還沒有時間表,現階段缺的功能別死等。

規模方面,這是一名獨立開發者維護的免費工具集,開發者在網站上自述曲線文字的第一版只花了兩天就上線,同站還放著 PDF 壓縮、圖片裁切、圖片拼接、去背景等大約十個小工具,網域在 2024 年 12 月底註冊,條款、隱私政策、使用指南、常見問題一應俱全,遇到問題的支援管道是寫信給開發者。文件齊全度比很多個人專案紮實,但一人服務的現實就是沒有客服團隊。對臨時的小需求這些都不是障礙,要長期依賴就得自己留退路:固定匯出,把原始檔留在自己手裡。

給一個實際的走法當起點。假設你要做一張活動預告圖,標題「限時開賣」想繞成半圓:畫布先套 1200×630 的社群預設,文字輸入後選橢圓工具在畫布上半部拖出一個扁橢圓,字會沿著上緣排出弧形,用文字偏移把起點推到左端,字間距微調到不重疊,換成品牌色、開文字背景帶增加辨識度,最後匯出 PNG。整段做完通常不超過五分鐘,比開整套設計軟體找功能快得多。

一句話收尾:字要彎的時候開它,做完就匯出,別把作品長期放在任何單一瀏覽器裡,這是把這個免費工具用得安心的方式。

Sliven 褚崇名
Sliven 褚崇名

每日分享科技新知、免費資源以及 WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送 Email 至 [email protected] 與我聯繫。

文章: 1312

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *


Share to...