Illustrator CC漸層魔術棒

更新 發佈閱讀 2 分鐘
raw-image

STEP1.
繪製35x340與35x210px矩型,對齊置中二物件。選取外側大長方形執行『效果 > 風格化 >圓角』設定圓角半徑:15px。

raw-image

STEP2.
分別填入適當的漸層顏色完成魔術棒並組成群組,移動略微旋轉魔術棒角度,使用漸層工具調整背景漸層的中央位置。

raw-image

STEP3.
繪製一圓形並填入黑至透明漸層,壓扁做為陰影並置於魔術當下方。

raw-image

繪製370px正圓設定填色,執行『效果 > 風格化 >羽化』設定羽化半徑:100px。

raw-image

STEP4.
繪製175px正圓設定填色,執行『效果 > 風格化 >羽化』設定羽化半徑:50px,做為主要光點,移動複製並更改填色編排出魔術棒周圍的光斑。

raw-image

STEP5.
進入魔術棒群組內並複製外圍圓角矩型,重新貼上圓角矩型至魔術棒下方並放大圓角矩型寬度填上亮黃色,點取圓角矩型物件執行『物件 > 擴充外觀』將圓角矩型實體化,使用直接選取工具調整右下角約與魔術棒寬相符合,執行『效果 > 風格化 >羽化』設定羽化半徑:40px。

raw-image

STEP6.
繪製40px的白色正圓,執行『效果 > 扭曲與變形 > 縮攏與膨脹』設定縮攏:-90%,再執行『效果 > 風格化 >羽化』設定羽化半徑:2 px。

raw-image

STEP7.
繪製30px的白色正圓,行『效果 > 風格化 >羽化』設定羽化半徑:10 px。組合光點與十字光並對齊置中,旋轉角度成X並群組光點,放置於魔術棒端點。

raw-image

STEP8.
移動複製多個光點與魔術棒周圍,選取到所有周圍光點,執行『物件 > 變形 > 個別變形』設定縮放、移動、旋轉讓光點自然排列。

raw-image

下載範例

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

