【Illustraror教學】圖樣筆刷 – 製作聖誕節花圈

聖誕節即將到來~大家準備如何度過聖誕節呢?
繼上次的南瓜小教學後,這次使用圖樣筆刷一起來畫個聖誕節花圈吧!

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

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 2

關於花圈的素材,大家可以先找好自己喜歡的樣式,或是自己畫個葉子來當基本素材喔

【花圈素材-葉子】

1.使用弧形工具,畫出一段弧線,先畫出莖的大約形狀

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 3-1-e1576497718716

2.將弧線的筆畫調至3 pt,並選擇兩端較細的寬度描述檔 (這邊可以根據自己的喜好調整喔)

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 5-e1576497948682

3.使用橢圓形工具,先畫出一個瘦長的橢圓形,然後選取底下的錨點再使用轉換錨點工具然後將選取的錨點轉換為尖角

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 6-e1576497933218

4.為了讓葉子可以順著莖的形狀排列,再來要使用直接選取工具去調整錨點位子做出葉子整體的形狀,要讓葉子呈現如下圖 ( ps. 直接選取工具調整錨點的方法,可以詳細參考上一篇畫南瓜的介紹喔~)

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 7-e1576497921966

5.複製多片葉子,將葉子排列在剛剛畫好的莖上面,記得要稍微調整葉片的大小喔,排越上方的葉子就越小~

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 8-e1576497910431

6.選取中間的莖,點選 物件路徑外框筆畫,將筆畫轉為填色的色塊

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 8-1-e1576497900103

花圈的基本葉子到此就大致完成啦~再來就要準備將葉子組合成花圈了

【圖樣筆刷-製作】

1.將做好的葉子複製鏡射排列如下圖

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 9-e1576497891815

2.因為這次所畫的葉子只使用單一組來製作圖樣筆刷時會無法完美的繞成無接縫的花圈,所以要先將葉子複製多組排列成一列,並將整列組成群組,如下圖
(如果是使用其他可以直接繞成一圈的素材,就可以省略此步驟喔!)

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 10-e1576497879184

3.點選筆刷面板中的新增筆刷,選取圖樣筆刷

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 11-e1576497868610

4.會跳出圖樣筆刷面板,先選擇最接近的路徑,其他選項可以等套用筆刷後再視套用情形來調整

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 12-e1576497858147

【圖樣筆刷-套用筆刷】

1.使用橢圓形工具,按住Shift鍵畫出一個圓形

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 13-e1576497849146

2.選取圓形後,點選筆刷面板中剛剛製作好的圖樣筆刷

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 14-e1576497839150

3.選取筆刷面板所選取物件的選項來調整筆刷細節,可以試試面板中縮放來達成無接縫的圖形 (記得要將面板中的預視勾選起來,這樣就可以直接看到調整效果喔)

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 15-e1576497830533

4.筆刷套用完成後,一樣選取花圈,點選 物件路徑外框筆畫,將筆畫轉為填色的色塊,這樣縮放等圖案就不會跑掉囉

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 17-e1576497808671

【花圈裝飾與背景】

1.花圈製作好後,可以幫花圈加上點陰影,點選 效果風格化製作陰影

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 19-e1576497784488

2.再來製作背景,先使用矩形工具畫個矩形填滿背景,填色選擇放射狀漸層(中間選擇較淺的顏色,邊緣顏色較深)

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 20-e1576497774744

3.加上蝴蝶結或是其他聖誕節相關裝飾

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 21-e1576497763249

4.使用文字工具,打上文字,加上手寫字形就很有卡片的感覺呀

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - 23-e1576572313192

今天的小分享就到這邊啦,大家快來試試筆刷工具吧~

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】圖樣筆刷 - 製作聖誕節花圈 - merry-christmas-e1576497741196

 

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

 

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

發佈留言

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