對話框產生器(免費・為圖片加上漫畫風對話框)
一款免費工具,能為你喜歡的圖片加上漫畫風格的對話框。可從圓角、橢圓、思考泡泡三種形狀中挑選,自由調整位置與大小並輸入台詞。所有處理都在瀏覽器內完成,圖片不會上傳到伺服器。
什麼是對話框產生器
對話框產生器可以在你喜歡的圖片上疊加漫畫中常見的對話框,加上台詞或內心的獨白。可從三種形狀中挑選:常見的圓角對話框、輪廓較柔和的橢圓形,以及尾巴以一串小圓圈呈現、用來表達內心想法的思考泡泡。
從上傳圖片、調整對話框的位置與大小、輸入台詞,到匯出成 PNG 檔案,所有處理都由瀏覽器內的 JavaScript(Canvas API)完成。圖片與輸入的文字都不會傳送到伺服器,因此無論是替截圖加註解,還是處理私人照片,都可以放心使用。
如何為圖片加上對話框
- 上傳圖片 將圖片拖放到虛線框內,或點擊虛線框選擇檔案。
- 新增對話框 點擊「新增對話框」,圖片上會出現一個對話框。
- 輸入台詞並選擇形狀 在文字欄輸入台詞,再從圓角、橢圓、思考三種形狀中挑選。
- 調整位置與大小 在圖片上拖曳對話框調整位置,並用滑桿調整寬度與高度。
- 下載 PNG 圖片 點擊「下載 PNG」,即可將完成的圖片儲存為檔案。
用好本工具的小技巧
- 把尾巴指向說話人物嘴邊附近的角落,看起來會更自然。
- 一次加上多個對話框,就能做出像對話拼貼一樣的圖片。
- 「思考」形狀適合用來表達沒有真的說出口的心裡話,會更容易讓人一看就懂。
- 較長的台詞會自動換行,不需要事先手動換行。
- 如果想在完成的圖片上加更醒目的大字,也可以搭配迷因產生器一起使用。
對話框產生器的使用情境
製作社群媒體的趣味圖片
在日常照片上加台詞,做出適合在 X(原 Twitter)或 Instagram 分享的幽默圖片。
替截圖加註解
在應用程式或網頁的截圖上疊加對話框,清楚說明操作步驟或補充說明。
製作貼圖風格的對話圖片
在跟朋友的合照上加對話形式的對話框,快速做出圈內玩笑的圖片。
為簡報中的人物加說明
在資料裡的人物插圖或照片上加對話框,用台詞形式補充說明,增加亮點。
對話框相關詞彙
- 對話框
- 漫畫中用來表示角色台詞的圖形,由外框線與指向說話者的尾巴(尖角)組成。
- 思考泡泡
- 表達角色內心想法而非實際說出口的話的對話框。特徵是尾巴不是三角形,而是由好幾個小圓圈連成一串。
- 尾巴
- 從對話框主體延伸出來、指向台詞或想法來源(例如人物嘴邊)的三角形或一串圓圈的部分。
- Canvas API
- 瀏覽器中用來繪製圖像與圖形的標準 JavaScript 功能。這個工具的對話框繪製、圖片合成與 PNG 匯出,都是透過 Canvas API 完成的。
常見問題
閒話 ― 對話框是從什麼時候開始成為漫畫標配的
用圖形把角色的台詞圈起來的表現方式,其歷史其實比現代漫畫還要古老得多。中世紀歐洲的繪畫與版畫中,常能看到從人物口中延伸出的帶狀卷軸,上面寫著拉丁文字句,這種「話語卷軸」被認為是今天對話框的遙遠祖先。
如今這種以外框線圍住、用尾巴指向說話者的對話框形式,一般認為是在 19 世紀末到 20 世紀初,美國報紙連載漫畫(comic strip)蓬勃發展的時期逐漸定型的。隨著印刷技術成熟,加上大眾報紙普及,對話框成為能有效率地把台詞放進畫面裡的方式,因而被廣泛採用。
思考泡泡的尾巴不用三角形、而用一串小圓圈來表現,也是當時的漫畫家們為了在視覺上區分「說出口的話」與「心裡的想法」而想出的巧思。僅靠線條的形狀,就能讓讀者瞬間分辨聲音與思考這兩種看不見的資訊,這套機制至今仍持續被世界各地的漫畫沿用。