AI如何繪製奧利奧風格餅乾圖標

數碼
關注：3.71K次

今天我們要學習的教程是使用AI繪製出一個逼真的奧利奧餅乾的圖標，感興趣的同學趕緊來看看吧。

1.如何打開新文檔

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

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

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

步驟1

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

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

第2步

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

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

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

第3步

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

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

步驟1

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

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

第2步

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

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

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

第3步

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

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

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

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

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

步驟4

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

第5步

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

第6步

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

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

第7步

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

第8步

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

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

第9步

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

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

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

第10步

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

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

第11步

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

第12步

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

步驟13

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

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

第14步

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

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

步驟1

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

第2步

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

第3步

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

步驟4

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

第5步

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

對藍色三角形重複相同的技巧（3）。

第6步

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

第7步

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

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

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

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

第8步

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

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

步驟1

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

第2步

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

第3步

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

步驟4

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

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

第5步

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

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

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

步驟1

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

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

第2步

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

第3步

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

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

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

步驟4

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

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

第5步

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

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

步驟1

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

第2步

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

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

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

第3步

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

步驟4

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

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

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