空心外框文字

 

前言:

本範例介紹兩種方式製作出與文字有間隔的空心外框。一種是利用墨水瓶填色技巧及轉換框線為填色區塊(Lines to Fills)的方法;另一種則是用延展外形(Expand Shapes) 的工具指令。



方式一:墨水瓶填色技巧及轉換框線為填色區塊(Lines to Fills)

步驟 1
用墨水瓶填色

1.先在場景中輸入一字:e  ;字型:Arial ; 大小:72  ;顏色:
並用Modify > BreakApart 將該字打散,如下圖所示:


圖1

2. 用墨水瓶(Ink Bottle)工具將該字填上如下圖之外框,框線顏色要與文字不同色(本例用色);線寬設定2.0 ;框線樣式選擇實線(Solid)。


圖2

 

步驟 2
轉換框線為填色區塊

1.將剛才所產生的文字框線全部選取(或是按住Shift鍵做連續選取動作)。

2.執行 Modify > Curves > Lines to Fills 將框線轉換為填色區塊,如下圖所示。


圖3

 

步驟 3
製作第二層外框

1. 用步驟一之2.的方法,在外面再加上第二層外框,顏色設定與文字相同(色)。如下圖所示:


圖4


2.將步驟二所產生的第一層框線(上圖中色部分)選取後,將它刪除即大功告成,如下圖所示:


圖5


方式二:延展外形(Expand Shapes)

步驟 1
製作第一層外框

1.先在場景中新增一個Layer,並加入一字:s  ;字型:Arial ; 大小:72  ;顏色:
並用Modify > BreakApart 將該字打散。

2.用Edit > Copy 或快速鍵 Ctrl + C 將打散後的字作複製的動作。如下圖所示。


圖6

3.然後利用油漆桶(Paint Bucket)工具將文字填入另一顏色(本例中用色)。

4.用 Modify > Curves > Expand Shape 延展文字的外形,如下圖:


圖7

5.在「延展路徑」(Expand Path)的對話方塊中作如下的設定:


圖8

6.再用Edit > Paste in place 或快速鍵 Ctrl + Shift + V將之前複製的文字貼回原位。如下圖所示:


圖9

 

步驟 2
製作第二層外框

用與步驟一相似的方法來製作第二層外框。

1.先將剛才所做的第一層(色)外框選取,執行 Copy 動作。


圖10

2.用油漆桶(Paint Bucket)工具將第一層(色)外框填回文字原來的顏色(本例中為色)。

3.選取文字及外框(其實因為兩者填色一樣的關係,已成為同一物件)之後,再用 Modify > Curves > Expand Shape 來延展外形,並在接下來出現的「延展路徑」對話方塊中填入如下圖的數據:


圖11

4.在延展外形後,用Edit > Paste in place 或快速鍵 Ctrl + Shift + V將之前複製的第一層(色)外框貼回原位。如下圖所示:


圖12

5.選取第一層(色)外框,再將它刪除,即大功告成,如下圖:


圖13

 

※利用上述兩種方式再完成其他文字,並做動畫效果即可產生如範例的動畫。

原始檔下載


回課程目錄