Illustrator CC漸變路徑應用

發佈於Illustrator CC 向量繪圖與

更新於 2025/02/19發佈於 2020/02/20閱讀時間約 1 分鐘

raw-image

Step1.
準備所需要的物件，文字、圓圈與多邊型，其中要成為漸變路徑的圓圈已經以剪刀工具剪出小缺口。

raw-image

Step2.
使用漸變工具按下漸變的第一個箭頭物件，再按下第二個箭頭物件，完成第一組漸變，複選漸變群與圓圈路徑，準備來替換漸變路徑。

raw-image

複選漸變群與圓圈路徑，執行『物件 > 漸變 > 取代旋轉』完成漸變路徑的替換。

Step3.
接著先使用直接選取工具，點取漸變起始物件，在切換使用一般選取工具，直接旋轉漸變起始物件成向上。相同方式再使用直接選取工具，點取漸變終點物件，在切換使用一般選取工具，直接旋轉漸變起始物件成向上，完成漸變物件的調整。

raw-image

Step4.
最後可點取漸變路徑，按二下漸變工具即呼叫出『漸變選項』設定，設定『間距 / 指定階數：15』、『方向：對齊路徑』，搭配文字完成此設計。

raw-image

【下載範例】

相關課程 : 優勢多媒體 - Illustrator專業網頁與動畫素材設計

#工具與應用

哩老師的沙龍Illustrator CC 向量繪圖與工具與應用

留言

留言分享你的想法！

哩老師的沙龍

29會員

129內容數

多媒體設計的專業能力養成過程，除了有效率學習軟體之外，更重要的是各個軟體間的整合應用! Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等，相關的整合應用有機會皆會與大家分享喔~

哩老師的沙龍的其他內容

2020/02/20

Illustrator CC人物表情特寫繪製

STEP1. 選取到頭部外側圓形，複製並貼至上層一份；複選二圓形並進行『分割』解散群組，選取到中央臉型圓形，複製並貼至上層一份，選取到一份臉型圓形與分割線，進行『分割』並解散群組，獲得上邊流海與下邊臉部。 STEP2. 選取到臉部下半圓與長橢圓進行『上剪下』，即刪去多餘部分只留下臉二邊的頭髮部分

2020/02/20

Illustrator CC人物表情特寫繪製

STEP1. 選取到頭部外側圓形，複製並貼至上層一份；複選二圓形並進行『分割』解散群組，選取到中央臉型圓形，複製並貼至上層一份，選取到一份臉型圓形與分割線，進行『分割』並解散群組，獲得上邊流海與下邊臉部。 STEP2. 選取到臉部下半圓與長橢圓進行『上剪下』，即刪去多餘部分只留下臉二邊的頭髮部分

2020/02/20

Illustrator CC繪製猴子角色正面

STEP1. 開啟範例練習檔，選取身體輪廓複製並貼至上層成二份，複選身體與分割依據線條進行路徑管理員『分割』並解散群組，即可進行填色，最底層完整身體元件請設定筆畫與『變數寬度描述檔』。 STEP2. 複選構成頭部的三大妥圓與二小橢圓，進行路徑管理員『相加』，複製、貼至上層此頭部元件成為二份；同樣

2020/02/20

Illustrator CC繪製猴子角色正面

STEP1. 開啟範例練習檔，選取身體輪廓複製並貼至上層成二份，複選身體與分割依據線條進行路徑管理員『分割』並解散群組，即可進行填色，最底層完整身體元件請設定筆畫與『變數寬度描述檔』。 STEP2. 複選構成頭部的三大妥圓與二小橢圓，進行路徑管理員『相加』，複製、貼至上層此頭部元件成為二份；同樣

2020/02/20

Illustrator CC 繪製飛奔乳牛

STEP1. 開啟範例練習檔，使用直接選取工具調整身體尾部輪廓，複選二身體構成大橢圓執行路徑管理員『分割』並解散群組，刪去上方身體外的多餘元件。複選三斑點妥圓與身體二橢圓元件，執行路徑管理員『分割』並解散群組，刪去上方身體外的多餘元件，進行填色完成身體部分。 STEP2. 複選前腳元件與中央

2020/02/20

