【Illustrator教學】 圖樣筆刷 – 中式邊框

哈囉~這次的 Illustrator 要來練習畫中式的邊框,之前也有做過類似的聖誕花圈,利用鋼筆工具畫出圖案後製作成圖樣筆刷,一起跟著步驟練習吧!

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 -

【Step 1】新增檔案

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

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 - -1

【Step 2】顯示格點

點選 檢視顯示格點

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 - -2

【Step 3】鋼筆工具

使用鋼筆工具畫出需要的邊框圖案 ( 利用一開始顯示的格點會比較方便畫出中式邊框較複雜和對稱的線條喔 )

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 - -4

【Step 4】鏡射工具

選取剛畫好的圖案,右鍵變形鏡射

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 - -5

選擇 垂直鏡射

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 - -6

【Step 5】調整筆畫

將2個圖案排好對齊如下圖,並調整筆畫 4 pt ( 筆畫粗細可以根據想要的效果自行調整 )

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 - -7

【Step 6】合併

選取剛畫好的2個圖案路徑,右鍵合併 將2段路徑合併

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 - -7-1

【Step 7】線段工具或鋼筆工具

使用線段工具或是鋼筆工具在上方與下方畫出線段

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 - -8

【Step 8】群組

選取畫好的所有線條路徑,右鍵群組

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 - -9

【Step 9】新增筆刷

選取圖案 → 點選筆刷面板下方的 新增筆刷
(剛剛畫的圖案如果太大,可以先縮小再新增筆刷喔)

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 - -10

新增 圖樣筆刷

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 - -11

外部與內部轉角處要點開選單,選取 自動切片 ,然後點選 確定 完成筆刷

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 - -12-1

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 - -12

【Step 10】矩形工具

使用矩形工具畫出一個正方形

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 - -13

【Step 11】套用筆刷

選取方形 → 點選 圖樣筆刷

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 - -14

這樣就完成中式邊框啦~

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 - -14-1

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 - -15

大家可以嘗試不同筆畫粗細、不同線條圖案就可以變化出很多樣的邊框唷~  🧧

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 圖樣筆刷 – 中式邊框 -

 

 

 

 

 

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

 

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

發佈留言

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