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

第1步
在Illustrator中創(chuàng)建一個(gè)新的文件，并選擇橢圓工具(L)。繪制一個(gè)橢圓，并填補(bǔ)它與CMYK=15，40，74，1

第2步
選擇圓角矩形，設(shè)置半徑為50像素畫一個(gè)像包子的橢圓底部。填充和上面相同的顏色。

第3步
現(xiàn)在，畫出兩個(gè)圓角矩形，使他們更薄，并填充他們的CMYK=25，52，65，71。

第4步
再次選擇橢圓工具(L)繪制一些小的橢圓，當(dāng)做芝麻。填充CMYK=5，21，42，0。

第5步
下一個(gè)步驟是繪制奶酪。拿起鋼筆工具(P)繪制熔融奶酪切片之間的兩個(gè)漢堡。我們選擇的顏色為CMYK=0，27，85，0。


第6步
復(fù)制奶酪的形狀并向下移動(dòng)10px。改變它的顏色為CMYK= 0，27，85，30。按A挑直接選擇工具，并開始變形讓您創(chuàng)建一個(gè)3D效果的錨點(diǎn)。如下圖的效果。

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


第8步
重復(fù)該過程，繪制另一部分。

第9步
漢堡現(xiàn)在應(yīng)該是這個(gè)樣子。

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


第11步
重復(fù)前面的步驟。


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

第13步
繼續(xù)這樣做，其余的形狀(刪除暗黃色形狀的奶酪片下)，直到你有東西，看起來像這樣(請(qǐng)一定要留下足夠的空間)。

第14步
使用鋼筆工具，使圖像邊緣更順滑。

第15步
結(jié)合所有的形狀，這就是它。現(xiàn)在你可以擴(kuò)展它，添加任何效果，并用在你的網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目。結(jié)合形狀之前，您可能需要?jiǎng)?chuàng)建一個(gè)副本，這樣你可以修改它(比方說，刪除一個(gè)漢堡)。

結(jié)論
本文到此為止。我們希望本教程可以讓你學(xué)到新的東西。如果您有任何疑問或具體的教程請(qǐng)求，可以在下面留言評(píng)論。最后欣賞下不同的變化效果

最新評(píng)論