AI如何繪制奧利奧風(fēng)格餅干圖標(biāo)

今天我們要學(xué)習(xí)的教程是使用AI繪制出一個(gè)逼真的奧利奧餅干的圖標(biāo),感興趣的同學(xué)趕緊來看看吧。

Adobe Illustrator 2019(Ai cc2019) v23.1.0.670 綠色中文版 64位
- 類型:圖像處理
- 大?。?/span>275MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2019-11-04
1.如何打開新文檔
啟動(dòng)Illustrator并轉(zhuǎn)到文件>新建以打開空白文檔。為文件輸入一個(gè)名稱,設(shè)置尺寸,然后選擇像素為單位,RGB為顏色模式。確保未將新對(duì)象對(duì)齊到像素網(wǎng)格。
接下來,轉(zhuǎn)到編輯>首選項(xiàng)>常規(guī),并將鍵盤增量設(shè)置為1像素,并在那里,轉(zhuǎn)到單位,以確保它們?cè)O(shè)置為以下圖像。我通常使用這些設(shè)置,他們將在整個(gè)繪圖過程中為您提供幫助。
2.如何創(chuàng)建基本奧利奧圖標(biāo)
步驟1
抓住圓角矩形工具并繪制所示尺寸的第一個(gè)形狀。使用深褐色作為填充顏色(1)。
當(dāng)圖標(biāo)的形狀保持選定狀態(tài)時(shí),轉(zhuǎn)到效果> 3D>拉伸和斜角,然后應(yīng)用指示的設(shè)置(2)。
第2步
在仍然選中圖標(biāo)形狀的情況下,轉(zhuǎn)到“外觀”面板并在第一個(gè)下面添加新填充。使用白色作為填充顏色。接下來,再次轉(zhuǎn)到效果> 3D>拉伸和斜角并應(yīng)用所示的設(shè)置。
按更多選項(xiàng)按鈕查看整個(gè)窗口。輕輕向下移動(dòng)現(xiàn)有燈光,并按照右側(cè)所示更改設(shè)置。按新光圖標(biāo)添加另一個(gè),并將其移動(dòng)到中間左側(cè)。使用相同的設(shè)置,但將光強(qiáng)度提高到100%。點(diǎn)擊確定,你會(huì)得到奶油填充,但你將無法看到它。
轉(zhuǎn)到效果>扭曲和變換>變換,在縮放水平字段中鍵入95%,然后在移動(dòng)垂直字段中鍵入20像素。點(diǎn)擊確定,這將帶來奶油填充向下。
第3步
在圖標(biāo)形狀保持選定狀態(tài)時(shí),轉(zhuǎn)到“外觀”面板并在底部添加新填充。使用深褐色作為填充顏色。使用顯示的設(shè)置應(yīng)用3D效果,然后應(yīng)用“變形”效果。因此,你會(huì)得到第二個(gè)餅干在底部。
3.如何創(chuàng)建頂級(jí)奧利奧設(shè)計(jì)
步驟1
使用多邊形工具繪制一個(gè)顯示尺寸的三角形。然后使用直接選擇工具(A)僅選擇頂部定位點(diǎn),并通過按下向下箭頭鍵八次將其向下移動(dòng)8 px。新的三角形是藍(lán)色的(1)。
現(xiàn)在,去影響>風(fēng)格化>圓角和應(yīng)用半徑的5 PX(2);然后從對(duì)象菜單(3)中選擇展開外觀。
第2步
在圓角三角形保持選定狀態(tài)時(shí),轉(zhuǎn)到對(duì)象>變換>移動(dòng),然后在位置垂直字段中輸入-18像素。點(diǎn)擊復(fù)制,你會(huì)得到另一個(gè)三角形上面。不要釋放第二個(gè)三角形,并從外觀面板(1)的彈出菜單中選擇垂直翻轉(zhuǎn)。
復(fù)制并粘貼在前面(Control-F)這兩個(gè)三角形,并使用變換面板將它們旋轉(zhuǎn)90度。因此,你會(huì)得到一對(duì)新的三角形(2)。
用相同的顏色(藍(lán)色)填充頂部和底部形狀,用不同的顏色(粉紅色)填充左側(cè)和右側(cè)形狀,最后在填充第三種不同顏色(紅色)的中心繪制一個(gè)4 x 4像素圓, (3)。顏色將在本教程的后面部分介紹。
第3步
繪制四個(gè)填充相同紅色的5 x 5 px圓圈,然后分別刪除左側(cè)和右側(cè)的錨點(diǎn)將它們變成半圓形。按照下圖所示排列它們,并使用“對(duì)齊”面板確保它們是對(duì)稱的。
使用矩形工具(M)使用半圓作為參考線繪制正方形,然后分組(控制-G)所有形狀。這將是圖案筆刷(1)的主要部分。
復(fù)制組并從左側(cè)刪除兩個(gè)半圓。這將是圖案筆刷(2)的開始拼貼。
制作組的另一個(gè)副本并刪除兩個(gè)正確的半圓。這將是圖案刷(3)的結(jié)束平鋪。
將Start Tile和End Tile拖到Swatches面板中以保存它們,并確保記住哪個(gè)是哪個(gè)。
步驟4
將畫筆的主要部分拖到“畫筆”面板中,然后選擇“新建圖案畫筆”。該圖塊將成為選項(xiàng)窗口中的第一個(gè)圖塊。對(duì)于開始拼貼和結(jié)束拼貼,從列表中選擇正確的一個(gè);然后為您的筆刷輸入一個(gè)名稱并點(diǎn)擊確定。
第5步
在充滿綠色的畫板上繪制一個(gè)小圓角矩形,然后將其拖入“畫筆”面板中以將其保存為新圖案畫筆。你可以將它命名為Oreo Edge Pattern Brush。
第6步
復(fù)制圖標(biāo)形狀并刪除所有現(xiàn)有的外觀和效果。它應(yīng)該只有棕色填充顏色。復(fù)制并粘貼在前面(Control-F)此形狀,移除填充顏色,并使用Oreo Edge Pattern Brush對(duì)其進(jìn)行描邊。
打開“描邊選項(xiàng)”窗口并更改“縮放和間距”設(shè)置(1)。接下來,轉(zhuǎn)到效果>路徑>偏移路徑,并應(yīng)用-2 px的偏移量使綠色邊緣略微向內(nèi)(2)。
第7步
在棕色長(zhǎng)方形前做另一個(gè)副本;然后轉(zhuǎn)到對(duì)象>路徑>偏移路徑并應(yīng)用-13 px的偏移量。你會(huì)得到一個(gè)更小的形狀。刪除填充顏色,并給它一個(gè)4磅的橙色筆畫。按下“描邊”面板中的“圓帽”圖標(biāo),然后選中“虛線”選項(xiàng)。輸入顯示的破折號(hào)和間隔值。
第8步
使用鋼筆工具(P)或線段工具(\)在頂部和底部繪制直線路徑,并使用先前保存的Oreo Squares Pattern Brush對(duì)其進(jìn)行描邊。調(diào)整路徑的長(zhǎng)度,使每個(gè)只有四個(gè)方格。
接下來,在兩側(cè)繪制兩條直線路徑,并再次應(yīng)用Oreo Squares Pattern Brush。這次你應(yīng)該每條路徑只有三個(gè)方格。
第9步
在中心(1)繪制一個(gè)橢圓,然后是上面的三條路徑(2),并給它們一個(gè)4磅的黃色筆畫。同時(shí)選擇圓帽選項(xiàng)。
現(xiàn)在,抓住類型工具(T)并使用字體Anja Eliane(大小為22磅),然后在文本上方和下方兩個(gè)小黃色三角形寫入“YUMM”(3)。
在橢圓周圍用更多的黃色三角形或其他類似的裝飾完成奧利奧設(shè)計(jì)(4)。
第10步
選擇Oreo Squares Pattern Brush撫摸的四條路徑,然后從“對(duì)象”菜單中選擇“展開外觀”,將它們從筆畫變成填充(1)?,F(xiàn)在,使用直接選擇工具(A)選擇其中一個(gè)紅色圓圈,并在箭頭(2)指示的空白位置安排四個(gè)紅色圓圈。制作紅圈的更多副本,并在橙色虛線(3)之間布置一個(gè)。
最后,選擇綠色邊緣并再次選擇“擴(kuò)展外觀”以展開應(yīng)用的偏移效果。
第11步
此時(shí),奧利奧設(shè)計(jì)已準(zhǔn)備就緒,您可以刪除棕色矩形。將所有內(nèi)容拖到“符號(hào)”面板中,輸入名稱,然后點(diǎn)擊“確定”。
第12步
讓我們返回到奧利奧圖標(biāo),并保持選中狀態(tài)時(shí),打開應(yīng)用于頂部棕色“填充”屬性的3D效果。在選項(xiàng)窗口中,按下地圖藝術(shù)按鈕。在對(duì)象的曲面1上,選擇并應(yīng)用保存的奧利奧設(shè)計(jì)符號(hào)。點(diǎn)擊確定,你應(yīng)該看到頂部餅干的設(shè)計(jì)。
步驟13
選擇奧利奧圖標(biāo)并選擇“展開外觀”以展開所有外觀和3D效果。取消組合(Shift-Control-G)一次,您應(yīng)該在“層”面板中看到三個(gè)單獨(dú)的組。您可以選擇并重命名它們以查看哪個(gè)是哪個(gè)。我們有“基礎(chǔ)餅干”(1)和“奶油餡”(2)。現(xiàn)在,打開第三組,在那里只找到豐富多彩的奧利奧設(shè)計(jì),并將其拖出圖層頂部。說明這個(gè)小組的“頂級(jí)餅干”剩下的是什么。
選擇“奧利奧設(shè)計(jì)”組,然后轉(zhuǎn)到對(duì)象>剪貼蒙版>釋放(Alt-Control-7)以刪除現(xiàn)有蒙版(3)。
第14步
抓住直接選擇工具(A),只選擇圖標(biāo)前面的綠色圓角矩形和Group(Control-G)。在組保持選定狀態(tài)時(shí),轉(zhuǎn)到效果>扭曲>降低殼體并應(yīng)用5%水平彎曲。點(diǎn)擊確定,然后進(jìn)入對(duì)象>擴(kuò)展外觀。這將使前面的綠色邊框變大。
4.如何重新著色頂級(jí)奧利奧設(shè)計(jì)
步驟1
使用直接選擇工具(A)僅選擇其中一個(gè)綠色圓角矩形,然后轉(zhuǎn)到選擇>相同>填充顏色。因此,Illustrator將為您選擇所有綠色形狀(1)。將它們(Control-G)組合起來,并以90度角(2)顯示的線性漸變填充它們。
第2步
使用直接選擇工具(A)選擇復(fù)合路徑(1)的橙色虛線,并填充指示的棕色陰影(2)。
第3步
再次使用直接選擇工具(A)僅選擇其中一個(gè)紅色圓圈并轉(zhuǎn)到選擇>相同>填充顏色?,F(xiàn)在您已選定了所有紅色圓圈,在探路者面板(1)中按團(tuán)結(jié),然后按組(Control-G)將其組織在層面板(1)中。用所示的徑向漸變填充所有圓圈(2)。
步驟4
使用相同的技術(shù)選擇中心的所有黃色形狀,然后選擇Group(Control-G)(1)。用所示的徑向梯度填充形狀(2)。
第5步
使用直接選擇工具(A)僅選擇其中一個(gè)粉紅色三角形,然后轉(zhuǎn)到選擇>相同>填充顏色(1)。一旦你選擇了所有的選項(xiàng),組(Control-G)并用圖中所示的線性梯度填充它們(2)。
對(duì)藍(lán)色三角形重復(fù)相同的技巧(3)。
第6步
選擇整個(gè)“奧利奧設(shè)計(jì)”組,轉(zhuǎn)到效果>風(fēng)格化>陰影,并應(yīng)用所示的設(shè)置。
第7步
讓我們?yōu)槌^奧利奧圖標(biāo)邊緣的陰影創(chuàng)建一個(gè)遮罩形狀。
打開“圖層”面板中的“top餅干”組,然后找到圖標(biāo)頂部的圓角矩形,然后復(fù)制并粘貼到位(Shift-Control-V),以在所有內(nèi)容之前制作副本1)。
現(xiàn)在,從“圖層”面板中選擇“奧利奧設(shè)計(jì)”組,然后選擇復(fù)制和粘貼到位(Shift-Control-V)進(jìn)行復(fù)制并刪除之前應(yīng)用的陰影效果。轉(zhuǎn)到對(duì)象>復(fù)合路徑>使(控制-8)將所有形狀轉(zhuǎn)化為單個(gè)復(fù)合路徑(2)。
與紅色化合物路徑沿著選擇的灰度形狀并按團(tuán)結(jié)在探路者面板,得到掩模形狀(3)。
第8步
選擇“奧利奧設(shè)計(jì)”群組以及上一步中的形狀(應(yīng)放在前面),并將其設(shè)置為筆劃無,填充無。然后轉(zhuǎn)到對(duì)象>剪貼蒙版>制作(Control-7)?,F(xiàn)在圖標(biāo)周圍的邊緣清晰銳利。
5.如何添加基礎(chǔ)奧利奧餅干的質(zhì)地和細(xì)節(jié)
步驟1
使用鋼筆工具(P)在基礎(chǔ)餅干的前部邊緣繪制一束短垂直線,并用錐形混合藝術(shù)筆刷,重量為1磅。我已經(jīng)展示了如何在如何創(chuàng)建糖果怪物角色教程中創(chuàng)建這個(gè)有用的混合畫筆(第10節(jié))。Group(Control-G)完成后的所有行。
第2步
使用鋼筆工具(P)在基礎(chǔ)餅干的底部邊緣之后繪制一條路徑。給它一個(gè)2 pt的黑色筆觸,并在筆畫面板中使用Width Profile 1。接下來,去影響>模糊>高斯模糊,并應(yīng)用半徑的2像素。
第3步
轉(zhuǎn)到圖層面板,找到并僅選擇基礎(chǔ)餅干的前邊框(1),然后選擇復(fù)制并粘貼到位(Shift-Control-V)以制作它的副本。在探路者面板中按團(tuán)結(jié)將這些形狀合并成一個(gè)(2)。將生成的形狀設(shè)置為stroke-none和fill-none,我們將使用它來掩蓋上一步(3)中的線組和陰影路徑。
步驟4
使用鋼筆工具(P)在基礎(chǔ)餅干的前部邊界上繪制幾條隨機(jī)路徑,并使用Brush Libraries菜單>藝術(shù)> Artistic_ChalkCharcoalPencil中的粉筆藝術(shù)畫筆對(duì)它們進(jìn)行描邊,重量為1磅。將它們?nèi)吭O(shè)置為混合模式疊加(1)。
復(fù)制上一步中的蒙版形狀,并再次使用它來掩蓋這些路徑(2)。因此,你會(huì)在基礎(chǔ)餅干(3)上得到一些紋理。
第5步
轉(zhuǎn)到圖層面板,找到并選擇基礎(chǔ)餅干的頂部形狀,然后復(fù)制并粘貼到位(Shift-Control-V)以制作它的副本。轉(zhuǎn)到效果>紋理并應(yīng)用谷物效果;然后將其設(shè)置為混合模式柔光和10%不透明度(1)。
在前面復(fù)制并粘貼(Control-F)相同的形狀并刪除所有現(xiàn)有的外觀。在選中此新副本的同時(shí),還可以選擇應(yīng)用了紋理效果的形狀,然后轉(zhuǎn)到對(duì)象>剪切蒙版>制作(對(duì)照-7)(2)。將結(jié)果組移動(dòng)到“圖層”面板中“基礎(chǔ)餅干”的正上方。
6.如何在頂級(jí)奧利奧餅干上添加質(zhì)地和細(xì)節(jié)
步驟1
使用鋼筆工具(P)或線段工具(\)在“頂部餅干”上繪制一組直線路徑,并用粉筆藝術(shù)筆刷對(duì)其進(jìn)行描邊。使用指示為筆觸顏色的棕色陰影(1)。
將所有這些路徑分組(Control-G)并將整個(gè)組設(shè)置為混合模式乘法和20%不透明度(2)。
第2步
復(fù)制并貼在前面(Control-F)這組路徑,保持相同的外觀,但這次將組設(shè)置為混合模式屏幕和20%不透明度。
第3步
轉(zhuǎn)到圖層面板,選擇“頂部餅干”組,然后在位置復(fù)制和粘貼(Shift-Control-V)。在Pathfinder面板中按Unite將所有形狀合并成一個(gè)(1)。
選擇“奧利奧設(shè)計(jì)”組,然后選擇復(fù)制并粘貼到位(Shift-Control-V),將其復(fù)制到所有內(nèi)容的前面。刪除陰影效果并轉(zhuǎn)到對(duì)象>復(fù)合路徑>制作(對(duì)照-8)(2)。
現(xiàn)在,選擇新獲得的藍(lán)色和橙色形狀,并在Pathfinder面板中按Unite以獲得我們需要的形狀(3)。
步驟4
用棕色填充上一步獲得的形狀,并使用與“基礎(chǔ)餅干”相同的設(shè)置應(yīng)用谷物效果。將混合模式設(shè)置為柔光并將不透明度設(shè)置為10%(1)。
在所有內(nèi)容前復(fù)制相同的形狀,并將其設(shè)置為stroke-none和fill-none。在選中此副本的同時(shí),還應(yīng)選擇兩組線條和應(yīng)用了“紋理”效果的形狀,然后轉(zhuǎn)到“對(duì)象”>“剪貼蒙版”>“制作”(對(duì)照7)。因此,您將在“頂部餅干”(3)周圍獲得干凈的邊緣。
第5步
使用鋼筆工具(P)在“頂部餅干”的前邊緣但略高于其上的位置(1)繪制一條路徑,然后在“頂部餅干”(2)邊緣的右邊繪制一條路徑。給他們一個(gè)2磅黑色行程并使用寬度分布1在行程面板;然后應(yīng)用2 px高斯模糊。因此,你會(huì)在“頂級(jí)餅干”和“奶油餡”之間創(chuàng)造一些影子(3)。
7.如何添加細(xì)節(jié)到奧利奧奶油填充
步驟1
讓我們從“奶油填充”組下面的陰影開始。在填充物的底部邊緣之后繪制一條路徑并將其發(fā)送到其后面。給它一個(gè)2點(diǎn)黑色描邊并使用寬度配置文件1。應(yīng)用1 px高斯模糊。
第2步
繪制幾個(gè)不同大小的隨機(jī)黑色形狀,然后將它們拖入“畫筆”面板中以將它們保存為新的散點(diǎn)畫筆。你可以將它命名為Crumbs Scatter Brush(1)。
抓住鉛筆工具(N),在“奶油填充”上繪制一個(gè)隨機(jī)的圓形路徑,并用新保存的筆刷對(duì)其進(jìn)行筆劃。打開“描邊選項(xiàng)”窗口并如圖所示更改設(shè)置,或者直到獲得所需的外觀(2)。
當(dāng)您對(duì)面包屑的外觀感到滿意時(shí),從對(duì)象菜單中選擇展開外觀,然后將結(jié)果組設(shè)置為混合模式覆蓋(3)。
第3步
轉(zhuǎn)到圖層面板,選擇“奶油填充”組,然后在前面復(fù)制一份。在Pathfinder面板中按Unite將其合并為單個(gè)形狀。如有必要,還可以轉(zhuǎn)到對(duì)象>復(fù)合路徑>制作(Control-8)。
步驟4
現(xiàn)在,選擇一組面包屑以及上一步獲得的形狀,它們必須在前面并設(shè)置為stroke-none,fill-none,然后轉(zhuǎn)到Object> Clipping Mask> Make(Control-7)。
8.如何在奧利奧圖標(biāo)下創(chuàng)建陰影
從“圖層”面板中選擇“基礎(chǔ)餅干”組,然后選擇“復(fù)制并粘貼到位”(Shift-Control-V)。將副本移到Oreo圖標(biāo)下的新圖層(1)。在Pathfinder面板中按Unite或轉(zhuǎn)到對(duì)象>復(fù)合路徑>制作(Control-8)以獲取單個(gè)形狀(2)。選擇深褐色作為填充顏色并應(yīng)用兩次陰影效果以獲得陰影(3)。
恭喜,你完成了!
這是奧利奧圖標(biāo)的最終圖像。我希望你喜歡這個(gè)“甜蜜”的教程,不要忘記與你的娛樂共享一個(gè)圖像。我很樂意看看。
相關(guān)文章
AI如何繪制小汽車?AI繪制復(fù)古風(fēng)格的小汽車教程
臨摹插畫之前一定要觀察思路,比如今天這張圖要對(duì)圖中的構(gòu)圖要有一定的理解,其次是光源,然后光影,最后是配色,這樣觀察之后就會(huì)很容易上手了2021-06-19教你用AI繪制扁平化風(fēng)格的小清新小植物圖標(biāo)教程
這篇教程主要是通過AI繪制扁平化風(fēng)格的小清新小植物圖標(biāo)教程,具體教程請(qǐng)看下文,大家如果覺得教程還不錯(cuò)的話,也可以推薦給朋友們一起學(xué)習(xí),現(xiàn)在就開始我們今天的教程吧2021-04-22- 這篇教程主要是通過AI繪制一個(gè)正在帥氣灌籃的灌籃貓插畫教程,具體教程請(qǐng)看下文,大家如果覺得教程還不錯(cuò)的話,也可以推薦給朋友們一起學(xué)習(xí),現(xiàn)在就開始我們今天的教程吧2021-04-22
用AI制作頒獎(jiǎng)時(shí)舉起獎(jiǎng)杯慶祝插畫教程
今天給大家?guī)淼氖怯肁I制作頒獎(jiǎng)時(shí)舉起獎(jiǎng)杯慶祝插畫教程,有興趣的朋友可以學(xué)習(xí)一下,覺得本教程還不錯(cuò)的話可以推薦給正在學(xué)習(xí)AI的朋友或者同學(xué),現(xiàn)在就來開始我們今天的教2021-04-20AI怎么制作黃色潛水艇圖標(biāo)?AI制作黃色潛水艇圖標(biāo)教程
雖然宇宙飛船、火箭和不明飛行物的流行讓潛艇已經(jīng)無可爭(zhēng)辯地被忽視了。在本教程中我們將使用漸變網(wǎng)格實(shí)現(xiàn)美麗的潛艇表面的顏色變化。一起來學(xué)習(xí)吧2021-04-09AI怎么設(shè)計(jì)棒冰圖標(biāo)呢?AI設(shè)計(jì)可愛風(fēng)格棒冰圖標(biāo)效果圖教程
正值炎炎夏日,我知道大家都很享受手中拿著一個(gè)巨大無比的冰激凌坐著好好地休息。哈哈誠(chéng)實(shí)的說我每天都會(huì)這么做。這也是為什么我覺得用這個(gè)主題來編寫一個(gè)小教程2021-04-09- 本教程主要使用Illustrator制作手繪風(fēng)格的粉筆字教程,自己用這個(gè)方法做過幾次效果,感覺比較好用,所以分享給大家,現(xiàn)在一起來學(xué)習(xí)吧2021-04-09
- 抽象圖非常容易制作,盡量放大膽子放空大腦,不具象的鼓搗下去,也許就是一幅杰作橫空出世。也就因?yàn)樗趧?chuàng)作中的無拘無束,反而給人增加了很多不可名狀的難度。今天我們來2021-04-08
- 在這個(gè)教程中我們將學(xué)會(huì)怎樣用基本的Adobe Illustrator工具繪制一串葡萄,你將學(xué)會(huì)使用形狀和技巧怎樣呈現(xiàn)光源和怎樣塑造一個(gè)復(fù)雜的對(duì)像。讓我們開始吧2021-04-08
怎么用AI制作蜜蜂海報(bào)呢?AI繪制設(shè)計(jì)蜜蜂插畫海報(bào)教程
今天我們學(xué)習(xí)用llustrator繪制設(shè)計(jì)一款蜜蜂插畫的海報(bào),效果不錯(cuò),跟著教程學(xué)習(xí)之后期待你可以做出更多類型的插畫海報(bào),現(xiàn)在一起來動(dòng)手做一做吧2021-04-08