Illustrator(AI)設計時尚簡潔風格的巧克力漢堡包圖標
PS夢工場 發(fā)布時間:2013-11-25 14:35:59 作者:貓視覺
我要評論

在本教程中,我們將要建立一個現(xiàn)代化的漢堡包網(wǎng)頁圖標。我們將使用Illustrator,因為它更容易,調(diào)整尺寸不失質量和應用不同的樣式
在本教程中,我們將要建立一個現(xiàn)代化的漢堡包網(wǎng)頁圖標。我們將使用Illustrator,因為它更容易,調(diào)整尺寸不失質量和應用不同的樣式。正如你可以看到在預覽圖像,漢堡包是超級簡單的和最小的。我們不希望寫過多細節(jié)只是為了弄清楚如何實現(xiàn)這個圖標,希望通過這篇教程能夠舉一反三,而不是一步一步跟著做,那樣意義不大。
第1步
在Illustrator中創(chuàng)建一個新的文件,并選擇橢圓工具(L)。繪制一個橢圓,并填補它與CMYK=15,40,74,1
第2步
選擇圓角矩形,設置半徑為50像素畫一個像包子的橢圓底部。填充和上面相同的顏色。
第3步
現(xiàn)在,畫出兩個圓角矩形,使他們更薄,并填充他們的CMYK=25,52,65,71。
第4步
再次選擇橢圓工具(L)繪制一些小的橢圓,當做芝麻。填充CMYK=5,21,42,0。
第5步
下一個步驟是繪制奶酪。拿起鋼筆工具(P)繪制熔融奶酪切片之間的兩個漢堡。我們選擇的顏色為CMYK=0,27,85,0。
第6步
復制奶酪的形狀并向下移動10px。改變它的顏色為CMYK= 0,27,85,30。按A挑直接選擇工具,并開始變形讓您創(chuàng)建一個3D效果的錨點。如下圖的效果。
第7步
好了,現(xiàn)在我們需要形成的包子。選擇鋼筆工具(P)繪制一個形狀像一個第一個圖像。然后按住Shift鍵選擇上包子形狀,然后單擊相交圖標。然后,將新形成的形狀,水平翻轉,將它移動到另一側形成的包子。
如果你有一個繪圖板,你可以使用路徑橡皮擦工具代替。
第8步
重復該過程,繪制另一部分。
第9步
漢堡現(xiàn)在應該是這個樣子。
第10步
選擇鋼筆工具,繪制一個形狀像一個下面的第一張圖像。復制底下包子狀的圖層。選擇你剛剛用鋼筆工具創(chuàng)建的形狀,按住Shift鍵,點擊相交圖標。改變這個新的形狀顏色CMYK=15,31,50,0。接下來,重復,水平翻轉,并將其放置在另一邊。
第11步
重復前面的步驟。
第12步
現(xiàn)在我們的漢堡包圖標已準備就緒。但是,我們將創(chuàng)建另一個版本,只有一種顏色。我們需要換另一種方法實現(xiàn)這一點。所以,選擇整個漢堡,按住Alt鍵拖動它到畫布上的任何地方。這將創(chuàng)建一個副本的漢堡包。開始選擇芝麻形狀(選擇第一種子,按住Shift鍵,只需按一下其他種子)。轉到對象>路徑>偏移路徑,并選擇加入5px。接下來,按住Shift并選擇上包子形狀。點擊減去圖標。將上部包子形狀20像素(Shift +向上的2倍)。
第13步
繼續(xù)這樣做,其余的形狀(刪除暗黃色形狀的奶酪片下),直到你有東西,看起來像這樣(請一定要留下足夠的空間)。
第14步
使用鋼筆工具,使圖像邊緣更順滑。
第15步
結合所有的形狀,這就是它?,F(xiàn)在你可以擴展它,添加任何效果,并用在你的網(wǎng)頁設計項目。結合形狀之前,您可能需要創(chuàng)建一個副本,這樣你可以修改它(比方說,刪除一個漢堡)。
結論
本文到此為止。我們希望本教程可以讓你學到新的東西。如果您有任何疑問或具體的教程請求,可以在下面留言評論。最后欣賞下不同的變化效果

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

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

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

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

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

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

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


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

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

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


第11步
重復前面的步驟。

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

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

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

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

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

相關文章
ai怎么混合兩種顏色? illustrator混合兩個色塊的顏色的方法
ai填充不同顏色的圖形重疊以后,想要將兩種顏色混合,該怎么混合顏色呢?下面我們就來看看詳細的教程2024-07-18ai如何自定義網(wǎng)格線間距? ai參考線間距的調(diào)節(jié)方法
ai網(wǎng)格線間距默認的不是很喜歡,想要自己調(diào)整一下,該怎么調(diào)整呢?今天我們就來看看參考線調(diào)整技巧2024-05-28ai路徑平均效果怎么用? illustrator使用平均路徑的教程
Adobe Illustrator中有一個路徑平均功能,如何使用呢?下面小編為大家演示路徑平均功能的一種使用方法2024-05-21ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決? 去掉pdf文件多余內(nèi)容的技巧
ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決?ai中的文檔保存為pdf文件的時候,發(fā)現(xiàn)有多余內(nèi)容,該怎么操作呢?下面我們就來看看去掉pdf文件多余內(nèi)容的技巧2023-12-19- ai描邊在哪里?ai中想要設置描邊,該怎么操作呢?下面我們就來看看ai設置描邊的多種方法2023-12-19
- ai原位復制怎么用?復制圖形的時候,想要原位復制粘貼,該怎么操作呢?下面我們就來看看ai原位復制快捷鍵介紹2023-12-19
ai怎么讓文字隨著路徑變形? illustrator區(qū)域文字不跟著變換方向問題的
ai怎么讓文字隨著路徑變形?選中文字后,發(fā)現(xiàn)文字不跟隨變換區(qū)域旋轉該怎么辦呢?下面我們就來看看illustrator區(qū)域文字不跟著變換問題的解決辦法2023-11-30ai漸變色怎么調(diào)方向? illustrator將漸變顏色反向的技巧
ai漸變色怎么調(diào)方向?ai中給圖形填漸變色,想要進行反向,該怎么操作呢?下面我們就來看看illustrator將漸變顏色反向的技巧2023-11-30Ai彩色logo怎么做反白反黑效果? ai彩色logo轉化為黑白稿的技巧
Ai彩色logo怎么做反白反黑效果?設計的彩色logo想要做黑白稿,就是反黑反白效果,下面我們就來看看ai彩色logo轉化為黑白稿的技巧2023-11-12- ai怎么設計迷宮字體效果?我們需要使用分割網(wǎng)格結合形狀生成器工具,制作迷宮字體,下面我們就來看看詳細的設計過程2023-11-02