大家應該都有設計過像封面圖那樣精心裝飾的文字效果吧
又有漸層、又有邊框、還有陰影,甚至還有倒影!不來把它轉個外框是要怎麼開始啊?
不過身處設計人生的各位應該都知道,文字一旦外框了就是一條不能回頭的路啊!! 它是這麼的不可逆,想要換個字體或是少打一個字尾s都會讓你叫苦連天!!
——-小劇場——-
客:我的客戶名字要打鋼鐵人
你:好了,你看這風格如何
客:太好了,不過我想改成英文的
你:囧
今天要和你分享一個本人私藏已久的秘奧義,文字的「外觀」裝飾技巧!
其實本人對於illustrator的外觀功能真的是很著迷。懂設計的你應該也知道,保有「可編輯性」是多麼重要的一項資產。如果每個物件都要展到最開擴充到滿,那截稿日就只能是夢了XD
好在有外觀可以讓我們在「1個物件」做到無數的效果、填色、筆畫等等各式各樣的裝飾,並且保有可編輯性,隨時可以修改任何一樣參數。
運用外觀保留物件屬性的特性,我們將其套用在文字上,就可以達到前所未有的快…速效率!
在文字上新增外觀的技巧,可以讓你普通的文字搞得很有事,更重要的是,它們依然是「文字」可以繼續打字,可以換字體,可以修改,可以不小心打錯100次XD
而且建立的所有外觀內容還可以保存成繪圖樣式,日後只要「一鍵」就可以文字升級,超級好用!
就讓我們來看看吧~
這篇文章你可以學到什麼
- illustrator外觀的使用方式
- 將「效果」套用至外觀
- 將文字以不轉外框的方式套用各式效果
- 使用單一漸層製作金屬光澤
- 在同一個物件中,新增其它形狀用以裝飾
- 在同一個物件中製作倒影
- 將設計完成物件的外觀設定存至繪圖樣式
假設我們今天要設計一個宴會名牌,鋼鐵人邀請了漫威大咖們來共襄盛舉,在名牌上不免俗賣弄一下。於是我們就弄了一個金屬質感,仿立體假掰style名字特效。因為我們已經會外觀套用了,人名的變更我們也不用擔心囉~
前置作業
為了確保後續設計能夠順利,請同學們先確認一下檔案的設置。
【開新檔案、選擇CMYK、確認點陣效果為300dpi】
(上方的設定如果對於本篇的技巧及原理有了解後就可以依自己的需求設定,但若是會按照本篇教學進行練習的同學還請費心設定一下,以免過程中效果不同會造成小困惑喔~)
設計金屬主體字樣
1. 首先先輸入文字,這裡用鋼鐵人試範,你也可以用你喜歡的名字或字串。為了確保和後續步驟的設定能合理的對上,我們的字級選用80pt

(為呼應主題,我在文字加了底圖,同學們可自行添加喜歡的圖片喔)
2. 接著我們選取此文字物件,點選「外觀」打開「外觀面板」

(由於我們等一下會加入多個填色都會疊加上去,這裡文字本身的填色和筆畫我們可以都設定為「無」)
3. 點選面板左下角「新增填色」,確認新增的填色欄位是選取狀態,接著點選「漸層」打開「漸層面板」


(有些人可能會覺得這樣操作怪怪的,不是要在外觀設定嗎?怎麼又跑去漸層面板了呢?這樣我的設定還有在設定嗎?其實只要你過程沒有選取其它物件或是取消選取, 你的外觀項目欄位也會是維持選取狀態,所以你操作的各種和「外觀」相關的設定是會保留在「外觀面板」裡,只是要確保你是選中正確的欄位即可)
4. 現在我們要繪製出金屬的跳色漸層了,按照附圖設定漸層。




(這種金屬跳色漸層的特色就是在中間的地方會有一個很突然的反差色。相對於「漸層」的概念可能會不好聯想,但其實只要把其中的2個不同色的色標以非常接近的方式排列即可。在這裡一個就排在49的位置,另1個就緊接在50的位置,這樣就會有明顯的跳色效果了)
5. 接著要設計邊框了,只要簡單的為「筆畫」填入顏色就可以了。同樣到「漸層面板」依附圖進行設定。