Illustrator CC 繪製飛奔乳牛

STEP1. 開啟範例練習檔，使用直接選取工具調整身體尾部輪廓，複選二身體構成大橢圓執行路徑管理員『分割』並解散群組，刪去上方身體外的多餘元件。複選三斑點妥圓與身體二橢圓元件，執行路徑管理員『分割』並解散群組，刪去上方身體外的多餘元件，進行填色完成身體部分。 STEP2. 複選前腳元件與中央

你可能也想看

阿千看世界

2025年綜合所得稅繳稅教學：線上申報、信用卡回饋、拆單攻略！

每年4月、5月都是最多稅要繳的月份，當然大部份的人都是有機會繳到「綜合所得稅」，只是相當相當多人還不知道，原來繳給政府的稅！可以透過一些有活動的銀行信用卡或電子支付來繳，從繳費中賺一點點小確幸！就是賺個１%~2%大家也是很開心的，因為你們把沒回饋變成有回饋，就是用卡的最高境界所得稅線上申報

#2025所得稅#綜合所得稅#繳稅有回饋

2025/05/03

阿千看世界

2025年綜合所得稅繳稅教學：線上申報、信用卡回饋、拆單攻略！

每年4月、5月都是最多稅要繳的月份，當然大部份的人都是有機會繳到「綜合所得稅」，只是相當相當多人還不知道，原來繳給政府的稅！可以透過一些有活動的銀行信用卡或電子支付來繳，從繳費中賺一點點小確幸！就是賺個１%~2%大家也是很開心的，因為你們把沒回饋變成有回饋，就是用卡的最高境界所得稅線上申報

#2025所得稅#綜合所得稅#繳稅有回饋

2025/05/03

科技巨頭解碼

NVDA 25Q1 財報 - 扣除中國因素，輝達的前方仍然沒有烏雲 | #276

全球科技產業的焦點，AKA 全村的希望 NVIDIA，於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1，實際日曆期間為今年二到四月)，交出了打敗了市場預期的成績單。然而，在銷售持續高速成長的同時，川普政府加大對於中國的晶片管制......

#NVDA#NVIDIA#輝達

2025/06/18

科技巨頭解碼

NVDA 25Q1 財報 - 扣除中國因素，輝達的前方仍然沒有烏雲 | #276

全球科技產業的焦點，AKA 全村的希望 NVIDIA，於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1，實際日曆期間為今年二到四月)，交出了打敗了市場預期的成績單。然而，在銷售持續高速成長的同時，川普政府加大對於中國的晶片管制......

#NVDA#NVIDIA#輝達

2025/06/18

哩老師的沙龍

Illustrator CC 繪製立體數字轉盤

Step1. 在Illustrator開啟練習檔，右側同心圓圈與旋轉直線即是要建立3D物件使用，左側與上方數字是要成為3D立體轉盤的貼圖內容。請仔細複選到右側大圓與所有旋轉直線（不含內圓）執行『物件 > 即時上色 > 製作』，使用即時上色工具於扇型區域依序填上紅色與黑色相間。 Step2. 選取

2020/02/20

哩老師的沙龍

Illustrator CC 繪製立體數字轉盤

Step1. 在Illustrator開啟練習檔，右側同心圓圈與旋轉直線即是要建立3D物件使用，左側與上方數字是要成為3D立體轉盤的貼圖內容。請仔細複選到右側大圓與所有旋轉直線（不含內圓）執行『物件 > 即時上色 > 製作』，使用即時上色工具於扇型區域依序填上紅色與黑色相間。 Step2. 選取

2020/02/20

哩老師的沙龍

Illustrator CC 3D文字

STEP1. 點取已經建立外框的文字，執行『效果 > 3D > 突出與斜角』，設定『突出深度：40 pt』，按下確定。點取建立的3D突出與斜角，執行『物件 > 擴充外觀』，將3D突出與斜角效果實體化。 STEP2. 使用魔術棒工具，點取文字正面部分，加上漸層填色，線性淺橘色至橘色。使用漸層工

2020/02/20

哩老師的沙龍

Illustrator CC 3D文字

