close

ReverseText_00.png

什麼是文字反相效果呢?就是像上圖這樣文字疊在一個色塊或是圖片上時,文字會依據重疊的部分作出不同色相的文字,這種設計在很多地方還蠻常見的,下面就來看看怎麼輕鬆做出這樣的反相效果吧。

我們先從第一種簡單的方式來看,下圖是一個色塊與文字。

ReverseText_01.png

我們先把文字(圖層順序)排在色塊上面,安排好要產生反相效果的位置。

ReverseText_02.png

首先,我們先把文字框拷貝,然後按下下方的黑色色塊,按右鍵選擇「貼入範圍內」,這樣子文字框的內容會依照原來的位置貼在這個色塊中,也就是會貼入文字下半邊的內容(可以用來與上半邊文字產生反相效果)。

ReverseText_03.png

接下來有點小複雜。請參考下面的圖說順序,依次先用選取工具連按兩下黑色色塊,就會選取到剛剛貼入範圍內的文字框,然後我們在上方的控制列中,找到內容填色的小方塊,按下右邊的小三角形來展開填色選項面板,接著選擇「T」圖示,表示我們要針對文字框內的文字填色,接著選擇紙張顏色。

ReverseText_04.png

填完之後發現沒動靜,那是因為我們最前方有說到,原本的黑色字排列順序在黑色色塊的上方,所以當然看不到改變。

ReverseText_05.png

這時候我們點選排列在最上方的文字框,點選「物件>排列順序>移至最後」。

ReverseText_06.png

這樣子黑色字移到最下面,剛剛填入紙張顏色的文字就顯示出來了,這樣就形成了我們要的文字反相效果。

ReverseText_07.png

ReverseText_08.png

上面是基礎課程,接下來示範一個進階一點的課程,下面是一張圖片與文字,想要做成文字反相效果。

ReverseText_09.png

第一步跟之前的不太一樣,先把文字與圖片都拷貝起來,然後再點選「編輯>原地貼上」。

 

ReverseText_10.png

然後呢,先選擇「直接選取工具」選取剛剛複製上去的第一張圖片,按下delete鍵把圖片內容刪掉變成圖片框。

ReverseText_11.png

接下來選擇剛剛複製上去的文字框,把它剪下後,點選剛剛變成空內容的圖片框,按右鍵選擇「貼入範圍內」。這地方的原理就跟前一個範例是相同的。

ReverseText_12.png

接下來就跟前一個範例的操作相同,連按兩下空內容的圖片框修改填色內容,選擇「T」圖示選擇紙張顏色。

ReverseText_13.png

因為一開始文字框的圖層順序就在圖片的上方,所以修改好填色內容後,就可以看到文字反相效果啦~

ReverseText_14.png

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

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

 


arrow
arrow
    創作者介紹
    創作者 小雲 的頭像
    小雲

    火星頑童的故事

    小雲 發表在 痞客邦 留言(0) 人氣()