(然後重要的是,將「筆畫」從「填色」的上方移到下方來,這通常也是和圖層的概念一樣,代表填色是疊加在筆畫之上的。如果是舊版本的illustrator不能為筆畫上漸層,也可以用新增填色加上「位移複製」來製做。有需要了解的同學請留言喔~)
金屬字主體已經完成了,給自己一點掌擊~
不過這樣還不夠有份量,我們還要來給他加上陰影。如果直接套用效果的「製作陰影」整個會變成平面的不得了,所以我們來加入一個封面圖的橢圓形陰影吧~但我們這個是文字物件耶,還可以在「同一個物件裡」加入橢圓形嗎?
在外觀中製作橢圓形陰影
1. 點按「新增填色」再新增一個填色,填上黑色,接著到:效果>轉換為以下形狀>橢圓,按附圖進行設定。



(這裡為了方便操作,我們選用相對尺寸)

橢圓形出現了!!現在我們要把它”移”到適當位置
2. 繼續:效果>扭曲與變形>變形,按附圖進行設定。


(外觀中套用變形很好用,後面的步驟還會用到喔)

這樣位置有合理了,再來要把它變成柔和的陰影囉~
3. 套用:效果>模糊>高斯模糊,按附圖進行設定。


(外觀中套用變形很好用,後面的步驟還會用到喔)

這樣陰影有比較柔和,但看起來假假的,我們再來潤飾一下。
4. 在外觀面板處點選「不透明度」欄位,打開漸變模式(圖層混合)面板,按附圖進行設定。
(這個漸變模式的翻譯真的容易讓人混肴,因為illustrator另有一功能是漸變工具,和這個完全是兩碼子事~囧)


(藉由將漸變模式設置為「色彩增值」可將陰影的灰色和底下的顏色進行較自然的陰影結合,不會只是生硬的灰色。不透明度則可以控制陰影的重度,這裡將以75%繼續試範。)
這樣子陰影就製作完成囉!
再來我們要製作High Class的倒影了,Let’s go!!
在外觀中製作倒影
5. 點選「新增填色」(如果新增的填色為「無」請先填入黑色較好辨識),然後進行:效果>扭曲與變形>變形,按照附圖設定。


6. 點選「漸層」打開「漸層面板」接著按附圖設定。


(這裡我們的漸層的角度為-90度,我們使用漸層本身的透明填色來達到倒影漸漸淡出的效果)
7. 點選同一填色的「不透明度」欄位,打開漸變模式(圖層混合)面板,按附圖進行設定。


(這一個步驟也是為了讓倒影的效果可以自然的融入底色,請別忽略囉)
恭喜你完成囉~~
現在我們可以把這所有的外觀設定儲存起來,日後有需要時你只要把字打好,一個按鍵就能將這些外觀全部套用,真是太開心了!
儲存外觀設定(繪圖樣式)
1. 確認你已選取欲儲存外觀樣式的物件

2. 點按「繪圖樣式」

3. 點按右上角的三橫杠,選擇第1個「新增繪圖樣式」,接著只要輸入你想要的名稱再按下確定就完成囉~



套用繪圖樣式(外觀設定)
1. 輸入文字

2. 到「繪圖樣式」面板點按你所儲存的繪圖樣式即可。

這些設定全部是套用在「文字物件」上,文字仍然可以編輯、打字、設定間距等等。就連你打字時倒影也會跟著同步產生喔,看起來是不是很療癒~
不過這裡還是有一些地方你需要注意一下。
- 修改文字字數不同時:當我們輸入的文字多於我們一開始輸入的字數時,橢圓形陰影會變得左右較長;而少於時則是會較短。這是因為我們採用「轉換為以下形狀」時,選用「相對尺寸」的效果。因為是相對的,所以長度變長時,它在效果的反應上也會變得更長,反之亦然。
修改的方式:在外觀>(套用橢圓形的)填色,點按左方的「>」箭頭,點選橢圓形,在額外寬度的部分,將負值變得更大即可縮小橢圓形的長度囉~如附圖

- 換行輸入時:這就會讓整個陰影和倒影產生較多的外觀誤差了。陰影、倒影的套用不適用於直接換行輸入喔~而漸層的效果則會套用在整個段落,所以換行輸入的漸層效果也是不適用的。

太好了,你已經學會秘奧義,功力大增了!
其實本篇只有試範一種使用情境,而且還有很多的變化和修改技巧可以學習,像是如果我要換顏色,怎麼處理較有效率呢?還有就是,在某些情況下,我們也可以製作「純向量」的陰影效果喔~之後再整理文章給大家~See Ya!