STEP1. 點取已經建立外框的文字，執行『效果 > 3D > 突出與斜角』，設定『突出深度：40 pt』，按下確定。點取建立的3D突出與斜角，執行『物件 > 擴充外觀』，將3D突出與斜角效果實體化。 STEP2. 使用魔術棒工具，點取文字正面部分，加上漸層填色，線性淺橘色至橘色。使用漸層工

2020/02/20

哩老師的沙龍

Illustrator CC漸變路徑應用

Step1. 準備所需要的物件，文字、圓圈與多邊型，其中要成為漸變路徑的圓圈已經以剪刀工具剪出小缺口。 Step2. 使用漸變工具按下漸變的第一個箭頭物件，再按下第二個箭頭物件，完成第一組漸變，複選漸變群與圓圈路徑，準備來替換漸變路徑。複選漸變群與圓圈路徑，執行『物件 > 漸變 > 取代旋

#工具與應用

2020/02/20

哩老師的沙龍

Illustrator CC漸變路徑應用

Step1. 準備所需要的物件，文字、圓圈與多邊型，其中要成為漸變路徑的圓圈已經以剪刀工具剪出小缺口。 Step2. 使用漸變工具按下漸變的第一個箭頭物件，再按下第二個箭頭物件，完成第一組漸變，複選漸變群與圓圈路徑，準備來替換漸變路徑。複選漸變群與圓圈路徑，執行『物件 > 漸變 > 取代旋

#工具與應用

2020/02/20

哩老師的沙龍

Illustrator CC即時上色繪製元件

STEP1. 開啟範例檔，選取中央直線並執行『物件 > 變形 > 旋轉』設定旋轉角度：10按下拷貝，再繼續按下『Ctrl』＋『D』複製變形複製出所有旋轉10度的直線。 STEP2. 複選所有物件執行『物件 > 即時上色 > 製作』建立即時上色狀態，使用即時上色油漆桶進行上色。 STEP3. 選

#工具與應用

2020/02/20

哩老師的沙龍

Illustrator CC即時上色繪製元件

STEP1. 開啟範例檔，選取中央直線並執行『物件 > 變形 > 旋轉』設定旋轉角度：10按下拷貝，再繼續按下『Ctrl』＋『D』複製變形複製出所有旋轉10度的直線。 STEP2. 複選所有物件執行『物件 > 即時上色 > 製作』建立即時上色狀態，使用即時上色油漆桶進行上色。 STEP3. 選

#工具與應用

2020/02/20

哩老師的沙龍

Illustrator CC人物剪影構圖

STEP1. 在PHOTOSHOP中開啟範例，使用『魔術橡皮擦』工具直接點取背景來去除背景，由圖層控制版上設定『透明鎖定』，在執行『編輯 > 填滿 > 黑色』將影像填滿黑色。 STEP2. 依序使用矩型選取工具框選影像並拷貝，至ILLUSTRATOR貼上，點取影像執行『視窗 > 影像描圖』，開啟

#工具與應用

2020/02/20

哩老師的沙龍

Illustrator CC人物剪影構圖

STEP1. 在PHOTOSHOP中開啟範例，使用『魔術橡皮擦』工具直接點取背景來去除背景，由圖層控制版上設定『透明鎖定』，在執行『編輯 > 填滿 > 黑色』將影像填滿黑色。 STEP2. 依序使用矩型選取工具框選影像並拷貝，至ILLUSTRATOR貼上，點取影像執行『視窗 > 影像描圖』，開啟

#工具與應用

2020/02/20

哩老師的沙龍

Illustrator CC效果花

STEP1. 開啟範例練習檔，使用放射網格工具於畫面上按一下設定『寬 / 高：300 px、同心圓分隔線數量：5、放射狀分隔線數量：0』繪製出放射狀網格，並解散群組；選取到所有圓圈執行『物件 > 路徑 > 增加錨點』增加一次錨點。 STEP2. 不設定筆畫顏色，均加上放色狀三色漸層，搭配中央深色

#工具與應用

2020/02/20

哩老師的沙龍

Illustrator CC效果花

