【Illustrator教學】 塗抹效果 – 粉筆字

哈囉~臨近教師節,來練習一下應景的 Illustrator 粉筆字效果呀 👩‍🏫

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 塗抹效果 – 粉筆字 -

【Step 1】新增檔案

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

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 塗抹效果 – 粉筆字 - 1

【Step 2】矩形工具

使用矩形工具畫一個(800 px × 600 px)的矩形當作背景;這裡使用的顏色是(#2D3D2D)

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 塗抹效果 – 粉筆字 - 2

【Step 3】文字工具

使用文字工具輸入文字,建議使用較粗的字體做出來的效果比較好,並將文字填色(#FFFFFF)

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 塗抹效果 – 粉筆字 - 3

【Step 4】文字建立外框

選取文字,點選 文字 建立外框

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 塗抹效果 – 粉筆字 - 4

【Step 5】複製文字

複製文字後將文字填色取消,設定筆畫顏色(#ffffff),筆畫 1 pt

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 塗抹效果 – 粉筆字 - 5

【Step 6】塗抹效果

選取有填色的文字,點選 效果 風格化 塗抹

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 塗抹效果 – 粉筆字 - 6

【Step 7】塗抹效果選項

塗抹選項可以參考下圖設定,也可以依個人喜好調整效果選項喔 ( 記得將面板中的預視開啟,就能預覽效果囉 )

路徑重疊:控制線條是否超出路徑邊界,這邊設定稍微超出路徑一點讓邊緣有些變化

筆觸寬度:這裡設為 1 px;筆觸寬度加粗的話也別有風格,但感覺會偏向蠟筆的塗鴉效果

弧度:控制線條的轉彎的弧度,弧度數值越大線條轉彎處弧度就會越明顯

間距:控制線條間的距離,搭配上變量的效果,讓線條有密有疏的感覺

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 塗抹效果 – 粉筆字 - 7

【Step 8】完成

很簡單的就完成粉筆字效果啦~

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 塗抹效果 – 粉筆字 - 8

再加上一點小裝飾 ~ 愛心也是使用同樣的塗抹效果畫出來的唷 ❤️

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustrator教學】 塗抹效果 – 粉筆字 - 1-1

 

 

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

 

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

發佈留言

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