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
留言分享你的想法!
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
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
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,使用
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News