• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 Illustrator教學】Illustrator繪製奧利奧主題風格的圖標




    Illustrator繪製奧利奧主題風格的圖標

    這一次的教學是屬於矢量教程領域中的Illustrator教程的相關教學。

    文章出處是來自站酷的矢量教程類文章,寫教學的作者是Lcocs,感謝Lcocs提供Illustrator教程的實作教學。

    教學大綱:

    教程的製作過程非常的詳細,大家需要多一些耐心,圖標的質感和立體感表現的都非常好,推薦給思緣的朋友可以喜歡,希望思緣的朋友可以喜歡。


    Illustrator教程教學開始

    先看看效果圖

    Illustrator繪製奧利奧主題風格的圖標

    1. 如何打開新文檔

    啟動 Illustrator 並轉到文件>新建以打開空白文檔。為文件輸入一個名稱,設置尺寸,然後選擇像素 為 單位, RGB 為 顏色模式。確保未將新對象對齊到像素網格。

    接下來,轉到編輯>首選項>常規,並將鍵盤增量設置為 1像素, 並在那裡,轉到單位 ,以確保它們設置為以下圖像。我通常使用這些設置,他們將在整個繪圖過程中為您提供幫助。

    Illustrator繪製奧利奧主題風格的圖標

    2. 如何創建基本奧利奧圖標

    步驟1

    抓住圓角矩形工具並繪製所示尺寸的第一個形狀。使用深褐色作為填充顏色(1)。

    當圖標的形狀保持選定狀態時,轉到效果> 3D>拉伸和斜角,然後應用指示的設置(2)。

    Illustrator繪製奧利奧主題風格的圖標

    第2步

    在仍然選中圖標形狀的情況下,轉到“ 外觀”面板並在第一個下面添加 新填充。使用白色作為填充顏色。接下來,再次轉到效果> 3D>拉伸和斜角並應用所示的設置。

    按更多選項按鈕查看整個窗口。輕輕向下移動現有燈光,並按照右側所示更改設置。按新光圖標添加另一個,並將其移動到中間左側。使用相同的設置,但將光強度提高到100%。點擊確定,你會得到奶油填充,但你將無法看到它。

    轉到效果>扭曲和變換>變換,在縮放水平字段中鍵入95%,然後在移動垂直 字段中鍵入20像素。點擊確定,這將帶來奶油填充向下。

    Illustrator繪製奧利奧主題風格的圖標

    第3步

    在圖標形狀保持選定狀態時,轉到“ 外觀”面板並在底部添加 新填充。使用深褐色作為填充顏色。使用顯示的設置應用 3D效果,然後應用“ 變形” 效果。因此,你會得到第二個餅乾在底部。

    Illustrator繪製奧利奧主題風格的圖標

    3. 如何創建頂級奧利奧設計

    步驟1

    使用多邊形工具繪製一個顯示尺寸的三角形。然後使用直接選擇工具(A)僅選擇頂部定位點, 並通過按下向下箭頭鍵八次將其向下移動8 px。新的三角形是藍色的(1)。

    現在,去影響>風格化>圓角 和應用半徑的5 PX(2); 然後從對象菜單(3)中選擇展開外觀。

    Illustrator繪製奧利奧主題風格的圖標

    第2步

    在圓角三角形保持選定狀態時,轉到對象>變換>移動,然後在位置垂直字段中輸入-18像素。點擊複製,你會得到另一個三角形上面。不要釋放第二個三角形,並從外觀 面板(1)的彈出菜單中選擇垂直翻轉。

    複製 並粘貼在前面(Control-F) 這兩個三角形,並使用變換 面板將它們旋轉90度。因此,你會得到一對新的三角形(2)。

    用相同的顏色(藍色)填充頂部和底部形狀,用不同的顏色(粉紅色)填充左側和右側形狀,最後在填充第三種不同顏色(紅色)的中心繪製一個4 x 4像素圓, (3)。顏色將在本教程的後面部分介紹。

    Illustrator繪製奧利奧主題風格的圖標

    第3步

    繪製四個填充相同紅色的5 x 5 px圓圈,然後分別刪除左側和右側的錨點將它們變成半圓形。按照下圖所示排列它們,並使用“ 對齊” 面板確保它們是對稱的。

    使用矩形工具(M)使用半圓作為參考線繪製正方形,然後分組(控制-G)所有形狀。這將是圖案筆刷(1)的主要部分。

    複製組並從左側刪除兩個半圓。這將是圖案筆刷(2)的開始拼貼。

    製作組的另一個副本並刪除兩個正確的半圓。這將是圖案刷(3)的結束平鋪。

    將Start Tile和End Tile拖到Swatches面板中以保存它們,並確保記住哪個是哪個。

    Illustrator繪製奧利奧主題風格的圖標

    步驟4

    將畫筆的主要部分拖到“ 畫筆”面板中,然後選擇“ 新建圖案畫筆”。該圖塊將成為選項窗口中的第一個圖塊。對於開始拼貼和 結束拼貼,從列表中選擇正確的一個; 然後為您的筆刷輸入一個名稱並點擊確定。

    Illustrator繪製奧利奧主題風格的圖標

    第5步

    在充滿綠色的畫板上繪製一個小圓角矩形,然後將其拖入“ 畫筆”面板中以將其保存為新圖案畫筆。你可以將它命名為Oreo Edge Pattern Brush。

    Illustrator繪製奧利奧主題風格的圖標

    第6步

    複製圖標形狀並刪除所有現有的外觀和效果。它應該 只有 棕色填充顏色。複製並粘貼在前面(Control-F)此形狀,移除填充顏色,並使用Oreo Edge Pattern Brush對其進行描邊。

    打開“ 描邊選項”窗口並更改“ 縮放 和間距”設置(1)。接下來,轉到效果>路徑>偏移路徑,並應用-2 px的偏移量使綠色邊緣略微向內(2)。

    Illustrator繪製奧利奧主題風格的圖標

    第7步

    在棕色長方形前做另一個副本; 然後轉到對象>路徑>偏移路徑並應用-13 px的偏移量。你會得到一個更小的形狀。刪除填充顏色,並給它一個4磅的橙色 筆畫。按下“ 描邊”面板中的“ 圓帽”圖標,然後選中“ 虛線”選項。輸入顯示的破折號和間隔值。

    Illustrator繪製奧利奧主題風格的圖標

    第8步

    使用鋼筆工具(P)或線段工具(/)在頂部和底部繪製直線路徑,並使用先前保存的Oreo Squares Pattern Brush對其進行描邊。調整路徑的長度,使每個只有四個方格。

    接下來,在兩側繪製兩條直線路徑,並再次應用Oreo Squares Pattern Brush。這次你應該每條路徑只有三個方格。

    Illustrator繪製奧利奧主題風格的圖標

    第9步

    在中心(1)繪製一個橢圓,然後是上面的三條路徑(2),並給它們一個4磅的黃色筆畫。同時選擇圓帽選項。

    現在,抓住類型工具(T)並使用字體Anja Eliane(大小為22磅),然後在文本上方和下方兩個小黃色三角形寫入“YUMM” (3)。

    在橢圓周圍用更多的黃色三角形或其他類似的裝飾完成奧利奧設計(4)。

    Illustrator繪製奧利奧主題風格的圖標

    第7步

    讓我們為超過奧利奧圖標邊緣的陰影創建一個遮罩形狀。

    打開“ 圖層”面板中的“t op餅乾 ”組,然後找到圖標頂部的圓角矩形,然後複製並粘貼到位(Shift-Control-V),以在所有內容之前製作副本1)。

    現在,從“ 圖層”面板中選擇“ 奧利奧設計 ”組,然後選擇 複製和粘貼到位(Shift-Control-V)進行複製並刪除之前應用的陰影效果。轉到對象>複合路徑>使(控制-8)將所有形狀轉化為單個複合路徑(2)。

    與紅色化合物路徑沿着選擇的灰度形狀並按團結在探路者面板,得到掩模形狀(3)。

    Illustrator繪製奧利奧主題風格的圖標

    第8步

    選擇“ 奧利奧設計 ”群組以及上一步中的形狀(應放在前面),並將其設置為筆劃無,填充無。然後轉到對象>剪貼蒙版>製作(Control-7)。現在圖標周圍的邊緣清晰銳利。

    Illustrator繪製奧利奧主題風格的圖標

    5. 如何添加基礎奧利奧餅乾的質地和細節

    步驟1

    使用鋼筆工具(P)在基礎餅乾的前部邊緣繪製一束短垂直線,並用錐形混合藝術筆刷, 重量為 1磅。我已經展示了如何在如何創建糖果怪物角色教程中創建這個有用的混合畫筆(第10節)。 Group(Control-G)完成後的所有行。

    Illustrator繪製奧利奧主題風格的圖標

    第2步

    使用鋼筆工具(P)在基礎餅乾的底部邊緣之後繪製一條路徑。給它一個2 pt的黑色筆觸,並在筆畫面板中使用 Width Profile 1。接下來,去影響>模糊>高斯模糊,並應用半徑的2像素。

    Illustrator繪製奧利奧主題風格的圖標

    第3步

    轉到圖層面板,找到並僅選擇基礎餅乾的前邊框(1),然後選擇複製並粘貼到位(Shift-Control-V)以製作它的副本。在探路者面板中按團結將這些形狀合併成一個(2)。將生成的形狀設置為stroke-none和fill-none,我們將使用它來掩蓋上一步(3)中的線組和陰影路徑。

    Illustrator繪製奧利奧主題風格的圖標

    步驟4

    使用鋼筆工具(P)在基礎餅乾的前部邊界上繪製幾條隨機路徑,並使用Brush Libraries菜單>藝術> Artistic_ChalkCharcoalPencil中的粉筆藝術畫筆對 它們進行描邊,重量為1磅。將它們全部設置為混合模式疊加(1)。

    複製上一步中的蒙版形狀,並再次使用它來掩蓋這些路徑(2)。因此,你會在基礎餅乾(3)上得到一些紋理。

    Illustrator繪製奧利奧主題風格的圖標

    第5步

    轉到圖層面板,找到並選擇基礎餅乾的頂部形狀,然後複製並粘貼到位(Shift-Control-V)以製作它的副本。轉到效果>紋理並應用穀物效果; 然後將其設置為混合模式 柔光和 10%不透明度(1)。

    在前面複製 並粘貼(Control-F) 相同的形狀並刪除所有現有的外觀。在選中此新副本的同時,還可以選擇應用了紋理效果的形狀,然後轉到 對象>剪切蒙版>製作(對照-7)(2)。將結果組移動到“ 圖層” 面板中“ 基礎餅乾 ”的正上方。

    Illustrator繪製奧利奧主題風格的圖標

    6. 如何在頂級奧利奧餅乾上添加質地和細節

    步驟1

    使用鋼筆工具(P)或線段工具(/)在“ 頂部餅乾 ” 上繪製一組直線路徑,並用粉筆藝術筆刷對其進行描邊。使用指示為筆觸顏色的棕色陰影(1)。

    將所有這些路徑分組(Control-G)並將整個組設置為混合模式乘法和20%不透明度(2)。

    Illustrator繪製奧利奧主題風格的圖標

    第2步

    複製 並貼在前面(Control-F) 這組路徑,保持相同的外觀,但這次將組設置為 混合模式屏幕和20%不透明度。

    Illustrator繪製奧利奧主題風格的圖標

    第3步

    轉到圖層面板,選擇“ 頂部餅乾 ”組,然後在位置複製 和粘貼(Shift-Control-V)。在Pathfinder 面板中按Unite將所有形狀合併成一個(1)。

    選擇“ 奧利奧設計 ”組,然後選擇複製並粘貼到位(Shift-Control-V),將其複製到所有內容的前面。刪除陰影效果並轉到對象>複合路徑>製作(對照-8)(2)。

    現在,選擇新獲得的藍色和橙色形狀,並在Pathfinder面板中按Unite以獲得我們需要的形狀(3)。

    Illustrator繪製奧利奧主題風格的圖標

    步驟4

    用棕色填充上一步獲得的形狀,並使用與“ 基礎餅乾 ” 相同的設置應用 穀物效果。將混合模式設置 為柔光並將不透明度設置為10%(1)。

    在所有內容前複製相同的形狀,並將其設置為stroke-none和fill-none。在選中此副本的同時,還應選擇兩組線條和應用了“ 紋理”效果的形狀,然後轉到“ 對象”>“剪貼蒙版”>“製作”(對照7)。因此,您將在“ 頂部餅乾”(3)周圍獲得乾淨的邊緣。

    Illustrator繪製奧利奧主題風格的圖標

    第10步

    選擇Oreo Squares Pattern Brush撫摸的四條路徑,然後從“ 對象”菜單中選擇“ 展開外觀 ” ,將它們從筆畫變成填充(1)。現在,使用直接選擇工具(A)選擇 其中一個紅色圓圈,並在箭頭(2)指示的空白位置安排四個紅色圓圈。製作紅圈的更多副本,並在橙色虛線(3)之間布置一個。

    最後,選擇綠色邊緣並再次選擇“ 擴展外觀”以展開應用的 偏移效果。

    Illustrator繪製奧利奧主題風格的圖標

    第11步

    此時,奧利奧設計已準備就緒,您可以刪除棕色矩形。將所有內容拖到“ 符號”面板中,輸入名稱,然後點擊“ 確定”。

    Illustrator繪製奧利奧主題風格的圖標

    第12步

    讓我們返回到奧利奧圖標,並保持選中狀態時,打開應用於頂部棕色“填充”屬性的3D 效果。在選項 窗口中,按下地圖藝術按鈕。在 對象的曲面1上,選擇並應用保存的奧利奧設計符號。點擊確定,你應該看到頂部餅乾的設計。

    Illustrator繪製奧利奧主題風格的圖標

    步驟13

    選擇奧利奧圖標並選擇“ 展開外觀”以展開所有外觀和3D效果。取消組合(Shift-Control-G) 一次,您應該在“ 層”面板中看到三個單獨的組。您可以選擇並重命名它們以查看哪個是哪個。我們有“ 基礎餅乾 ”(1)和“奶油餡 ”(2)。現在,打開第三組,在那裡只找到豐富多彩的奧利奧設計,並將其拖出圖層頂部。說明這個小組的“ 頂級餅乾 ” 剩下的是什麼。

    選擇“ 奧利奧設計 ”組,然後轉到對象>剪貼蒙版>釋放(Alt-Control-7)以刪除現有蒙版(3)。

    Illustrator繪製奧利奧主題風格的圖標

    第14步

    抓住直接選擇工具(A),只選擇圖標前面的綠色圓角矩形和Group(Control-G)。在組保持選定狀態時,轉到效果>扭曲>降低殼體並應用5%水平彎曲。點擊確定,然後進入對象>擴展外觀。這將使前面的綠色邊框變大。

    Illustrator繪製奧利奧主題風格的圖標

    4. 如何重新着色頂級奧利奧設計

    步驟1

    使用直接選擇工具(A)僅選擇其中一個綠色圓角矩形,然後轉到選擇>相同>填充顏色。因此,Illustrator將為您選擇所有綠色形狀(1)。將它們(Control-G)組合起來,並以90度角(2)顯示的線性漸變填充它們。

    Illustrator繪製奧利奧主題風格的圖標

    第2步

    使用直接選擇工具(A)選擇複合路徑(1)的橙色虛線,並填充指示的棕色陰影(2)。

    Illustrator繪製奧利奧主題風格的圖標

    第3步

    再次使用直接選擇工具(A)僅選擇其中一個紅色圓圈並轉到選擇>相同>填充顏色。現在您已選定了所有紅色圓圈,在探路者面板(1)中按團結,然後按組(Control-G)將其組織在 層面板(1)中。用所示的徑向漸變填充所有圓圈(2)。

    Illustrator繪製奧利奧主題風格的圖標

    步驟4

    使用相同的技術選擇中心的所有黃色形狀,然後選擇Group(Control-G)(1)。用所示的徑向梯度填充形狀(2)。

    Illustrator繪製奧利奧主題風格的圖標

    第5步

    使用直接選擇工具(A)僅選擇其中一個粉紅色三角形,然後轉到選擇>相同>填充顏色(1)。一旦你選擇了所有的選項,組(Control-G)並用圖中所示的線性梯度填充它們(2)。

    對藍色三角形重複相同的技巧(3)。

    Illustrator繪製奧利奧主題風格的圖標

    第6步

    選擇整個“ 奧利奧設計 ”組,轉到效果>風格化>陰影,並應用所示的設置。

    Illustrator繪製奧利奧主題風格的圖標

    第5步

    使用鋼筆工具(P)在“ 頂部餅乾 ” 的前邊緣但略高於其上的位置(1)繪製一條路徑,然後在“ 頂部餅乾”(2)邊緣的右邊繪製一條路徑。給他們一個2磅黑色 行程並使用寬度分佈1在行程面板; 然後應用 2 px高斯模糊。因此,你會在“ 頂級餅乾 ”和“ 奶油餡 ” 之間創造一些影子(3)。

    Illustrator繪製奧利奧主題風格的圖標

    7. 如何添加細節到奧利奧奶油填充

    步驟1

    讓我們從“ 奶油填充 ”組下面的陰影開始。在填充物的底部邊緣之後繪製一條路徑並將其發送到其後面。給它一個2點黑色描邊並使用 寬度配置文件1。應用1 px高斯模糊。

    Illustrator繪製奧利奧主題風格的圖標

    第2步

    繪製幾個不同大小的隨機黑色形狀,然後將它們拖入“ 畫筆”面板中以將它們保存為新的散點畫筆。你可以將它命名為Crumbs Scatter Brush(1)。

    抓住鉛筆工具(N),在“ 奶油填充 ”上繪製一個隨機的圓形路徑,並用新保存的筆刷對其進行筆劃。打開“ 描邊選項”窗口並如圖所示更改設置,或者直到獲得所需的外觀(2)。

    當您對麵包屑的外觀感到滿意時, 從對象菜單中選擇展開外觀,然後將結果組設置為混合模式覆蓋(3)。

    Illustrator繪製奧利奧主題風格的圖標

    第3步

    轉到圖層面板,選擇“ 奶油填充 ”組,然後在前面複製一份。在Pathfinder面板中按Unite將其合併為單個形狀。如有必要,還可以轉到對象>複合路徑>製作(Control-8)。

    Illustrator繪製奧利奧主題風格的圖標

    步驟4

    現在,選擇一組麵包屑以及上一步獲得的形狀,它們必須在前面並設置為stroke-none,fill-none,然後轉到Object> Clipping Mask> Make(Control-7)。

    Illustrator繪製奧利奧主題風格的圖標

    8. 如何在奧利奧圖標下創建陰影

    從“ 圖層”面板中選擇“ 基礎餅乾 ”組,然後選擇“ 複製並 粘貼到位”(Shift-Control-V)。將副本移到Oreo圖標下的新圖層(1)。在Pathfinder面板中按Unite或轉到 對象>複合路徑>製作(Control-8)以獲取單個形狀(2)。選擇深褐色作為填充顏色並應用兩次陰影效果以獲得陰影(3)。

    Illustrator繪製奧利奧主題風格的圖標

    恭喜,你完成了!

    這是奧利奧圖標的最終圖像。我希望你喜歡這個“甜蜜”的教程,不要忘記與你的娛樂共享一個圖像。我很樂意看看。

    Illustrator繪製奧利奧主題風格的圖標

    — —

    文章永久連結為: Illustrator繪製奧利奧主題風格的圖標