STEP1. 開啟範例練習檔，使用放射網格工具於畫面上按一下設定『寬 / 高：300 px、同心圓分隔線數量：5、放射狀分隔線數量：0』繪製出放射狀網格，並解散群組；選取到所有圓圈執行『物件 > 路徑 > 增加錨點』增加一次錨點。 STEP2. 不設定筆畫顏色，均加上放色狀三色漸層，搭配中央深色

#工具與應用

2020/02/20

哩老師的沙龍

Illustrator CC馬賽克點狀文字效果

STEP1. 開啟範例練習檔，依序設定文字筆畫為『白色10pt、黑色10pt、黑色20pt、黑色40pt、黑色60pt』。 STEP2. 依序選取每一份文字與方框線，執行『物件 > 點陣化』設定為解析度：螢幕；再依序選取選取每份內容執行『物件 > 建立物件馬賽克』設定『拼貼數目：50、結果：灰階

#工具與應用

2020/02/20

哩老師的沙龍

Illustrator CC馬賽克點狀文字效果

STEP1. 開啟範例練習檔，依序設定文字筆畫為『白色10pt、黑色10pt、黑色20pt、黑色40pt、黑色60pt』。 STEP2. 依序選取每一份文字與方框線，執行『物件 > 點陣化』設定為解析度：螢幕；再依序選取選取每份內容執行『物件 > 建立物件馬賽克』設定『拼貼數目：50、結果：灰階

#工具與應用

2020/02/20

哩老師的沙龍

Illustrator CC 路徑管理員繪製插圖

STEP1. 開啟範例練習檔，分別繪製所需的二圓角矩型（735,545,30 / 700,500,30）與一垂直直線（500,90）於檔案範圍內。選取到二圓角矩型與直線，在對齊控制版上設定對齊至：『對齊工作區域』，完成置中於檔案範圍內對齊，並填上二圓角矩型的填色。 STEP2. 點取中央直線

#工具與應用#路徑管理員#漸層繪圖

2020/02/20

哩老師的沙龍

Illustrator CC 路徑管理員繪製插圖

STEP1. 開啟範例練習檔，分別繪製所需的二圓角矩型（735,545,30 / 700,500,30）與一垂直直線（500,90）於檔案範圍內。選取到二圓角矩型與直線，在對齊控制版上設定對齊至：『對齊工作區域』，完成置中於檔案範圍內對齊，並填上二圓角矩型的填色。 STEP2. 點取中央直線

#工具與應用#路徑管理員#漸層繪圖

2020/02/20

哩老師的沙龍

Illustrator CC 旋轉再次變形構圖

STEP1. 首先繪製中央黃色刻度，請選取黃色長方形，使用旋轉工具，按住『Alt』移動旋轉中心至參考線中心上，於跳出的選轉設定面版上設定旋轉角度：-12.5，按下『拷貝』，再繼續按下『Ctrl』+『D』旋轉複製出所有刻度線。 STEP2. 選取左側白色長方形，使用旋轉工具，按住『Alt』移動旋

#工具與應用

2020/02/20

哩老師的沙龍

Illustrator CC 旋轉再次變形構圖

STEP1. 首先繪製中央黃色刻度，請選取黃色長方形，使用旋轉工具，按住『Alt』移動旋轉中心至參考線中心上，於跳出的選轉設定面版上設定旋轉角度：-12.5，按下『拷貝』，再繼續按下『Ctrl』+『D』旋轉複製出所有刻度線。 STEP2. 選取左側白色長方形，使用旋轉工具，按住『Alt』移動旋

#工具與應用

2020/02/20

哩老師的沙龍

Photoshop CC 繪製紙質物件風格

Step1. 開啟範例練習檔，圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路，為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑，均由繪圖工具組繪製，也可自行繪製。設定前景色為#FEBD63，新增圖層1，使用矩型繪圖工具、繪圖方式選擇填滿像素，繪製5*5像素之小正方形於左下角，並

#工具與應用

2020/02/19

哩老師的沙龍

Photoshop CC 繪製紙質物件風格

Step1. 開啟範例練習檔，圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路，為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑，均由繪圖工具組繪製，也可自行繪製。設定前景色為#FEBD63，新增圖層1，使用矩型繪圖工具、繪圖方式選擇填滿像素，繪製5*5像素之小正方形於左下角，並

#工具與應用

2020/02/19

追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News