Illustrator CC即時上色繪製元件

發佈於Illustrator CC 向量繪圖與

2025/02/19 更新2020/02/20 發佈閱讀 2 分鐘

raw-image

STEP1.
開啟範例檔，選取中央直線並執行『物件 > 變形 > 旋轉』設定旋轉角度：10按下拷貝，再繼續按下『Ctrl』＋『D』複製變形複製出所有旋轉10度的直線。

raw-image

STEP2.
複選所有物件執行『物件 > 即時上色 > 製作』建立即時上色狀態，使用即時上色油漆桶進行上色。

raw-image

STEP3.
選取即時上色物件並執行『物件 > 即時上色 > 展開』在解散群組，即可刪去線框物件。加畫上其他所需的圓與圓圈物件，再加上文字於上方。

raw-image

STEP4.
選取文字物件，使用旋轉工具按住『Alt』再移動選轉中心至參考線中央，設定旋轉角度：5按下確定，先旋轉出文字正確的位置；再次選取文字物件，使用旋轉工具按住『Alt』再移動選轉中心至參考線中央，設定旋轉角度：10按下拷貝，再繼續按下『Ctrl』＋『D』複製變形複製出所有旋轉10度的文字。

raw-image

STEP5.
最後依序修改文字內容並加上其他裝飾物件即完成。

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. 複選前腳元件與中央

你可能也想看

Emma 的意識界。

雙 11 你想買啥? 讓我們來清空購物車順便賺零用金吧😁蝦皮分潤計畫最佳進場時機

搬家不只添購必需品，更能透過蝦皮分潤計畫賺取零用金！本文分享近期搬家時添購的各種實用好物，包含多功能工作桌、電競椅、氣炸烤箱、收納神器等，並詳述如何透過蝦皮雙 11 活動聰明購物、善用優惠，同時利用分潤機制將敗家行為轉化為被動收入，推薦給想聰明消費又想賺額外收入的你！

#蝦皮#廚房#烤箱

2025/11/05

Emma 的意識界。

雙 11 你想買啥? 讓我們來清空購物車順便賺零用金吧😁蝦皮分潤計畫最佳進場時機

搬家不只添購必需品，更能透過蝦皮分潤計畫賺取零用金！本文分享近期搬家時添購的各種實用好物，包含多功能工作桌、電競椅、氣炸烤箱、收納神器等，並詳述如何透過蝦皮雙 11 活動聰明購物、善用優惠，同時利用分潤機制將敗家行為轉化為被動收入，推薦給想聰明消費又想賺額外收入的你！

#蝦皮#廚房#烤箱

2025/11/05

Have a nice day

{好物}蝦皮購物😺貓零食開箱🐟雙11購物攻略🌟0元免運🌟蝦皮分潤=收入🌹

貓奴每月進貢的時間又來啦! 身為專業貢品官，我從蝦皮搜尋各種零食，只為取悅家中三位貓主子！結果究竟會是龍心大悅，亦或是冷眼相待，就讓我們繼續看下去~

#方格新手#蝦皮購物#蝦皮

2025/11/05

Have a nice day

{好物}蝦皮購物😺貓零食開箱🐟雙11購物攻略🌟0元免運🌟蝦皮分潤=收入🌹

貓奴每月進貢的時間又來啦! 身為專業貢品官，我從蝦皮搜尋各種零食，只為取悅家中三位貓主子！結果究竟會是龍心大悅，亦或是冷眼相待，就讓我們繼續看下去~

#方格新手#蝦皮購物#蝦皮

2025/11/05

哩老師的沙龍

Illustrator CC 繪製3D翻轉加油機

Step1. 在Illustrator開啟練習檔，右側多邊型即是要建立3D物件使用，左側圖是要成為物體的貼圖內容。請點取右側多邊型型物件，執行『效果 > 3D > 突出與斜角』，勾取預視設定角度：-25、-25、-10，透視：85、突出深度：120，按下確定完成基礎立方體。 Step2. 點取左

2020/02/20

哩老師的沙龍

Illustrator CC 繪製3D翻轉加油機

Step1. 在Illustrator開啟練習檔，右側多邊型即是要建立3D物件使用，左側圖是要成為物體的貼圖內容。請點取右側多邊型型物件，執行『效果 > 3D > 突出與斜角』，勾取預視設定角度：-25、-25、-10，透視：85、突出深度：120，按下確定完成基礎立方體。 Step2. 點取左

2020/02/20

哩老師的沙龍

Illustrator CC 繪製立體數字轉盤

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

2020/02/20

哩老師的沙龍

Illustrator CC 繪製立體數字轉盤

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

2020/02/20

哩老師的沙龍

Illustrator CC翻轉3D方塊

Step1. 在Illustrator開啟練習檔，左側矩型即是要建立3D立方體使用，右側六個圖是要成為立方體六個面的貼圖內容。請點取左側矩型物件，執行『效果 > 3D > 突出與斜角』，勾取預視設定角度：-35、-30、140，透視：80、突出深度：210，按下確定完成基礎立方體。 Step2.

2020/02/20

哩老師的沙龍

Illustrator CC翻轉3D方塊

Step1. 在Illustrator開啟練習檔，左側矩型即是要建立3D立方體使用，右側六個圖是要成為立方體六個面的貼圖內容。請點取左側矩型物件，執行『效果 > 3D > 突出與斜角』，勾取預視設定角度：-35、-30、140，透視：80、突出深度：210，按下確定完成基礎立方體。 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. 開啟範例練習檔，依序設定文字筆畫為『白色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. 首先繪製中央黃色刻度，請選取黃色長方形，使用旋轉工具，按住『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