1.創建新文檔和設置
第1步
按Cmd/Ctrl N創建新文檔。将單位設置為像素,大小設置為800 x 600px。在高級選項中,将色彩模式設置為RGB,分辨率設置為72ppi。
在首選項(Cmd/Ctrl K)中,在“鍵盤增量”中輸入1px。單擊确定。
您可以轉到窗口>信息,以預覽形狀的大小和位置。記住在首選項>單位中将單位設置為像素。這将幫助您更快地工作。
2.繪制桌子
我們首先來繪制桌子。
第1步
對于桌面,我們繪制一個440 x 20px的矩形(顔色:#EBBD63),并将描邊設置為6px。具體參數如下圖。
第2步
對于桌腿,我們繪制一個25 x 88px的矩形(顔色:#EBBD63),描邊為6px。選擇鋼筆工具(P),并在下部添加錨點,使用直接選擇工具(A)删除它。
然後,使用直接選擇工具(A)向上移動錨點,如下圖所示。複制桌腿(Cmd/Ctrl C> Cmd/Ctrl F)并将其放在桌子的另一邊。
3.繪制飲料
第1步
繪制一個86 x 156px的矩形(顔色:#F04903),描邊為6px。用直接選擇工具(A),選擇下方的錨點,将其向内移動10px,進行梯形化。
現在在杯子的中間繪制一個44 x 44px的橢圓(顔色:#EFC206)。選擇鋼筆工具(P)并在杯子上繪制兩個三角形(顔色:#FFFFFF)。
第2步
現在我們需要繪制杯子的蓋子。選擇圓角矩形工具,并繪制一個104 x 12px的矩形(顔色:#FFFFFF)。将圓角半徑設置為6px,描邊為6px。
對于吸管,繪制一個7 x 44px的矩形(顔色:#FFFFFF),描邊為4px,并在變換面闆中旋轉340º。添加另一個56 x 7px矩形(顔色:#FFFFFF),選中兩個形狀在路徑查找器中選擇聯集。使用直接選擇工具(A),使直角輕輕彎曲。最後,将吸管元素(Cmd/Ctrl G)組合放置在杯子後面。
4.繪制漢堡包
第1步
我們将通過制作漢堡的面包來開始繪制漢堡包。先繪制一個129 x 41px的矩形(顔色:#F29B34),在變換面闆中為其上面兩個角添加圓角。
然後,繪制一個140 x 10px的矩形(顔色:#F16554C)并在“變換”面闆中設置5px的圓角,添加一個火腿片。
第2步
使用鋼筆工具繪制生菜,将描邊設置為6px,顔色設置為:#71BA51。
接下來,使用圓角矩形工具添加一片奶酪,同剛才的火腿片,顔色改為#EFC206,将其放置在生菜後面。
第3步
使用圓角矩形工具将一個140 x 13px的矩形(顔色:#FD5B03)添加到漢堡肉中。将高度設置為7px,描邊為6px。然後,複制生菜(Cmd/Ctrl C> Cmd/Ctrl F),放在漢堡肉的下方。
最後,繪制一個129 x 28px矩形(Color:#F29B34),在變換面闆中為其下面兩個角添加圓角。
第4步
我們要添加一些奶酪在漢堡層之間流出來。使用鋼筆工具繪制,并給它填充顔色:#EFC206,如下圖所示。選擇漢堡包并組合所有内容(Cmd/Ctrl G)。
5.繪制炸薯條
第1步
現在我們繪制一些美味的炸薯條!首先,我們需要繪制一個102 x 94px的矩形(顔色:#F04903),描邊為6px,并使用直接選擇工具(A)選擇下方的錨點,将錨點向内移動8px。
然後,在其中間用橢圓工具(#EFC206)繪制一個34 x 34px的圓,描邊為6px。
第2步
用橢圓工具制作一個75 x 75px的圓,并将其放在之前的梯形上。選中兩個形狀在路徑查找器中選擇減去頂層。
第3步
添加炸薯條。繪制一個10 x 120px的矩形(#EFC206),并将描邊設置為5px。制作各種副本(Cmd/Ctrl C> Cmd/Ctrl F),旋轉一些,并将它們放置在包裝盒後面。
第4步
現在我們将所有元素放在桌子上,如下圖所示:
6.照明和陰影
我們來給它們一些明暗來使他們更立體。
第1步
首先,我們将改變整個插圖的描邊顔色。選擇所有内容并将描邊顔色更改為:#5B372B,然後轉到對象>擴展外觀。
然後,取消對象的分組(選擇它們并按Shift Cmd/Ctrl G)。将所有對象分開後,單獨處理細節會更加容易。
第2步
讓我們從漢堡開始吧。選擇面包的内部形狀并複制兩次(Cmd/Ctrl C> Cmd/Ctrl F)。然後,向右移動第二個副本,稍微向右移動,然後選擇減去頂層,填充顔色改為#F8F5BC。
第3步
重複以前的過程與構成漢堡包的其他形狀。使用下圖所示的填充顔色。
第4步
現在我們來繪制面包上的芝麻,在頂部的漢堡包上添加十二個5x5px的圓圈(顔色:B57427)。
第5步
對飲料杯重複相同的過程。
第6步
對薯條包裝盒也一樣。
第7步
最後,對桌面和桌腿重複此過程。使用顔色:#FBF2E0。
第8步
現在是添加一些暗面的時候了。應用下圖所示的填充顔色。
7.最後的細節
我們現在要添加一些裝飾,作為我們的插圖的最後部分。
第1步
使用鋼筆工具(P)繪制兩條16px長的線條,并将描邊設置為6px。然後繪制另一個,矩形長度改為10px。
然後使用橢圓工具添加兩個4 x 4px的圓,然後再添加一個7 x 7px的圓。
将這些顔色的星星和點的顔色分别改為:#FFCE0B,#F04903,#653426,#FF8500。
第2步
繪制一個800 x 600px的矩形(顔色:#F2E2C9)。将矩形放在插圖的最底層。
恭喜!我們完成了
做得好!我現在感覺很餓!在這篇教程中,我們看到了如何使用非常基本的形狀為生活帶來簡單的說明。
我希望你喜歡這個教程,并發現它的用處。您現在可以将您所學到的知識用于您自己的項目和設計中。
,