留言
avatar-img
哩老師的沙龍
29會員
129內容數
多媒體設計的專業能力養成過程,除了有效率學習軟體之外,更重要的是各個軟體間的整合應用! Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等,相關的整合應用有機會皆會與大家分享喔~
哩老師的沙龍的其他內容
2020/02/20
STEP1. 選取到頭部外側圓形,複製並貼至上層一份;複選二圓形並進行『分割』解散群組,選取到中央臉型圓形,複製並貼至上層一份,選取到一份臉型圓形與分割線,進行『分割』並解散群組,獲得上邊流海與下邊臉部。 STEP2. 選取到臉部下半圓與長橢圓進行『上剪下』,即刪去多餘部分只留下臉二邊的頭髮部分
Thumbnail
2020/02/20
STEP1. 選取到頭部外側圓形,複製並貼至上層一份;複選二圓形並進行『分割』解散群組,選取到中央臉型圓形,複製並貼至上層一份,選取到一份臉型圓形與分割線,進行『分割』並解散群組,獲得上邊流海與下邊臉部。 STEP2. 選取到臉部下半圓與長橢圓進行『上剪下』,即刪去多餘部分只留下臉二邊的頭髮部分
Thumbnail
2020/02/20
STEP1. 開啟範例練習檔,選取身體輪廓複製並貼至上層成二份,複選身體與分割依據線條進行路徑管理員『分割』並解散群組,即可進行填色,最底層完整身體元件請設定筆畫與『變數寬度描述檔』。 STEP2. 複選構成頭部的三大妥圓與二小橢圓,進行路徑管理員『相加』,複製、貼至上層此頭部元件成為二份;同樣
Thumbnail
2020/02/20
STEP1. 開啟範例練習檔,選取身體輪廓複製並貼至上層成二份,複選身體與分割依據線條進行路徑管理員『分割』並解散群組,即可進行填色,最底層完整身體元件請設定筆畫與『變數寬度描述檔』。 STEP2. 複選構成頭部的三大妥圓與二小橢圓,進行路徑管理員『相加』,複製、貼至上層此頭部元件成為二份;同樣
Thumbnail
2020/02/20
STEP1. 開啟範例練習檔,使用直接選取工具調整身體尾部輪廓,複選二身體構成大橢圓執行路徑管理員『分割』並解散群組,刪去上方身體外的多餘元件。 複選三斑點妥圓與身體二橢圓元件,執行路徑管理員『分割』並解散群組,刪去上方身體外的多餘元件,進行填色完成身體部分。 STEP2. 複選前腳元件與中央
Thumbnail
2020/02/20
STEP1. 開啟範例練習檔,使用直接選取工具調整身體尾部輪廓,複選二身體構成大橢圓執行路徑管理員『分割』並解散群組,刪去上方身體外的多餘元件。 複選三斑點妥圓與身體二橢圓元件,執行路徑管理員『分割』並解散群組,刪去上方身體外的多餘元件,進行填色完成身體部分。 STEP2. 複選前腳元件與中央
Thumbnail
看更多
你可能也想看
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
STEP1. 點取已經建立外框的文字,執行『效果 > 3D > 突出與斜角』,設定『突出深度:40 pt』,按下確定。點取建立的3D突出與斜角,執行『物件 > 擴充外觀』,將3D突出與斜角效果實體化。 STEP2. 使用魔術棒工具,點取文字正面部分,加上漸層填色,線性淺橘色至橘色。 使用漸層工
Thumbnail
STEP1. 點取已經建立外框的文字,執行『效果 > 3D > 突出與斜角』,設定『突出深度:40 pt』,按下確定。點取建立的3D突出與斜角,執行『物件 > 擴充外觀』,將3D突出與斜角效果實體化。 STEP2. 使用魔術棒工具,點取文字正面部分,加上漸層填色,線性淺橘色至橘色。 使用漸層工
Thumbnail
STEP1. 開啟範例練習檔,使用放射網格工具於畫面上按一下設定『寬 / 高:300 px、同心圓分隔線數量:5、放射狀分隔線數量:0』繪製出放射狀網格,並解散群組;選取到所有圓圈執行『物件 > 路徑 > 增加錨點』增加一次錨點。 STEP2. 不設定筆畫顏色,均加上放色狀三色漸層,搭配中央深色
Thumbnail
STEP1. 開啟範例練習檔,使用放射網格工具於畫面上按一下設定『寬 / 高:300 px、同心圓分隔線數量:5、放射狀分隔線數量:0』繪製出放射狀網格,並解散群組;選取到所有圓圈執行『物件 > 路徑 > 增加錨點』增加一次錨點。 STEP2. 不設定筆畫顏色,均加上放色狀三色漸層,搭配中央深色
Thumbnail
STEP1. 開啟範例練習檔,依序設定文字筆畫為『白色10pt、黑色10pt、黑色20pt、黑色40pt、黑色60pt』。 STEP2. 依序選取每一份文字與方框線,執行『物件 > 點陣化』設定為解析度:螢幕;再依序選取選取每份內容執行『物件 > 建立物件馬賽克』設定『拼貼數目:50、結果:灰階
Thumbnail
STEP1. 開啟範例練習檔,依序設定文字筆畫為『白色10pt、黑色10pt、黑色20pt、黑色40pt、黑色60pt』。 STEP2. 依序選取每一份文字與方框線,執行『物件 > 點陣化』設定為解析度:螢幕;再依序選取選取每份內容執行『物件 > 建立物件馬賽克』設定『拼貼數目:50、結果:灰階
Thumbnail
STEP1. 繪製35x340與35x210px矩型,對齊置中二物件。選取外側大長方形執行『效果 > 風格化 >圓角』設定圓角半徑:15px。 STEP2. 分別填入適當的漸層顏色完成魔術棒並組成群組,移動略微旋轉魔術棒角度,使用漸層工具調整背景漸層的中央位置。 STEP3. 繪製一圓形並填入
Thumbnail
STEP1. 繪製35x340與35x210px矩型,對齊置中二物件。選取外側大長方形執行『效果 > 風格化 >圓角』設定圓角半徑:15px。 STEP2. 分別填入適當的漸層顏色完成魔術棒並組成群組,移動略微旋轉魔術棒角度,使用漸層工具調整背景漸層的中央位置。 STEP3. 繪製一圓形並填入
Thumbnail
STEP1. 開啟範例練習檔,分別繪製所需的二圓角矩型(735,545,30 / 700,500,30)與一垂直直線(500,90)於檔案範圍內。 選取到二圓角矩型與直線,在對齊控制版上設定對齊至:『對齊工作區域』,完成置中於檔案範圍內對齊,並填上二圓角矩型的填色。 STEP2. 點取中央直線
Thumbnail
STEP1. 開啟範例練習檔,分別繪製所需的二圓角矩型(735,545,30 / 700,500,30)與一垂直直線(500,90)於檔案範圍內。 選取到二圓角矩型與直線,在對齊控制版上設定對齊至:『對齊工作區域』,完成置中於檔案範圍內對齊,並填上二圓角矩型的填色。 STEP2. 點取中央直線
Thumbnail
Step1. 開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。 設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並
Thumbnail
Step1. 開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。 設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並
Thumbnail
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。 STEP1. 開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項。 執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。 STEP2. 在圖層上新增圖層1,使用
Thumbnail
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。 STEP1. 開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項。 執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。 STEP2. 在圖層上新增圖層1,使用
Thumbnail
【檢視範例】【下載範例】 應用形狀補間動畫的物件變形特點,再搭配遮色片功能,不需要藉助任何的元件與濾鏡效果,即可完美演繹目標內容的動態呈現。 目標動畫效果:應用形狀補間動畫完成畫線條動畫,以及搭配遮色片呈現內容出現的效果,並細膩設定物件變形與時間點控制,達成繪圖動畫的目地。 使用動畫技巧:形狀補間
Thumbnail
【檢視範例】【下載範例】 應用形狀補間動畫的物件變形特點,再搭配遮色片功能,不需要藉助任何的元件與濾鏡效果,即可完美演繹目標內容的動態呈現。 目標動畫效果:應用形狀補間動畫完成畫線條動畫,以及搭配遮色片呈現內容出現的效果,並細膩設定物件變形與時間點控制,達成繪圖動畫的目地。 使用動畫技巧:形狀補間
Thumbnail
使用橢圓、矩型、鋼筆工具建立物件基本造型,搭配物件重疊合併的編輯,以及漸層填色技巧,完成仿3D的場景內之球、舞台、光線、陰影等動畫素材物件。 STEP1. 為方便編輯請先設定場景背景色為灰色,選擇填色為黑白放射狀漸層,繪製正圓形無邊框黑白漸層,再使用漸層變形工具調整漸層中心至圓內左上角,放大漸層範圍
Thumbnail
使用橢圓、矩型、鋼筆工具建立物件基本造型,搭配物件重疊合併的編輯,以及漸層填色技巧,完成仿3D的場景內之球、舞台、光線、陰影等動畫素材物件。 STEP1. 為方便編輯請先設定場景背景色為灰色,選擇填色為黑白放射狀漸層,繪製正圓形無邊框黑白漸層,再使用漸層變形工具調整漸層中心至圓內左上角,放大漸層範圍
Thumbnail
STEP1. 開啟空白網頁格式新檔,檔案尺寸800X800,依序繪製600X600一般正圓(非基本橢圓)並個別群組(CTRL+G),繼續繪製300X300、筆畫粗細20正圓圈並個別群組(繪製時避免與大圓重疊),最後依序繪製水平、垂直、2個45度角等四個筆畫粗細20線段(繪製時按住SHIFT),同樣
Thumbnail
STEP1. 開啟空白網頁格式新檔,檔案尺寸800X800,依序繪製600X600一般正圓(非基本橢圓)並個別群組(CTRL+G),繼續繪製300X300、筆畫粗細20正圓圈並個別群組(繪製時避免與大圓重疊),最後依序繪製水平、垂直、2個45度角等四個筆畫粗細20線段(繪製時按住SHIFT),同樣
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News