切換
舊版
前往
大廳
主題

[Photoshop教學] 淋巴黎鈴的完美PS教室 (2) : 嵌字/排版

BarleenP@淋巴黎鈴 | 2018-06-02 11:53:44 | 巴幣 1539 | 人氣 6102


(都嚕嚕~ 都嚕嚕~)

大家! 淋巴黎鈴的PS教室要開始了喔~



[前情提要]













[PS教室5大誓言]




1. 只會講漫畫漢化的最基礎PS應用

2. 不談最快或最好 只求最簡單沒大腦

3. 有力量的人必須為自己的力量負責

4. 班叔在你背後 他看起來非常生氣

5. 不要成為好天氣不曬棉被餓著肚子闖紅燈上學玩耍時還穿著炫砲鞋子不脫又他力本願的人








=====================================================================

[本篇]

個人使用的是PS CS6 版本不同的話可能稍微有些不一樣

前回講過的東西不會補充
有不懂就往前翻

這篇對漫畫最基本
卻也最重要的嵌字美學
以及疑難雜症做集中說明





A. 嵌字

1. 如前回所說 開始上字之前先把對話框的圖層分離出來
開起來大概會長這樣





補充一下 如果是未創psd的新檔的話
可以在直接點圖檔右鍵選PS快速開啟





2. 把要填的對話框圖層開起來
選左邊的文字工具 並把預存好的譯文貼上來





3. 剛貼上來都會是橫的 但日漫基本上是直的讀
從右邊面版的右上角開選項 選第一個 「更改文字方向」
對齊日文文字後再把日文圖層關掉

基本上就會變成下圖這樣了 \ 大工告成 /



...才怪勒





B. 字體

1. 字體的選項有數百種
雖說沒有絕對標準 但業界較常用的是華康的字體
如果是要嵌簡體的話 多半則是用方正字體





2. 由於字體的選擇
對於角色的口氣 對角色的印象 甚至整部作品
都會有絕對的影響 所以建議是最優先決定好



字體的選擇則是看個人喜好
有些人是重日文還原度 有些人是重故事氛圍

但最大的原則還是以易讀為重
你想當個機巴鬼的話就全程圓緣體或蘿莉體也是可以


再懶一點就是學以前○代的中文化遊戲一樣 用標諧體戰到底




C. 鋸齒

1. 文字嵌到圖檔裡基本上都會有鋸齒
選字元面版的鋸齒工具 消除





2. 基本上每種模式對文字的影響都有微妙的不一樣





3. 再配合仿粗體的話
同一種字體就有十種選擇




個人原則是用銳利跟強烈比較多
當然實際上則是要你選的字體 以及日文的相差來選粗細

也因為這樣 前回才會強調對話框的圖層要用剪的





D. 字體大小

1. 我覺得是常識但畢竟很重要還是講一下w
字體大小從右面版的第一格可以選





2. 上圖是20 下圖是調到30
數字越大 畫面中的字體自然也大
數字調小的話 字體就會變小
(小並感)





3. 特別要注意的是 依照原圖dpi而定 大小會差很大
有時候調到10就天元突破了 這個時候就要用小數點來調整大小



字體大小的調整 基本上也是跟著日文在走
但畢竟文字格式不一樣 中文的文字不夠大筆劃又多的時候
閱讀方會有不可避免的困難烏烏烏烏烏鳥烏烏

所以視狀況調大或調小也是我們漢化時自己要拿捏的烏烏烏烏烏鳥烏烏





E. 行距

1. 在文字大小的旁邊 重要性來說不會輸給 文字大小

基本上內建的是 "自動"
但畢竟自動不太可靠 距離比日文大太多





2. 調整數字大小來控制兩句之間的空白
推薦是對著日文來調
但跟前面提到的一樣 有時要依中文閱讀做調整





3. 調整完一樣再把日文圖層關掉







F. 字距

1. 在行距的底下 字距的概念也很類似
是控制每個文字之間的空白





2. 用敘述感覺有點模糊 直接看就很容易懂
數字調高的話每個字隔的都會比較遠




3. 調到負的則是會縮在一起




跟前面兩個不一樣 字距的數字不是看畫素
所以調起來最好以25或是50為倍數調 (PS內建也是這樣)
內建的上限是 200跟-100  想要超過這個數字可以自己手動輸入調整

一般字體來說 多半是預設(0) 或是+-25就可以了





G. 字體調控

