Illustrator(AI)設(shè)計時尚簡潔風(fēng)格的巧克力漢堡包圖標(biāo)

2020-04-17 23:28:14

字體：大中小

供稿：網(wǎng)友

在本教程中，我們將要建立一個現(xiàn)代化的漢堡包網(wǎng)頁圖標(biāo)。我們將使用Illustrator，因為它更容易，調(diào)整尺寸不失質(zhì)量和應(yīng)用不同的樣式。正如你可以看到在預(yù)覽圖像，漢堡包是超級簡單的和最小的。我們不希望寫過多細節(jié)只是為了弄清楚如何實現(xiàn)這個圖標(biāo)，希望通過這篇教程能夠舉一反三，而不是一步一步跟著做，那樣意義不大。
Illustrator設(shè)計時尚簡潔風(fēng)格的漢堡包圖標(biāo),

第1步
在Illustrator中創(chuàng)建一個新的文件，并選擇橢圓工具(L)。繪制一個橢圓，并填補它與CMYK=15，40，74，1
Illustrator設(shè)計時尚簡潔風(fēng)格的漢堡包圖標(biāo),

第2步
選擇圓角矩形，設(shè)置半徑為50像素畫一個像包子的橢圓底部。填充和上面相同的顏色。
Illustrator設(shè)計時尚簡潔風(fēng)格的漢堡包圖標(biāo),

第3步
現(xiàn)在，畫出兩個圓角矩形，使他們更薄，并填充他們的CMYK=25，52，65，71。
Illustrator設(shè)計時尚簡潔風(fēng)格的漢堡包圖標(biāo),

第4步
再次選擇橢圓工具(L)繪制一些小的橢圓，當(dāng)做芝麻。填充CMYK=5，21，42，0。
Illustrator設(shè)計時尚簡潔風(fēng)格的漢堡包圖標(biāo),

第5步
下一個步驟是繪制奶酪。拿起鋼筆工具(P)繪制熔融奶酪切片之間的兩個漢堡。我們選擇的顏色為CMYK=0，27，85，0。
Illustrator設(shè)計時尚簡潔風(fēng)格的漢堡包圖標(biāo),

第6步
復(fù)制奶酪的形狀并向下移動10px。改變它的顏色為CMYK= 0，27，85，30。按A挑直接選擇工具，并開始變形讓您創(chuàng)建一個3D效果的錨點。如下圖的效果。
Illustrator設(shè)計時尚簡潔風(fēng)格的漢堡包圖標(biāo),

第7步
好了，現(xiàn)在我們需要形成的包子。選擇鋼筆工具(P)繪制一個形狀像一個第一個圖像。然后按住Shift鍵選擇上包子形狀，然后單擊相交圖標(biāo)。然后，將新形成的形狀，水平翻轉(zhuǎn)，將它移動到另一側(cè)形成的包子。
如果你有一個繪圖板，你可以使用路徑橡皮擦工具代替。
Illustrator設(shè)計時尚簡潔風(fēng)格的漢堡包圖標(biāo),

第8步
重復(fù)該過程，繪制另一部分。
Illustrator設(shè)計時尚簡潔風(fēng)格的漢堡包圖標(biāo),

第9步
漢堡現(xiàn)在應(yīng)該是這個樣子。
Illustrator設(shè)計時尚簡潔風(fēng)格的漢堡包圖標(biāo),

第10步
選擇鋼筆工具，繪制一個形狀像一個下面的第一張圖像。復(fù)制底下包子狀的圖層。選擇你剛剛用鋼筆工具創(chuàng)建的形狀，按住Shift鍵，點擊相交圖標(biāo)。改變這個新的形狀顏色CMYK=15，31，50，0。接下來，重復(fù)，水平翻轉(zhuǎn)，并將其放置在另一邊。
Illustrator設(shè)計時尚簡潔風(fēng)格的漢堡包圖標(biāo),

第11步
重復(fù)前面的步驟。
Illustrator設(shè)計時尚簡潔風(fēng)格的漢堡包圖標(biāo),

第12步
現(xiàn)在我們的漢堡包圖標(biāo)已準(zhǔn)備就緒。但是，我們將創(chuàng)建另一個版本，只有一種顏色。我們需要換另一種方法實現(xiàn)這一點。所以，選擇整個漢堡，按住Alt鍵拖動它到畫布上的任何地方。這將創(chuàng)建一個副本的漢堡包。開始選擇芝麻形狀(選擇第一種子，按住Shift鍵，只需按一下其他種子)。轉(zhuǎn)到對象>路徑>偏移路徑，并選擇加入5px。接下來，按住Shift并選擇上包子形狀。點擊減去圖標(biāo)。將上部包子形狀20像素(Shift +向上的2倍)。
Illustrator設(shè)計時尚簡潔風(fēng)格的漢堡包圖標(biāo),

第13步
繼續(xù)這樣做，其余的形狀(刪除暗黃色形狀的奶酪片下)，直到你有東西，看起來像這樣(請一定要留下足夠的空間)。
Illustrator設(shè)計時尚簡潔風(fēng)格的漢堡包圖標(biāo),

第14步
使用鋼筆工具，使圖像邊緣更順滑。
Illustrator設(shè)計時尚簡潔風(fēng)格的漢堡包圖標(biāo),

第15步
結(jié)合所有的形狀，這就是它。現(xiàn)在你可以擴展它，添加任何效果，并用在你的網(wǎng)頁設(shè)計項目。結(jié)合形狀之前，您可能需要創(chuàng)建一個副本，這樣你可以修改它(比方說，刪除一個漢堡)。
Illustrator設(shè)計時尚簡潔風(fēng)格的漢堡包圖標(biāo),