Illustrator CC 路徑管理員繪製插圖

更新於 發佈於 閱讀時間約 3 分鐘
raw-image

STEP1.
開啟範例練習檔,分別繪製所需的二圓角矩型(735,545,30 / 700,500,30)與一垂直直線(500,90)於檔案範圍內。

raw-image

選取到二圓角矩型與直線,在對齊控制版上設定對齊至:『對齊工作區域』,完成置中於檔案範圍內對齊,並填上二圓角矩型的填色。

raw-image

STEP2.
點取中央直線,執行『物件 > 變形 > 移動』移動水平:2px按下拷貝,設定為筆畫粗細2pt、灰色。

raw-image

STEP3.
移入繪製好之右下角捲起之二輪廓線至適當位置,同時選取圓角矩型與彎曲線進行路徑管理員分割運算,解散群組並選取所分割後的右下半元件,並加入漸層填色。

raw-image

STEP4.
選取右下角分割後的右下半元件,執行『編輯 > 拷貝 / 貼至上層』原位置再複製出一份,並加選原弧線再次分割,解散群組後即產生所需要的紙張捲起的捲角元件,填入漸層並使用漸層工具調整漸層範圍與方向。

raw-image

STEP5.
繪製一水平藍色線,並進行移動複製(垂直:25px),複製出所有的橫直線。

raw-image

使用剪刀工具在直線與捲角交接處剪下讓線一分為二,使用直接選取工具調整直線以避開紙張捲角處,並使用筆形工具繪製紙張捲角上的彎曲線。

raw-image

STEP6.
加入右側彩色標籤紙色塊至紙張之後,選取紙張元件執行『效果 > 風格化 > 製作陰影』設定X/Y位移:2px、模糊:5px。

raw-image

複製中央直線成為二暗紅色線於中央二側,並加入裝飾挖空的圓形漸層。

STEP7.
繪製要成為拍立得相片的圓角矩型,同樣加上『效果 > 風格化 > 製作陰影』設定X/Y位移:2px、模糊:5px、不透明度:30%,再加上藍色矩型作為相片範圍。左側可繪製多個矩型做為堆疊的便條紙,同樣可加上陰影效果。

raw-image

STEP8.
使用圓角矩型做為迴紋針,可依參考線使用剪刀工具在圓角矩型左側1/3處剪開圓角矩型。等比例由左下向右上縮小左側元件。

raw-image

多複製一份右側的元件後,再由右上向左下等比例縮小成為迴紋針中央的圓角。

raw-image

STEP9.
移動迴紋針並控制中央圓角為最上層即可夾在便條紙上。於長方形色塊上繪製二直線,選取二直線執行『效果 > 扭曲與變形 > 粗糙效果』調整尺寸與細部設定,產生適當成為膠帶左右撕裂的不規則鋸齒。

raw-image

STEP10.
選取二鋸齒線並執行『物件> 擴充外觀』將效果確認套用至線段上,同時選取二鋸齒線與矩型,進行路徑管理員『分割』,再解散群組,即可獲得膠帶元件。

raw-image

移動膠帶元件至拍立得相片上,並設定不透明度完成膠帶黏貼的部分。

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. 在Illustrator開啟練習檔,右側同心圓圈與旋轉直線即是要建立3D物件使用,左側與上方數字是要成為3D立體轉盤的貼圖內容。請仔細複選到右側大圓與所有旋轉直線(不含內圓)執行『物件 > 即時上色 > 製作』,使用即時上色工具於扇型區域依序填上紅色與黑色相間。 Step2. 選取
Thumbnail
Step1. 在Illustrator開啟練習檔,右側同心圓圈與旋轉直線即是要建立3D物件使用,左側與上方數字是要成為3D立體轉盤的貼圖內容。請仔細複選到右側大圓與所有旋轉直線(不含內圓)執行『物件 > 即時上色 > 製作』,使用即時上色工具於扇型區域依序填上紅色與黑色相間。 Step2. 選取
Thumbnail
Step1. 準備所需要的物件,文字、圓圈與多邊型,其中要成為漸變路徑的圓圈已經以剪刀工具剪出小缺口。 Step2. 使用漸變工具按下漸變的第一個箭頭物件,再按下第二個箭頭物件,完成第一組漸變,複選漸變群與圓圈路徑,準備來替換漸變路徑。 複選漸變群與圓圈路徑,執行『物件 > 漸變 > 取代旋
Thumbnail
Step1. 準備所需要的物件,文字、圓圈與多邊型,其中要成為漸變路徑的圓圈已經以剪刀工具剪出小缺口。 Step2. 使用漸變工具按下漸變的第一個箭頭物件,再按下第二個箭頭物件,完成第一組漸變,複選漸變群與圓圈路徑,準備來替換漸變路徑。 複選漸變群與圓圈路徑,執行『物件 > 漸變 > 取代旋
Thumbnail
STEP1. 開啟範例檔,選取中央直線並執行『物件 > 變形 > 旋轉』設定旋轉角度:10按下拷貝,再繼續按下『Ctrl』+『D』複製變形複製出所有旋轉10度的直線。 STEP2. 複選所有物件執行『物件 > 即時上色 > 製作』建立即時上色狀態,使用即時上色油漆桶進行上色。 STEP3. 選
Thumbnail
STEP1. 開啟範例檔,選取中央直線並執行『物件 > 變形 > 旋轉』設定旋轉角度:10按下拷貝,再繼續按下『Ctrl』+『D』複製變形複製出所有旋轉10度的直線。 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. 首先繪製中央黃色刻度,請選取黃色長方形,使用旋轉工具,按住『Alt』移動旋轉中心至參考線中心上,於跳出的選轉設定面版上設定旋轉角度:-12.5,按下『拷貝』,再繼續按下『Ctrl』+『D』旋轉複製出所有刻度線。 STEP2. 選取左側白色長方形,使用旋轉工具 ,按住『Alt』移動旋
Thumbnail
STEP1. 首先繪製中央黃色刻度,請選取黃色長方形,使用旋轉工具,按住『Alt』移動旋轉中心至參考線中心上,於跳出的選轉設定面版上設定旋轉角度:-12.5,按下『拷貝』,再繼續按下『Ctrl』+『D』旋轉複製出所有刻度線。 STEP2. 選取左側白色長方形,使用旋轉工具 ,按住『Alt』移動旋
Thumbnail
Step1. 開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。 設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並
Thumbnail
Step1. 開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。 設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並
Thumbnail
Step1. 開啟500X500像素、解析度72、背景白色之RGB新檔,使用鋼筆工具,上方工具設定列上選擇繪製路徑。首先在版面右下角邊點一下建立起始節點,接著在如圖位置上按住左鍵建立第二個節點並拖拉出路徑彎曲控制線,調整路經彎曲如圖後放開滑鼠左鍵。 Step2. 按住Alt滑鼠點取第二個節點,使
Thumbnail
Step1. 開啟500X500像素、解析度72、背景白色之RGB新檔,使用鋼筆工具,上方工具設定列上選擇繪製路徑。首先在版面右下角邊點一下建立起始節點,接著在如圖位置上按住左鍵建立第二個節點並拖拉出路徑彎曲控制線,調整路經彎曲如圖後放開滑鼠左鍵。 Step2. 按住Alt滑鼠點取第二個節點,使
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News