【Illustraror教學】漸變工具 – 漸變立體文字

哈囉~好久不見呀 😊
今天要來應用漸變工具來做漸變立體文字,讓文字不再單調,完成品如下 👏

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】漸變工具 - 漸變立體文字 -

【Step 1】新增檔案

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

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】漸變工具 - 漸變立體文字 - -1

【Step 2】矩形工具

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

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】漸變工具 - 漸變立體文字 - _1

【Step 3】文字工具

使用文字工具輸入文字,此步驟大家可以選擇喜歡的字型喔,建議使用加粗的字體做出來的效果比較好,並將文字填色(#f2557e),筆畫顏色(#ffffff),筆畫0.5 pt

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】漸變工具 - 漸變立體文字 - _2

【Step 4】文字建立外框

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

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】漸變工具 - 漸變立體文字 - _3

【Step 5】3D旋轉效果

選取文字,點選 效果 → 3D → 旋轉

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】漸變工具 - 漸變立體文字 - _4

【Step 6】3D旋轉效果調整旋轉選項

3D旋轉選項面板;位置選擇”右側等角” 後點選”確定

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】漸變工具 - 漸變立體文字 - _5

【Step 7】複製文字

複製一層文字,放在原本文字的左上方,並將複製出來的文字設定成填色(#d3c1f4);(注意圖層順序,是粉紅色文字的圖層在上面,粉紫色文字圖層在下面喔!)

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】漸變工具 - 漸變立體文字 - _6

【Step 8】漸變工具

將2層文字一起選取,點選 物件 → 漸變 → 製作

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】漸變工具 - 漸變立體文字 - _7

【Step 9】漸變工具漸變選項

再來調整漸變效果,選取漸變文字後,點選 物件 → 漸變 → 漸變選項

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】漸變工具 - 漸變立體文字 - _8

【Step 10】漸變工具-調整漸變效果

漸變選項面板;選擇指定距離 3px (面板下方的預視記得勾選,可以預覽效果喔~),選擇好之後按下確定

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】漸變工具 - 漸變立體文字 - _9

【Step 11】漸變工具-展開漸變物件

確認好漸變效果沒有要在變動之後,選取漸變文字,點選 物件 → 漸變 → 展開

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】漸變工具 - 漸變立體文字 - _10

Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【Illustraror教學】漸變工具 - 漸變立體文字 -

這樣漸變立體文字就完成啦~
文字的字型跟顏色等大家也可以自行更換喔,快點跟著步驟嘗試看看吧
今天的分享就到這裡啦 ~ 希望大家喜歡 💖

 

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

 

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

發佈留言

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