【Illustrator教學】 路徑管理員 – 藏在線條中的文字

大家好~ illustrator 練習時間來啦 💪
這次的練習主要是利用 線段工具 路徑管理員 中的 依置後物件剪裁工具,做出視覺錯覺的效果,讓文字有隱藏在線條中的感覺~

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 路徑管理員 - 藏在線條中的文字 - -1-e1630644871172

 

【Step 1】新增檔案

點選 檔案 新增;先建立一個 800 px × 800 px 大小的檔案

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 路徑管理員 - 藏在線條中的文字 - optical-art-1

【Step 2】線段工具

使用 線段工具 畫出一條直線

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 路徑管理員 - 藏在線條中的文字 - optical-art-2

【Step 3】變形工具 – 移動

選取剛畫出來的線條,右鍵變形移動

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 路徑管理員 - 藏在線條中的文字 - optical-art-3

移動面板中,設定垂直 10 px → 點選 拷貝

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 路徑管理員 - 藏在線條中的文字 - optical-art-4

利用移動工具複製出線條後,使用快捷鍵 ctrl+D 重複複製出多條間距一致的線條,將複製出的線條全選並群組

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 路徑管理員 - 藏在線條中的文字 - optical-art-5

【Step 4】再複製一組線條並加粗筆畫

將線條再複製出一組,並將新複製出的線條筆畫加粗(筆畫 6pt;這邊的筆畫粗細可依個人喜好設定),並隨意的更改顏色,方便稍後操作辨識線條

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 路徑管理員 - 藏在線條中的文字 - optical-art-6

【Step 5】將兩組線條的邊緣對齊

將兩組線條的邊緣對齊如下圖,要注意兩組線條的中間要留有空隙,如果沒有空隙的話就要回上個步驟將線條筆畫再次調整喔!

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 路徑管理員 - 藏在線條中的文字 - optical-art-7

【Step 6】文字工具

使用文字工具,打出文字 ( 這步驟也可以更換成圖案來操作喔 )

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 路徑管理員 - 藏在線條中的文字 - optical-art-8

【Step 7】文字 > 建立外框

選取文字,右鍵 建立外框

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 路徑管理員 - 藏在線條中的文字 - optical-art-9

【Step 8】文字 > 複合路徑

選取文字,點選 物件 複合路徑 製作

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 路徑管理員 - 藏在線條中的文字 - optical-art-9-1

【Step 9】粗的線條-展開

選取加粗的線條群組,點選 物件 展開

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 路徑管理員 - 藏在線條中的文字 - optical-art-10

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 路徑管理員 - 藏在線條中的文字 - optical-art-11

【Step 10】路徑管理員-依置後物件剪裁

同時選取文字和加粗的線條群組,點選 路徑管理員 依置後物件剪裁

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 路徑管理員 - 藏在線條中的文字 - optical-art-12

【Step 11】完成

剪裁完成後大家可以依個人喜好再為調整線條粗細和顏色喔!

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 路徑管理員 - 藏在線條中的文字 - optical-art-13

以下是調整過線條顏色的版本~

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 路徑管理員 - 藏在線條中的文字 - -2-e1630645887389

 

不同的線條顏色看起來就有不同的感覺~
除了將文字藏在線條中,也可以把文字更換成任意圖案來製作喔,另外調整線條的間距也可以做出不同的感覺,大家一起來練習吧!

 

 

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

posted in Free Resource 好康報報, Good Design 好站報報, Photoshop 影像設計 and tagged , , , , , .

One Response to 【Illustrator教學】 路徑管理員 – 藏在線條中的文字

  1. 安吉表示:

    你好,我是剛學以拉的初學者,想請教你最後完成圖的文字陰影是怎麼做的?
    我目前只看到陰影效果,沒辦法做到像你那樣
    謝謝!!!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *