文字置於圖片後
把醒目的文字放到主體後面,做出吸睛的景深效果,非常適合縮圖、海報和社群貼文
上傳一張主體清楚的照片
Works best with a person or a distinct object in the foreground
如何把文字放到圖片後面
頁面開啟時已載入一張示範照片(我們的農夫朋友,"it ain't much" 整齊地藏在他的帽子後面),讓你在動手前就看清楚效果。準備好後,換成你自己的照片:
- 點擊「上傳你的照片」,選一張主體清楚的圖片。人物效果最好,但狗、汽車、咖啡杯也可以,只要能和背景區分開就行。
- 輸入文字。需要第二行就按 Enter。文字會自動滑到主體後面,不用遮色片、不用圖層面板,也不用手動去背。
- 拖曳到定位,直接在預覽上操作。抓住畫布,把文字拉到最好讀的位置,通常讓主體擋住一兩個字母。正是這種遮擋營造出景深感。
- 設計樣式。選擇字型、調整大小和字距、加上外框、旋轉、降低不透明度,想玩花樣還能做出假 3D 傾斜。
- 下載你的 PNG。匯出的是照片的原始解析度,而不是預覽尺寸,所以 4000px 的照片會得到 4000px 的成品。
背後到底發生了什麼
照片載入時,一個小型 AI 分割模型會直接在你的瀏覽器中執行,判斷哪些像素屬於主體、哪些屬於背景。接著工具把圖片重建成三層:最底層是原照片,中間是你的文字,最上層再貼回主體的去背圖。你的眼睛會把這種疊加看成景深,文字就像一直站在場景裡一樣。
因為這一切都在你的裝置上完成,所以沒有上傳佇列,也不用等伺服器處理。第一張照片會多花幾秒下載模型,之後幾乎是瞬間完成。編輯期間你的照片從不離開瀏覽器,因此也適合那些你不想傳到陌生伺服器的照片。
你在哪裡看過這種效果
說真的,到處都是。YouTube 縮圖一直在用:創作者的頭從巨大的「EXPOSED」或「I TRIED IT」前面冒出來,幾乎已經是這個平台的招牌風格。Spotify 風格的歌詞海報在用,專輯封面在用,Instagram 攝影師在生日貼文、旅遊回顧和訂婚宣布中也在用。體育頁面會把運動員的背號放在他們身後,實況主會把帳號名稱放在頭像後面。
它有效的原因很簡單:遮擋是大腦最強的深度線索之一。當一個人的肩膀擋住字母的一部分時,文字就不再是貼在上面的扁平說明,而成為場景的一部分。扁平文字會和主體搶注意力,放在主體後面的文字則會襯托主體。同一張照片、同樣的文字,感覺完全不同。
選一張好配合的照片
分割模型很厲害,但照片會讓它的工作變得輕鬆或困難。主體和背景分明的照片(顏色不同、光線不錯、有點距離)能得到邊緣俐落乾淨的去背。深色外套融入深色門口的照片,在遮擋處的邊緣會比較柔和、模糊。
以下幾點總能幫上忙:
- 主體與背景要有對比。穿淺色上衣的人站在樹前,效果比穿綠色的人站在同樣的樹前好。
- 主體要明確。團體照也行,但畫面只有一個人或一個物體時,效果最強。
- 上方或側邊留點空間。文字需要有地方放。緊貼臉部裁切的照片沒有空間放文字。
- 主體要清楚對焦。如果照片本來就有自然的背景模糊,那更好,文字會帶有那種層次分明的攝影質感。
在光線充足時用手機拍的人像照最理想。這也是大多數人上傳到這個工具的照片,模型在這類照片上訓練得最好。
選對字型
被擋住一半的文字要撐得住少掉 30-40% 的筆畫,所以粗字型比較吃香。Anton 被設為預設不是沒有原因:它粗、高,就算前面擋著整個肩膀也依然清楚好讀。Bebas Neue 和 Archivo Black 是它的近親。Impact 是迷因的經典選擇。想要柔和一點,可以用 Pacifico 和 Caveat 做出手寫感,只是要放大字級來彌補較細的筆畫。
前面列出十二款精選標題字型,搜尋框後面還有約一百款可依需求載入的 Google Fonts。實用建議:先選好字型,再微調位置,因為從窄字型換成寬字型會讓所有東西都跑位。
顏色方面,白色對大多數照片來說是保險的預設。但從畫面中取一個現成的顏色(天空、上衣、霓虹招牌),才是讓成品看起來像設計而不是生成的訣竅。用取色器點選背景裡的某樣東西,再把不透明度降到 85-90%,讓文字融入照片的光線中。
讓效果更逼真的小調整
外框在文字同時穿過照片亮部和暗部時特別有用。幾個像素的深色外框能讓文字經過明亮天空時依然清楚。如果背景均勻,就把它設為零。
旋轉與 3D 傾斜很容易做過頭。旋轉幾度能增添活力,四十五度就變得混亂。傾斜滑桿會讓文字平面產生透視變形,看起來像退入場景中;細微的數值(10–20)能出奇地模擬照片的透視。
翻轉選項會把整個效果反過來:不是主體在文字前面,而是背景在文字前面,文字看起來就像釘在主體上。也許十次裡只有一次適合用它,但適合的時候效果非常好。當自動去背抓到畫面「錯的」那一半時,試試看。
發布前加上浮水印
樣式控制項下方有專用的浮水印欄位。輸入你的帳號名稱或網域,再用預設位置(四角、邊緣、置中)放置,或拖曳 X/Y 滑桿精確定位。你可以設定像素大小、選擇顏色,並開啟對比外框,讓它在任何背景上都清楚可讀。浮水印會直接嵌入下載的 PNG 中,所以當你的圖片被轉傳時(好圖總會被轉傳),你的名字也會跟著傳出去。
分享連結,而不只是檔案
分享按鈕會產生一個包含完整作品的連結:照片、文字、樣式和浮水印設定。任何人打開它,都會進入這個頁面並載入你的完整設定,可以直接調整或下載。發布前想聽聽別人的意見,或想把範本交給隊友時都很方便:設定一次樣式,分享連結,讓對方換照片就好。
常見問題
需要 Photoshop 嗎?
不需要。在 Photoshop 裡要用主體選取、圖層遮色片和文字圖層完成的事,這裡在瀏覽器中一步就能搞定。Photoshop 在精細修圖上仍然更有掌控力,但對於標準的文字在主體後方效果,結果沒有實質差別,只差在省下大約十分鐘的功夫。
免費嗎?
不需要帳號就能製作作品並預覽所有效果。下載全解析度 PNG 需要登入,依目前的活動而定,可能限時免費,也可能包含在訂閱中。工具頂端的標章會顯示目前適用的方案。
可以上傳哪些檔案類型?
JPG、PNG、WebP、GIF、AVIF、BMP,以及直接來自 iPhone 的 HEIC/HEIF。匯出一律是照片原始解析度的 PNG。
為什麼去背漏掉了部分主體?
通常是對比太低:主體邊緣和背景融在一起,或光線非常昏暗。試試主體更突出的照片,或使用翻轉選項,它有時能讓困難的圖片分得更乾淨。人物多且互相重疊的雜亂場景最難處理。
可以寫多行嗎?
可以,在文字框中按 Enter 即可。多行文字會以區塊方式置中,大小滑桿會一起縮放。兩行短句通常比一行長句效果好,因為每一行都有機會和主體重疊。
手機上能用嗎?
可以。分割在現代手機上運作順暢,用拇指拖曳文字老實說比用滑鼠更自然。下載的圖片會像其他圖片一樣存到相簿或檔案 App 中。