1. 前面廢話講了三項小學生都懂得功能
主要就是要講解這邊ww

各種字體的設定差異極大
時常會需要透過前面幾個功能自行調整

舉例來說 字體大小20 字距0
微軟正黑體會長這樣:





然而 華康巧風體會長這樣:



!?!?
如圖所見 這樣子的設定 巧風體根本派不上用場



2. 所以說 想使用巧風體的話就要手動調控
超調到55 字距-600 差不多就能使用了



相對的 這個設定直接調回微軟正體會直接大杯具
所以說字體要優先選好再進行嵌字
不然會浪費很多無謂的調整時間

可能會有人問 為什麼字體差異性這麼大
答案就是 「沒有為什麼」

就如同每個人生來的個性不一樣 字體的個性也很不一樣
大家都不同~ 大家都棒棒~ (棒讀

相處久了自然就會調控了
當然也可以用新細明體正攻法就不用調了





H. 長度/寬度

1. 底下兩個百分比調整的 左邊的是文字長度




2. 調整到150%之類的 文字就會變長長長長長的~
(寬度不受影響)




3. 調到50%的話就會全部縮在一起





4. 長度右邊的則是寬度
調起來的感覺也是很類似
字要嘛會變胖胖要嘛會變扁扁





由於中文是象形文字
調整其中一邊便意味著長寬比會失調 非常不方便閱讀

所以在一般對話框比較不會用到這個功能

常見的用法是句子太長塞不進對話框 可以考慮把長度調到90%或95%
但不推薦低於90%

有些字體則是天生較肥 行距很難控制
也可以用寬度瘦身一些





I. 基線

1. 最下面一排是基線
基線的概念大家可能就比較陌生





2. 簡單來說 畫面中的文字其實延著一條隱形的線上寫
你可以想像成是寫在 小學的生字練習簿的框框裡





3. 把數字調高的話
那條隱形的線就會往右移 文字也會跟著走





3. 把數字調成負的
那條隱形的線就則會往左移



可能會有些人想問
「啊幹嘛不用拉拽工具拖過去就好 還在那邊線不線的」

這個問題下面就會有解答





J. 字體顏色

1. 感覺沒啥必要解釋
但姑且是重要功能還是講一下ww

彩漫時容易碰到字體本身帶顏色的狀況





2. 解決辦法就是點上圖顏色那一欄
開檢色器選日文字體的顏色





3. 選完後再拉過去就搞定了
檢色的部份前回講過不少了 有不懂見第一回







K. 標點符號處理

1. 主面版的功能介紹完了 接下來要講一系列美化
常看漢化的人可能會發覺 這邊很多疑難雜症都很常見
要嘛是PS沒學好 要嘛就是粗心 不然就是懶癌ww





2. 像上面 把日文圖層打開比較
很明顯看到的是 問號是橫的 為什麼要傷害我的脖子.jpg

點選面版右上角開選單 點垂直對齊方式





3. 點了之後就會發現問題解決了
"多半" 的標點符號都可以這樣解決







K_1. 標點符號處理(例外)

1. 當然眼尖的人就會發現
雖然問號解決了 但反倒這個波浪符號歪了ww





2. 很不巧 部份的標點符號就是會這樣
當中最常見的就是這個波浪符號

解決辦法就是先從左邊點文字工具
把文字中的波浪標起來

再單獨把波浪符號 按一次對齊 (反對齊)





3. 像這種一句裡面有好幾個波浪的
反對齊一個之後複製 用貼的就好





4. 當然把日文開出來比對的話
會發現中文的波浪微妙的小 而且好像往左邊偏一些
(差異會視字體而定)





5. 一樣點文字工具 單獨把波浪標起來
大小調大一些





5. 還沒結束 保持單獨選取波浪的狀況下
微調基線 把波浪往右推一點點





6. 有調跟沒調 大概如下圖
感覺好像沒差很多 (炸)
但視字體而定 這個調整絕對有必要



這就是前面提到的 基線最大的用法:
「調整句子中 特定文字的位置」

要注意的就是 做了這種動作 就會變成
同一個句子的文字大小不一 基線不一的狀況

之後還想再調整文字大小的話 又得重新把波浪拉出來另外調
所以這個部份的微調最好最後再進行





K_2. 標點符號處理(並排)

1. 這個最常見的是數字 「12」或是「!?」這種
雖然選了垂直對齊 但沒辦法並排




2. 解決法跟前面波浪很像
開文字工具 單獨選取想要並排的文字
(此例則是 "!?")

選取後 開面版的選單 點第三個選項 "直排內橫排"





3. 選完後就會並排了






K_3. 標點符號處理(...)

1. 日文常用的 "點點點"
直接輸入的話會變成這樣 大小微妙而且偏一邊




2. 選成垂直對齊的話更慘www




3. 其實可以跟波浪符號用類似解法
但更快的解決辦法就是輸入專用文字 "…"      <-- 這個是三顆點在一起的單一文字

負責翻譯的人養成好習慣的話 嵌字會輕鬆不少






K_4. 標點符號處理(破折號)

1. 這個也很常用到
輸入進去後會跟其他標點符號一樣 是歪的




2. 但是這個傢伙用垂直對齊
仍然是長這個樣子 完全沒有要變直的意思




3. 山不轉路轉 最好的辦法就跟前面的點點點一樣
用別的文字處理 直接用 「|」 <- 這個傢伙 他叫作豎線




不認識豎線的朋友們 他在鍵盤這個地方ww


跟前面點點點一樣
譯者養成輸入時 用豎線代替破折號的習慣
負責嵌字的會輕鬆很多





K_5. 標點符號處理(靠北長的破折號)

1. 偶爾會看到這種特別長的破折號





2. 跟前面一樣用豎線
不是不行 但很明顯不夠長




2. 那多打幾個豎線呢?
中間又空一堆洞




3. 解決辦法就是打好幾個豎線
然後一樣用文字功具單獨選這幾個豎線

再調整字距調低





4. 視字體而定吧 調到-500以上
就會發現三調線合在一起 變成一條特長豎線





5. 比對日文字體 如果要短一些就把負數調更高
要長一些的話就多打幾個豎線 沒問題了




\ 三條線合在一起有一百萬倍力量 /






K_6. 標點符號處理(引號)

1. 多半字體都有這個狀況
引號的前面跟後面會有很大一個空白

有時候會因為如此超出對話框




2. 跟前面差不多
單獨選取引號 減它的字距





3. 調整到空距自然 並且能容進對話框的距離
例如這邊大概是用 -450







K_7. 標點符號處理(頓號)

1. 日文沒有逗號 基本上都是頓號
想用頓號的話容易跟上面引號有類似問題




2. 處理方式很類似
但由於頓號的前面跟後面空白都很多 所以要連同前面一個字一起選取





3. 再把字距選到負的
就會發現頓號前面跟後面的空白都變少了









使用本回提到文字控制
大致上的字框嵌字 應該都不會有什麼問題了


下一回要淺談圖層的操作
希望會短一些 我盡量少廢話w







---

L. 追加補充: 斷句點

1.  看看就好 這個比較偏概念上的
譯文在斷行時盡量讓單字不中斷




2. 以下圖為例
文字內容一模一樣 但左邊版本有單字中間斷句的問題



簡單來說就是避免單字被折斷
用英文說明可能好懂一些

「Butterfee is the final
evolutionary form of its line」


「Butterfee is the final evo-
lutionary form of its line」


中文也是類似的

「最棒的果然
還是小學生」

「最棒的果
然還是小學生」

自然是前者好讀一些吧?



象形文字跟音節文字不一樣 沒有讀音上的問題
所以為了排版時 不可避免的會常忽略到這點

但在狀況允許時 仍要盡可能維持完整性

創作回應

286
謝謝你
2018-06-02 19:43:54
BarleenP@淋巴黎鈴
[e19][e19]
2018-06-03 08:17:02
是狐狸呀ₒ
崁字第3點
剛貼上來都會是直立
直立->橫立
2018-06-02 19:54:19
BarleenP@淋巴黎鈴
感謝楸錯ww
2018-06-02 23:13:58
娃娃國持劍儀兵
你其實是在做潛在組員的招募調察吧www
2018-06-03 00:23:12
BarleenP@淋巴黎鈴
我也沒說不缺人 (咦
2018-06-03 08:17:46
Helomair
標點符號,斷句之類的美化我都是手調.....原來有這些選項能用阿...受教了
2018-06-03 02:49:57
BarleenP@淋巴黎鈴
我這樣也很手動吧XDD
2018-06-03 08:14:13
小小抹茶
最近在學習嵌字,謝謝你[e12]
2018-07-30 07:37:10
BarleenP@淋巴黎鈴
參考看看
2018-07-31 11:31:03

更多創作