【教學】在InDesign的標題兩旁製作線條

一般要在置中的標題字兩旁加上兩條長直線,大家會怎麼做呢?比較直覺的笨方法是畫兩條線分別插入在標題兩旁,那麼有沒有比較聰明的方法呢?這次就來分享一個網路上看到的好方法,這個方法有兩種,一種是有點瑕疵的快速法子,一種是有點複雜的完美方法,下面就來看看怎麼製作吧~

從上圖來看,這兩種法子都可以產生標題兩旁的直線,但是第一種方法很明顯會有個瑕疵,那就是底線的顏色會與背景顏色不同而露底出來。

第一個方法是用段落嵌線的上下線相疊效果來呈現的,做法第一個先把標題字設為置中。

接下來設定段落嵌線。先設定上線,所謂的上線其實就是相對位置來說屬於下面的線,很奇怪吧?總之就記住相反屬性就對了,所以上線就是我們要呈現的直線部分,請調整偏移量讓直線位於文字中間的位置,寬度設定為「欄」,這樣才會與文字框同樣的寬度。

接下來設定下線,也就是要用來把下線遮住的部位,所以設定的寬度要比上線寬(這樣才能遮住),顏色為紙張顏色(如果你標題下面會鋪不同顏色就設定那個顏色),然後設定左右縮排,這樣才能讓標題與直線產生一些間距。

設定完成後的樣子就會變成最開始我們看到的第一個樣子。這個方法適用於背景沒有色塊、或是固定顏色背景的設計上,如果同樣的標題字樣式卻在不同顏色色塊上應用,那就會露底了。

下面繼續的第二個方法比較複雜,但是就不用管標題字下面有沒有色塊顏色了。為了突現這個方法的特別,在標題字下方我放了一些內文的文字,然後這次標題字不用置中,照正常的靠左齊行即可。

接下來我們先用「尋找/取代」視窗來修改標題字的格式。這裡需要用到GREP的設定,看起來很複雜,其實很簡單,不清楚這些代碼的可以參考我的新書有說明表喔~(又在打書了~XD)在「尋找目標」中指定為:『.+』這是表示所有文字內容,「變更為」指定為:『\t~>$0~>~y』這串指令碼其實分成5個部分,『\t』是定位元、『~>』表示半形空白(不是一般空白鍵產生的空白喔)、『$0』表示已找到的文字,就是上面尋找目標找到的文字啦、『~y』表示右邊縮排定位點。然後下方的「尋找格式」設定為標題的段落樣式,這樣子他才會只針對標題樣式的文字作尋找取代,不會把一般內文樣式的文字也取代掉。

取代完成後,我們還要先進行定位點的設定,不然剛剛的取代就沒用了,在「定位點」這邊,請設定置中定位點在整個文字框長度的中間,如下圖所示。

設定好之後,再看看剛剛的文字標題就變成下面的樣子,可以看到一般內文的文字沒有受到更改。下面特別顯示了隱藏字元,就可以看到剛剛取代的這幾個隱藏文字字元。

接下來我們在「首字放大和輔助樣式」這邊進行三個輔助樣式的新增設定。第一個輔助樣式指定一個新的字元樣式「線條」,這個字元樣式其實就是一個刪除線,用來表示標題兩旁的直線用。中間選擇「」表示包含到的意思,加上後面的「1」與「定位字元」,意思就是說從開始到遇到第一個定位字元止,套用上「線條」的字元樣式。第二個輔助樣是用來指定遇到的兩個半形空格之間的內容指定為無的字元樣式。第三個輔助樣式的意思與第一個輔助樣式相同。

透過這樣的輔助樣式設定後,就會看到下面的標題字變化。這樣就是我們想要的比較完美的標題字兩旁添加直線的設計方法。

 


以上就是這次的內容分享,按照慣例要再打個小廣告,大家如果對版面設計或InDesign技術內容有興趣的話,歡迎贊助一下版主的新書《InDesign Tricks:專家愛用的速效技法》,不管是紙本書還是電子書都有在販售,請大家多多支持~XD

電子書互動介紹頁面網址:https://indd.adobe.com/view/c4d80b2d-0f78-481d-a6ad-baf45e9cefe9

另外,如果你覺得本篇文章對你很有幫助,歡迎你用街口支付的方式贊助打賞,下方是我的街口帳號,感謝喔~^_^


大家對網站文章上的一個讚、+1及轉分享,都是對我們的最好的鼓勵及繼續下去的原動力,請大家不要吝嗇。