AI繪制漢堡包、飲料和薯?xiàng)l的組合插畫(huà)

使用AI繪制漢堡包、飲料和薯?xiàng)l的組合插畫(huà),在本教程中,小編向您展示了如何在Adobe Illustrator中使用非常基本的形狀來(lái)繪制一個(gè)桌子上的漢堡包,飲料和炸薯?xiàng)l的食品組合插畫(huà)。好了,下面我們就一起去看看具體步驟吧!
效果圖:
主要過(guò)程:
1.創(chuàng)建新文檔和設(shè)置
第1步
按Cmd/Ctrl+N創(chuàng)建新文檔。將單位設(shè)置為像素,大小設(shè)置為800 x 600px。在高級(jí)選項(xiàng)中,將色彩模式設(shè)置為RGB,分辨率設(shè)置為72ppi。
在首選項(xiàng)(Cmd/Ctrl+K)中,在“鍵盤(pán)增量”中輸入1px。單擊確定。
您可以轉(zhuǎn)到窗口>信息,以預(yù)覽形狀的大小和位置。記住在首選項(xiàng)>單位中將單位設(shè)置為像素。這將幫助您更快地工作。
2.繪制桌子
我們首先來(lái)繪制桌子。
第1步
對(duì)于桌面,我們繪制一個(gè)440 x 20px的矩形(顏色:#EBBD63),并將描邊設(shè)置為6px。具體參數(shù)如下圖。
第2步
對(duì)于桌腿,我們繪制一個(gè)25 x 88px的矩形(顏色:#EBBD63),描邊為6px。選擇鋼筆工具(P),并在下部添加錨點(diǎn),使用直接選擇工具(A)刪除它。
然后,使用直接選擇工具(A)向上移動(dòng)錨點(diǎn),如下圖所示。復(fù)制桌腿(Cmd/Ctrl+C> Cmd/Ctrl+F)并將其放在桌子的另一邊。
3.繪制飲料
第1步
繪制一個(gè)86 x 156px的矩形(顏色:#F04903),描邊為6px。用直接選擇工具(A),選擇下方的錨點(diǎn),將其向內(nèi)移動(dòng)10px,進(jìn)行梯形化。
現(xiàn)在在杯子的中間繪制一個(gè)44 x 44px的橢圓(顏色:#EFC206)。選擇鋼筆工具(P)并在杯子上繪制兩個(gè)三角形(顏色:#FFFFFF)。
第2步
現(xiàn)在我們需要繪制杯子的蓋子。選擇圓角矩形工具,并繪制一個(gè)104 x 12px的矩形(顏色:#FFFFFF)。將圓角半徑設(shè)置為6px,描邊為6px。
對(duì)于吸管,繪制一個(gè)7 x 44px的矩形(顏色:#FFFFFF),描邊為4px,并在變換面板中旋轉(zhuǎn)340º。添加另一個(gè)56 x 7px矩形(顏色:#FFFFFF),選中兩個(gè)形狀在路徑查找器中選擇聯(lián)集。使用直接選擇工具(A),使直角輕輕彎曲。最后,將吸管元素(Cmd/Ctrl+G)組合放置在杯子后面。
4.繪制漢堡包
第1步
我們將通過(guò)制作漢堡的面包來(lái)開(kāi)始繪制漢堡包。先繪制一個(gè)129 x 41px的矩形(顏色:#F29B34),在變換面板中為其上面兩個(gè)角添加圓角。
然后,繪制一個(gè)140 x 10px的矩形(顏色:#F16554C)并在“變換”面板中設(shè)置5px的圓角,添加一個(gè)火腿片。
第2步
使用鋼筆工具繪制生菜,將描邊設(shè)置為6px,顏色設(shè)置為:#71BA51。
接下來(lái),使用圓角矩形工具添加一片奶酪,同剛才的火腿片,顏色改為#EFC206,將其放置在生菜后面。
第3步
使用圓角矩形工具將一個(gè)140 x 13px的矩形(顏色:#FD5B03)添加到漢堡肉中。將高度設(shè)置為7px,描邊為6px。然后,復(fù)制生菜(Cmd/Ctrl+C> Cmd/Ctrl+F),放在漢堡肉的下方。
最后,繪制一個(gè)129 x 28px矩形(Color:#F29B34),在變換面板中為其下面兩個(gè)角添加圓角。
第4步
我們要添加一些奶酪在漢堡層之間流出來(lái)。使用鋼筆工具繪制,并給它填充顏色:#EFC206,如下圖所示。選擇漢堡包并組合所有內(nèi)容(Cmd/Ctrl+G)。
5.繪制炸薯?xiàng)l
第1步
現(xiàn)在我們繪制一些美味的炸薯?xiàng)l!首先,我們需要繪制一個(gè)102 x 94px的矩形(顏色:#F04903),描邊為6px,并使用直接選擇工具(A)選擇下方的錨點(diǎn),將錨點(diǎn)向內(nèi)移動(dòng)8px。
然后,在其中間用橢圓工具(#EFC206)繪制一個(gè)34 x 34px的圓,描邊為6px。
第2步
用橢圓工具制作一個(gè)75 x 75px的圓,并將其放在之前的梯形上。選中兩個(gè)形狀在路徑查找器中選擇減去頂層。
第3步
添加炸薯?xiàng)l。繪制一個(gè)10 x 120px的矩形(#EFC206),并將描邊設(shè)置為5px。制作各種副本(Cmd/Ctrl+C> Cmd/Ctrl+F),旋轉(zhuǎn)一些,并將它們放置在包裝盒后面。
第4步
現(xiàn)在我們將所有元素放在桌子上,如下圖所示:
6.照明和陰影
我們來(lái)給它們一些明暗來(lái)使他們更立體。
第1步
首先,我們將改變整個(gè)插圖的描邊顏色。選擇所有內(nèi)容并將描邊顏色更改為:#5B372B,然后轉(zhuǎn)到對(duì)象>擴(kuò)展外觀。
然后,取消對(duì)象的分組(選擇它們并按Shift+Cmd/Ctrl+G)。將所有對(duì)象分開(kāi)后,單獨(dú)處理細(xì)節(jié)會(huì)更加容易。
第2步
讓我們從漢堡開(kāi)始吧。選擇面包的內(nèi)部形狀并復(fù)制兩次(Cmd/Ctrl+C> Cmd/Ctrl+F)。然后,向右移動(dòng)第二個(gè)副本,稍微向右移動(dòng),然后選擇減去頂層,填充顏色改為#F8F5BC。
第3步
重復(fù)以前的過(guò)程與構(gòu)成漢堡包的其他形狀。使用下圖所示的填充顏色。
第4步
現(xiàn)在我們來(lái)繪制面包上的芝麻,在頂部的漢堡包上添加十二個(gè)5x5px的圓圈(顏色:B57427)。
第5步
對(duì)飲料杯重復(fù)相同的過(guò)程。
第6步
對(duì)薯?xiàng)l包裝盒也一樣。
第7步
最后,對(duì)桌面和桌腿重復(fù)此過(guò)程。使用顏色:#FBF2E0。
第8步
現(xiàn)在是添加一些暗面的時(shí)候了。應(yīng)用下圖所示的填充顏色。
7.最后的細(xì)節(jié)
我們現(xiàn)在要添加一些裝飾,作為我們的插圖的最后部分。
第1步
使用鋼筆工具(P)繪制兩條16px長(zhǎng)的線條,并將描邊設(shè)置為6px。然后繪制另一個(gè),矩形長(zhǎng)度改為10px。
然后使用橢圓工具添加兩個(gè)4 x 4px的圓,然后再添加一個(gè)7 x 7px的圓。
將這些顏色的星星和點(diǎn)的顏色分別改為:#FFCE0B,#F04903,#653426,#FF8500。
第2步
繪制一個(gè)800 x 600px的矩形(顏色:#F2E2C9)。將矩形放在插圖的最底層。
恭喜!我們完成了
做得好!我現(xiàn)在感覺(jué)很餓!在這篇教程中,我們看到了如何使用非?;镜男螤顬樯顜?lái)簡(jiǎn)單的說(shuō)明。
我希望你喜歡這個(gè)教程,并發(fā)現(xiàn)它的用處。您現(xiàn)在可以將您所學(xué)到的知識(shí)用于您自己的項(xiàng)目和設(shè)計(jì)中。
教程結(jié)束,以上就是AI繪制漢堡包、飲料和薯?xiàng)l的組合插畫(huà)的全部?jī)?nèi)容,希望大家喜歡!
相關(guān)教程推薦:
Illustrator簡(jiǎn)單繪制漢堡香腸插畫(huà)海報(bào)
Illustrator(AI)設(shè)計(jì)時(shí)尚簡(jiǎn)潔風(fēng)格的巧克力漢堡包圖標(biāo)
原文地址:tutpad
譯文作者:學(xué)UI網(wǎng)翻譯社-YIie
相關(guān)文章
ai怎么混合兩種顏色? illustrator混合兩個(gè)色塊的顏色的方法
ai填充不同顏色的圖形重疊以后,想要將兩種顏色混合,該怎么混合顏色呢?下面我們就來(lái)看看詳細(xì)的教程2024-07-18ai如何自定義網(wǎng)格線間距? ai參考線間距的調(diào)節(jié)方法
ai網(wǎng)格線間距默認(rèn)的不是很喜歡,想要自己調(diào)整一下,該怎么調(diào)整呢?今天我們就來(lái)看看參考線調(diào)整技巧2024-05-28ai路徑平均效果怎么用? illustrator使用平均路徑的教程
Adobe Illustrator中有一個(gè)路徑平均功能,如何使用呢?下面小編為大家演示路徑平均功能的一種使用方法2024-05-21ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決? 去掉pdf文件多余內(nèi)容的技巧
ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決?ai中的文檔保存為pdf文件的時(shí)候,發(fā)現(xiàn)有多余內(nèi)容,該怎么操作呢?下面我們就來(lái)看看去掉pdf文件多余內(nèi)容的技巧2023-12-19- ai描邊在哪里?ai中想要設(shè)置描邊,該怎么操作呢?下面我們就來(lái)看看ai設(shè)置描邊的多種方法2023-12-19
ai原位復(fù)制怎么用? ai原位復(fù)制快捷鍵介紹
ai原位復(fù)制怎么用?復(fù)制圖形的時(shí)候,想要原位復(fù)制粘貼,該怎么操作呢?下面我們就來(lái)看看ai原位復(fù)制快捷鍵介紹2023-12-19ai怎么讓文字隨著路徑變形? illustrator區(qū)域文字不跟著變換方向問(wèn)題的
ai怎么讓文字隨著路徑變形?選中文字后,發(fā)現(xiàn)文字不跟隨變換區(qū)域旋轉(zhuǎn)該怎么辦呢?下面我們就來(lái)看看illustrator區(qū)域文字不跟著變換問(wèn)題的解決辦法2023-11-30ai漸變色怎么調(diào)方向? illustrator將漸變顏色反向的技巧
ai漸變色怎么調(diào)方向?ai中給圖形填漸變色,想要進(jìn)行反向,該怎么操作呢?下面我們就來(lái)看看illustrator將漸變顏色反向的技巧2023-11-30Ai彩色logo怎么做反白反黑效果? ai彩色logo轉(zhuǎn)化為黑白稿的技巧
Ai彩色logo怎么做反白反黑效果?設(shè)計(jì)的彩色logo想要做黑白稿,就是反黑反白效果,下面我們就來(lái)看看ai彩色logo轉(zhuǎn)化為黑白稿的技巧2023-11-12ai怎么設(shè)計(jì)迷宮字體效果? ai做3d立體迷宮字的技巧
ai怎么設(shè)計(jì)迷宮字體效果?我們需要使用分割網(wǎng)格結(jié)合形狀生成器工具,制作迷宮字體,下面我們就來(lái)看看詳細(xì)的設(shè)計(jì)過(guò)程2023-11-02