大家好~這次要做的 Illustrator 練習是利用路徑管理員跟漸變工具在文字內部做出線條造型,快跟著以下步驟嘗試看看吧 👏
【Step 1】新增檔案
點選 檔案 → 新增;先建立一個 800 px × 600 px 大小的檔案
【Step 2】矩形工具
先使用矩形工具畫一個(800 px × 600 px)的矩形當作背景;這裡使用的顏色是(#F2D8B3)
【Step 3】文字工具
使用文字工具輸入文字,並將文字填色(#F2D8B3) ;建議挑選較粗的字體才有空間在文字內做線條裝飾喔
【Step 4】文字建立外框
選取文字,點選 文字 → 建立外框
【Step 5】複製文字
複製文字,並將文字填色改為(#D76735) ;記得這圖層要放在原始文字下方喔(這邊將圖層名字設為 複製1 方便稍後辨識圖層)
【Step 6】位移複製
選取圖層 複製1,點選 效果 → 路徑 → 位移複製
在位移複製面板中,將位移設為 4 px
【Step 7】複製文字
再次複製文字,並將文字填色改為(#82A0C2) ;記得這圖層要放在原始文字上方喔(這邊將圖層名字設為 複製2 方便稍後辨識圖層)
【Step 8】位移複製
選取圖層 複製2,點選 效果→路徑→位移複製;然後在位移複製面板中,將位移設為 -4 px
【Step 9】擴充外觀
選取圖層 複製2,點選 物件→ 擴充外觀
【Step 10】複製文字
選取圖層 複製2,再複製一層備用 (這邊將圖層名字設為 複製3 方便稍後辨識圖層)
【Step 11】線段工具
使用線段工具,畫一條直線,並設定 筆畫填色(#82A0C2);筆畫 0.5 pt
再畫另一段線條,筆畫填色(#82A0C2);筆畫 6 pt
同時選取2段線條,點選 物件 → 展開
【Step 12】漸變工具
同時選取2段線條,點選 物件 → 漸變 → 製作
點選 物件 → 漸變 → 漸變選項 ;在漸變選項面板中將間距設為 指定階數 40 (數字大家可以依自己想要的線條密集度做調整)
點選 物件 → 漸變 → 展開
【Step 13】製作複合路徑
分別選取圖層 複製3 與 漸變線條群組,點選 物件 → 複合路徑 → 製作 ( 因為物件是文字與線條群組,所以需要先分別製作成複合路徑,才能進行下一個路徑管理員的步驟喔 )
【Step 14】路徑管理員-交集
同時選取圖層 複製3 和 漸變線條群組;點選 路徑管理員面板中的 交集 ( 如果無法進行交集,就要返回前面步驟確認物件是否有展開與製作複合路徑喔 )
【Step 15】複製文字與製作複合路徑
選取圖層 複製2,再複製一層(這邊將圖層名字設為 複製4);並將圖層 複製4 稍微向右向下拖移(如圖)
分別選取圖層 複製2 和 複製4;點選 物件 → 複合路徑 → 製作
【Step 16】路徑管理員-減去上層
分別選取圖層 複製2 和 複製4;點選 路徑管理員面板中的 減去上層 ( 如果無法進行減去上層,一樣是返回前面步驟確認物件是否有展開與製作複合路徑喔 )
並將填色設為 (#5B7489),這樣就做出文字內凹的陰影感啦
【Step 17】複製文字
選取圖層 複製1,再複製一層(這邊將圖層名字設為 複製5);並將圖層 複製5 稍微向右向下拖移(如圖)
分別選取圖層 複製1 和 複製5;點選 物件 → 擴充外觀
【Step 18】漸變工具
同時選取圖層 複製1 和 複製5;先點選 物件 → 漸變 → 製作;然後在漸變選項面板中將間距設為 指定階數 150 做出文字的厚度和立體感
點選 物件 → 漸變 → 展開;然後加上一開始製作的背景顏色圖層就完成啦~
熟悉路徑管理員和漸變工具就可以變化出很多文字造型囉~ ❤️
當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!