要在 Photoshop 中建立文字氣泡,你可以繪製自訂的對話框形狀並在裡面放置一個文字圖層,也可以將 Unicode 帶圓圈的字元 (Ⓐ、ⓐ、①、⓪) 直接貼到任何 Photoshop 文字圖層中。第一種做法使用你親手建立的向量形狀、筆尖路徑和圖層樣式;第二種做法會產生真正的 Unicode 字形,表現得就像普通文字一樣,並且可以隨著剪貼簿進入任何應用程式。對於簡短標籤、裝飾性說明文字、列表項目符號和社群媒體素材,Unicode 路線通常比較快,因為每個字形都已經幫你畫好,而且間距也能保持一致。本地的氣泡文字產生器會將每個 ASCII 字母和數字對應到 Unicode Enclosed Alphanumerics 區塊中相符的帶圓圈碼位,完整保留大小寫,並對空格、標點符號、表情符號和帶腔調字母保持原樣。整個轉換過程完全在瀏覽器中執行,所以不會上傳任何資料,產出結果就是純粹的 Unicode 文字,可以貼到任何存在文字圖層的地方。

Photoshop 形狀圖層製作文字氣泡的方法
傳統的 Adobe 工作流程中,文字氣泡從筆型工具或內建的其中一種自訂形狀 (圓角矩形、橢圓形或對話氣球) 開始,建立在一個形狀圖層上。氣泡外框就位之後,新增一個「水平文字」工具的圖層,在形狀內部點擊並輸入你的標籤文字。為了讓氣泡看起來像貼紙,多數設計師接著會透過圖層樣式加入描邊、陰影、內陰影,甚至可能再加上漸變疊加。內部的文字仍然使用你已安裝的 PostScript、OpenType 或 TrueType 字型,並透過字元面板來控制字級、字距、行距和顏色。
這種方法賦予你完全的視覺控制權。你可以製作出完美的圓角氣球,讓尾巴指向說話者,把多個形狀合併成單一圖層群組,之後如果文件成為影片時間軸的一部分,還能為氣泡製作動畫。代價是時間:每一個字母、每一個邊距、每一道陰影都必須手動繪製、定位並檢視。如果你需要在十個不同的說明文字或三個不同的檔案中使用氣泡文字,這種人工成本會快速累積。
什麼時候 Unicode 氣泡文字產生器是更快的選擇
如果視覺目標只是「字母包在圓圈裡」,Unicode 早就為整個 ASCII 字母表和全部十個十進位數字提供了這樣的字形。使用 Unicode 氣泡文字產生器,代表圓圈是文字本身的一部分,而不是疊加上去的效果,所以結果仍然可以像任何一般文字一樣編輯、搜尋、複製和選取。你可以在同一個 Photoshop 文字圖層上變更字型、顏色、大小和字距,而不需要重做任何形狀或圖層樣式。
Unicode 帶圓圈的字元也能跨平台流通。同一串字貼到 Discord 聊天、Instagram 個人簡介、Notion 標題或 Microsoft Word 文件中,都會產生相同的帶圓圈字母,因為目的地端的字型會提供對應字形。相比之下,Photoshop 形狀圖層的氣泡只存在於那個 PSD 檔案中,必須在每個其他目的地重新建立,或匯出為圖片。對於批次說明文字、貼圖包、教室講義、列表項目符號和簡短狀態標籤來說,Unicode 方式省下了數十個小型的繪製決策,把它們簡化成單一的複製貼上動作。
如果你也好奇可列印的泡泡字母和螢幕上的 Unicode 圓圈有何差異,請參閱從任意文字建立可列印泡泡字母的實用指南,了解可列印的角度。
如何逐步建立氣泡文字
轉換本身只是對輸入字串進行一次單趟處理,把每個受支援的字元替換成對應的帶圓圈碼位,其他字元則保持不動。
- 開啟產生器並輸入或貼上文字。對於你想要加上圓圈的部分,請使用 ASCII 字母 a–z、A–Z 和數字 0–9。空格、標點符號、表情符號、帶腔調字元和其他文字系統會原封不動地保留在原位。
- 產生結果並檢查哪些字元保持不變。工具會顯示所有不在轉換範圍內的字元,讓你能確認那些刻意保留的文字——例如標點符號或非拉丁字母的名字——是被保留下來,而不是被悄悄刪除。
- 複製精確的輸出內容。剪貼簿寫入動作只在你按下複製按鈕時才會發生,而可見的字串會確實原樣寫入系統剪貼簿。
- 開啟 Photoshop,選擇文字工具並貼上。文字會落到一個普通文字圖層上,你可以像任何其他 Photoshop 文字一樣變更字型、大小、顏色和字距。
- 驗證字型支援度與可讀性。切換到你最終設計要使用的字型,確認每個帶圓圈的字形呈現的是圓圈,而不是豆腐方塊或備援方形。
工具會轉換什麼 (以及保留什麼)
氣泡文字產生器是圍繞著 Unicode Enclosed Alphanumerics 區塊所定義的四個對應分支所建構。每個接受的輸入都會依 Unicode 碼位逐一迭代,若落在支援範圍內就進行對應,否則原樣保留。沒有轉寫、沒有近似,也沒有針對不支援文字系統的備援轉換。
| 來源字元 | 碼位範圍 | 對應範例 |
|---|---|---|
| 大寫 A–Z (ASCII 65–90) | U+24B6 到 U+24CF | A → Ⓐ, B → Ⓑ, Z → Ⓩ |
| 小寫 a–z (ASCII 97–122) | U+24D0 到 U+24E9 | a → ⓐ, b → ⓑ, z → ⓩ |
| 數字 1–9 (ASCII 49–57) | U+2460 到 U+2468 | 1 → ①, 2 → ②, 9 → ⑨ |
| 數字 0 (ASCII 48) | U+24EA | 0 → ⓪ |
大小寫規則是嚴格的。工具在轉換前不會把你的來源文字轉成全大寫或全小寫,所以 A 會變成 Ⓐ,a 會變成 ⓐ,而不是相反。這種對應背後的算術很直觀:大寫分支從 U+24B6 (9398) 開始,再加上每個來源字母相對 'A' 的位移。以字母 'C' 為例,來源碼位是 0x43 (67),而 'A' 是 0x41 (65),所以位移是 67 − 65 = 2,得到目標碼位 U+24B6 + 2 = U+24B8 (9400),正好就是 Ⓒ。數字在 Unicode 中使用不同的排列方式,這就是為什麼 0 會被單獨處理:帶圓圈的一到九佔據 U+2460 到 U+2468 作為一個連續區段,但帶圓圈的零位於 U+24EA,與數字範圍的其他部分分開,並放在小寫字母區塊之後。如果把 0 視為單一連續十位數區段的一部分,就會產生錯誤的字形,因此轉換機制把 0 單獨對應到 U+24EA 這個獨立分支。
在這四個分支之外,所有其他字元都會原位保留。空格、Tab、換行、標點符號、表情符號 (包括位於基本多語言平面之上的輔助平面表情符號)、像 é 或 ñ 這類帶腔調的拉丁字母,以及希臘文、西里爾文、中文、日文、韓文等整個其他文字系統,全都會原封不動地通過轉換器。界線是明確的:只處理 ASCII A–Z、ASCII a–z 和 ASCII 數字 0–9。結果是一個具確定性、可完全還原的轉換,你可以重新檢視輸出來加以稽核。
把氣泡文字貼進 Photoshop 及更廣的應用
一旦帶圓圈的字串已進入剪貼簿,切換到 Photoshop,選擇水平文字工具 (直排版面則使用垂直文字工具),在畫布上點擊以建立新的文字圖層,然後貼上。由於貼上的是 Unicode 文字而非影像或形狀,你可以立即套用字元面板設定:字型系列、大小、行距、字距、字偶距、顏色以及 OpenType 功能。每個帶圓圈字形的大小會與同一字型中其他字元的大小一致,因此行距和字距的行為與純文字相同。
選擇的字型是關鍵。帶圓圈字元屬於 Unicode 的一部分,因此若字型未涵蓋 Enclosed Alphanumerics 區塊的字形,就會顯示豆腐方塊、空心方塊或視覺不一致的形狀。多數現代系統字型 (Arial、Helvetica、Segoe UI、Noto Sans、Roboto、SF Pro 等等) 都包含帶圓圈的字母和數字,但免費或特殊字型可能沒有。一個快速的支援度驗證方式,是把轉換後的字串貼到目的地字型的測試文字圖層中,確認每個字元呈現的都是圓圈。
同一字串也可以貼到 Discord、Slack、X、Instagram 貼文、Notion、Word、Google Docs,以及任何其他支援 Unicode 輸入的文字欄位中。不需要擔心 Photoshop 專屬的編碼問題,因為結果就是純 Unicode。對於字型備援較弱的目的地 (例如較舊的行動應用程式),可以先貼到備忘錄應用程式中確認字形顯示正確,再正式貼到實際的貼文中。
限制、注意事項與無障礙說明
有兩項硬性限制規範著這個轉換器。輸入上限為 100,000 個 Unicode 碼位,以限制轉換時間、渲染輸出、剪貼簿大小和記憶體使用量。空輸入、格式錯誤的 Unicode 或超出上限的文字,會產生明確的錯誤訊息,而不是部分結果或悄悄截斷。工具也會在隔離的 UTF-16 代理碼元抵達預覽之前就拒絕它們,避免螢幕上顯示的文字與剪貼簿中的文字因替代字元而產生分歧。
由於結果包含 Unicode 相容性字元,下游系統的行為可能與純 ASCII 不同。有些平台會把帶圓圈字母還原回原本的形式,可能會破壞依賴視覺圓圈的標籤。也有系統會在使用者名稱、識別碼或程式碼中直接拒絕帶圓圈字元。以逐字元方式進行字串比較的排序和驗證邏輯,也可能會把 Ⓐ 排在 Z 之後,因為相容性字元會依其分解結果排序,而非依視覺順序。另一個值得關注的是無障礙工具:螢幕閱讀器可能會用完整的 Unicode 名稱逐一讀出每個帶圓圈字元,速度較慢且比讀普通字母更冗長。
誠實的建議是謹慎使用氣泡文字,僅用於簡短的裝飾性說明、列表項目符號、個人檔案文字、教室範例以及你已事先測試過目的地的視覺強調用途。較長的段落較難閱讀,備援字型可能破壞預期外觀,而當無障礙、搜尋、排序或機器可讀的身分識別很重要時,使用語意樣式 (粗體、斜體、顏色、間距) 通常是更好的選擇。請避免在密碼、電子郵件地址、帳號識別碼、無障礙標籤、程式碼語法,或任何需要底層字串精確來回轉換的場合使用帶圓圈文字。若需經過驗證的對應資料,Unicode 聯盟的Enclosed Alphanumerics 名稱列表記載了此處所使用的精確碼位、名稱和範圍。轉換本身在本機進行:驗證、對應、預覽渲染和剪貼簿寫入全部都在你的瀏覽器中完成,所以原始文字從未離開過你的裝置。