萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Adobe Illustrator教程 >> AI設計時尚簡潔風格的巧克力漢堡包圖標

AI設計時尚簡潔風格的巧克力漢堡包圖標

   在本教程中,我們將要建立一個現代化的漢堡包網頁圖標。我們將使用Illustrator,因為它更容易,調整尺寸不失質量和應用不同的樣式。正如你可以看到在預覽圖像,漢堡包是超級簡單的和最小的。我們不希望寫過多細節只是為了弄清楚如何實現這個圖標,希望通過這篇教程能夠舉一反三,而不是一步一步跟著做,那樣意義不大。

AI設計時尚簡潔風格的巧克力漢堡包圖標  三聯

  第1步

  在Illustrator中創建一個新的文件,並選擇橢圓工具(L)。繪制一個橢圓,並填補它與CMYK=15,40,74,1

Illustrator設計時尚簡潔風格的漢堡包圖標,

  第2步

  選擇圓角矩形,設置半徑為50像素畫一個像包子的橢圓底部。填充和上面相同的顏色。

Illustrator設計時尚簡潔風格的漢堡包圖標,

  第3步

  現在,畫出兩個圓角矩形,使他們更薄,並填充他們的CMYK=25,52,65,71。

Illustrator設計時尚簡潔風格的漢堡包圖標,

  第4步

  再次選擇橢圓工具(L)繪制一些小的橢圓,當做芝麻。填充CMYK=5,21,42,0。

Illustrator設計時尚簡潔風格的漢堡包圖標,

  第5步

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

Illustrator設計時尚簡潔風格的漢堡包圖標,

  第6步

  復制奶酪的形狀並向下移動10px。改變它的顏色為CMYK= 0,27,85,30。按A挑直接選擇工具,並開始變形讓您創建一個3D效果的錨點。如下圖的效果。

Illustrator設計時尚簡潔風格的漢堡包圖標,

  第7步

  好了,現在我們需要形成的包子。選擇鋼筆工具(P)繪制一個形狀像一個第一個圖像。然後按住Shift鍵選擇上包子形狀,然後單擊相交圖標。然後,將新形成的形狀,水平翻轉,將它移動到另一側形成的包子。

  如果你有一個繪圖板,你可以使用路徑橡皮擦工具代替。

Illustrator設計時尚簡潔風格的漢堡包圖標,
Illustrator設計時尚簡潔風格的漢堡包圖標,

  第8步

  重復該過程,繪制另一部分。

Illustrator設計時尚簡潔風格的漢堡包圖標,

  第9步

  漢堡現在應該是這個樣子。

Illustrator設計時尚簡潔風格的漢堡包圖標,

  第10步

  選擇鋼筆工具,繪制一個形狀像一個下面的第一張圖像。復制底下包子狀的圖層。選擇你剛剛用鋼筆工具創建的形狀,按住Shift鍵,點擊相交圖標。改變這個新的形狀顏色CMYK=15,31,50,0。接下來,重復,水平翻轉,並將其放置在另一邊。

Illustrator設計時尚簡潔風格的漢堡包圖標,
Illustrator設計時尚簡潔風格的漢堡包圖標,

  第11步

  重復前面的步驟。

Illustrator設計時尚簡潔風格的漢堡包圖標,

  第12步

  現在我們的漢堡包圖標已准備就緒。但是,我們將創建另一個版本,只有一種顏色。我們需要換另一種方法實現這一點。所以,選擇整個漢堡,按住Alt鍵拖動它到畫布上的任何地方。這將創建一個副本的漢堡包。開始選擇芝麻形狀(選擇第一種子,按住Shift鍵,只需按一下其他種子)。轉到對象>路徑>偏移路徑,並選擇加入5px。接下來,按住Shift並選擇上包子形狀。點擊減去圖標。將上部包子形狀20像素(Shift +向上的2倍)。

Illustrator設計時尚簡潔風格的漢堡包圖標,

  第13步

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

Illustrator設計時尚簡潔風格的漢堡包圖標,

  第14步

  使用鋼筆工具,使圖像邊緣更順滑。

Illustrator設計時尚簡潔風格的漢堡包圖標,

  第15步

  結合所有的形狀,這就是它。現在你可以擴展它,添加任何效果,並用在你的網頁設計項目。結合形狀之前,您可能需要創建一個副本,這樣你可以修改它(比方說,刪除一個漢堡)。

Illustrator設計時尚簡潔風格的漢堡包圖標,

  結論

  本文到此為止。我們希望本教程可以讓你學到新的東西。如果您有任何疑問或具體的教程請求,可以在下面留言評論。最後欣賞下不同的變化效果

Illustrator設計時尚簡潔風格的漢堡包圖標,
copyright © 萬盛學電腦網 all rights reserved