Illustrator繪製扁平化風格的夏季主題圖標

設計 08-02

先來分析一下效果圖，然後分圖層分別為：細節、手提箱、陽傘、游泳襯衫、沙灘毛巾、衝浪板、背景。我們接著依次來完成效果，感興趣的朋友一起來學習吧。

先看看效果

衝浪板的製作：

第1步：首先，建立文檔，畫板數量：1

寬度：850px.寬度：600px，顏色模式：rgb。

然後分圖層分別為：細節、手提箱、陽傘、游泳襯衫、沙灘毛巾、衝浪板、背景。

第2步：先用矩形工具畫一個20px*420px的矩形，顏色為#f9a03f。然後用上角面板把所有的角都放到最大。

讓我們的矩形看起來像一個衝浪板。效果>變形>弧度。將其設置為垂直和彎曲：30%，點擊ok,並擴展(對象>擴展)形狀。

第3步：創建一個多邊形，設置為半徑為50px，3條邊。把這個三角形放置於衝浪板底部，如下圖所示。同時選中兩個形狀，並在

路徑查找器面板上選擇減去頂層。使用描點工具，拖動板尾部，使其更彎，更圓潤。

第4步：創建一個矩形，顏色為#f294b6，然後將它放置在形狀的中間。然後選擇形狀生成器工具(shift-m)，然後同時選中兩個形狀，

並按住alt，刪除多餘的部分。

第5步：創建一個矩形，顏色為#df2754，然後將其放置在粉紅色形狀下面。然後繼續刪除掉多餘的部分，像第4步一樣的操作。

第6步：在粉紅色的形狀下面增加一個淺粉色的矩形，顏色為#f9ceddf。用直接選擇工具選中，並按住alt，然後再拖動一個到洋紅色的形狀上面，如下圖所示。繼續刪除掉淺粉色的多餘的部分。

第7步：讓我們來添加三個點，和一個半透明的陰影。用橢圓工具製作一個小圓和兩個更小的相同的圓。顏色都設置為#f9d1aa。把它們放在衝浪板底座的左邊。創建一個更大的紅色矩形，並覆蓋衝浪板的所有右側，並在透明度面板上選擇30%。刪除所有多餘的部分，這樣我們的衝浪板完成啦。

沙灘浴巾的製作：

第1步：創建一個150px*230px，色值為#9076e2，然後再製作一個150px*18px的粉色矩形，色值為f294b6，把它放置在前面形狀的底部。

點擊粉色矩形，選擇直接選擇工具，按住alt，把這個拷貝並拖到基本形狀的上面，如下圖所示。

第2步：選擇兩個粉色條紋。選擇混合工具(w)，然後點擊粉紅色的條紋，再在混合工具的縮略圖上單擊2次，並將間距設置為指定的步驟，如下圖所示。

第3步：複製一個粉紅色矩形，然後把色值改為#4a288c。然後將紫色的矩形放置於每一個粉色矩形下面。

第4步：製作一個10px*20px的，色值為#4a288c的矩形，並將此矩形的兩個直角變為圓角，並放置在毛巾的最上端的左右兩邊，如下圖所示。

第6步：當然，還有陰影，就像我們做衝浪板陰影一樣的做法。

游泳短褲的製作：

第1步：創建一個矩形，95px*15px,色值為#4a288c,將其圓角設置為3，然後使用描點工具，將底部拖下來。

第2步：創建一個70px*90px，色值為#df2754的矩形。把它的上角圍度設置為最大值，底部設置為3，把它旋轉一下，把它放到深紫色的形狀下面，並這個形狀複製，粘貼，然後水平的反射出來，如下圖所示。

第3步：現在我們要做口袋了。創建一個40px*40px的粉色圓，色值為#f294b6，將它放置在左腿上，刪除多餘的部分，然後將其複製粘貼到相同的位置，水平的反射，並將其移動到右腿上。

第4步：製作一個8px*8px的正方形，色值為#df2754，並把圓角設置為2，並把它放在深紫色的中間。用鋼筆工具來做半弓，色值設置為#d6f7fc，並將筆觸設置為5，然後展開弓，做一個複製，水平的反射，然後移動到右邊。把它的下彎角轉到最大。做一個隨機矩形，色值為#df2754，把它放在右邊，用眼睛滴管工具(l),從衝浪板的陰影中複製圖層樣式。刪除多餘的部分。

洋傘的製作：

第1步：創建一個10px*220px，色值為#df2754的矩形，並把四個角都設置為最大的圓角。

第2步：用橢圓工具(L)創建一個240px*240px，色值為#f9a03f的圓，把它放在前面的形狀上。使用線段工具(/)，製作一條沒有填充和顏色的水平線，並將其放置在圓上，見圖。選擇圓和線，然後單擊路徑查找器面板上的分隔，刪除任何不必要的部分，如下圖所示。

第3步：在洋傘下添加一個320px*320px，色值為#ef5500的長方形，然後再做一個320px*320px，色值為#f9d1aa的三角形，把它放置在基本形狀上，形成我們洋傘的中間部分，並刪除多餘的部分。在這兩條細線的幫助下，沒有填充和顏色，將洋傘下的亮橙色矩形垂直分為3部分。用橙色#f9a03f，把中間部分塗上顏色。