Illustrator繪制一組時尚扁平化風格的夏季圖標教程
效果圖:

主要過程:
沖浪板的制作:
第1步:首先,建立文檔,畫板數(shù)量:1
寬度:850px.寬度:600px,顏色模式:rgb。
然后分圖層分別為:細節(jié)、手提箱、陽傘、游泳襯衫、沙灘毛巾、沖浪板、背景。

第2步:先用矩形工具畫一個20px*420px的矩形,顏色為#f9a03f。然后用上角面板把所有的角都放到最大。
讓我們的矩形看起來像一個沖浪板。效果>變形>弧度。將其設置為垂直和彎曲:30%,點擊ok,并擴展(對象>擴展)形狀。

第3步:創(chuàng)建一個多邊形,設置為半徑為50px,3條邊。把這個三角形放置于沖浪板底部,如下圖所示。同時選中兩個形狀,并在
路徑查找器面板上選擇減去頂層。使用描點工具,拖動板尾部,使其更彎,更圓潤。

第4步:創(chuàng)建一個矩形,顏色為#f294b6,然后將它放置在形狀的中間。然后選擇形狀生成器工具(shift-m),然后同時選中兩個形狀,并按住alt,刪除多余的部分。

第5步:創(chuàng)建一個矩形,顏色為#df2754,然后將其放置在粉紅色形狀下面。然后繼續(xù)刪除掉多余的部分,像第4步一樣的操作。

第6步:在粉紅色的形狀下面增加一個淺粉色的矩形,顏色為#f9ceddf。用直接選擇工具選中,并按住alt,然后再拖動一個到洋紅色的形狀上面,如下圖所示。繼續(xù)刪除掉淺粉色的多余的部分。

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

沙灘浴巾的制作:
第1步:創(chuàng)建一個150px*230px,色值為#9076e2,然后再制作一個150px*18px的粉色矩形,色值為f294b6,把它放置在前面形狀的底部。
點擊粉色矩形,選擇直接選擇工具,按住alt,把這個拷貝并拖到基本形狀的上面,如下圖所示。

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

第3步:復制一個粉紅色矩形,然后把色值改為#4a288c。然后將紫色的矩形放置于每一個粉色矩形下面。

第4步:制作一個10px*20px的,色值為#4a288c的矩形,并將此矩形的兩個直角變?yōu)閳A角,并放置在毛巾的最上端的左右兩邊,如下圖所示。

第5步:選擇混合工具(w),然后點擊兩個深紫色的圖形,在混合工具的縮略圖上點擊兩次。將間隔設置為指定的步驟,如下圖所示。然后復制整個邊緣組,垂直的反射,然后移動到毛巾底部。

第6步:當然,還有陰影,就像我們做沖浪板陰影一樣的做法。

游泳短褲的制作:
第1步:創(chuàng)建一個矩形,95px*15px,色值為#4a288c,將其圓角設置為3,然后使用描點工具,將底部拖下來。

第2步:創(chuàng)建一個70px*90px,色值為#df2754的矩形。把它的上角圍度設置為最大值,底部設置為3,把它旋轉一下,把它放到深紫色的形狀下面,并這個形狀復制,粘貼,然后水平的反射出來,如下圖所示。

第3步:現(xiàn)在我們要做口袋了。創(chuàng)建一個40px*40px的粉色圓,色值為#f294b6,將它放置在左腿上,刪除多余的部分,然后將其復制粘貼到相同的位置,水平的反射,并將其移動到右腿上。

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

洋傘的制作:
第1步:創(chuàng)建一個10px*220px,色值為#df2754的矩形,并把四個角都設置為最大的圓角。

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

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

第4步:選擇3個橙色矩形的左部分,效果>變形>弧度,將其設置為垂直和彎曲:30%,將第3個形狀做同樣的選擇,但是選擇彎度為-30%,擴展形狀,并把兩個矩形的底角和3個px展開,把底邊向上拉。

手提箱的制作:
第1步:創(chuàng)建一個200px*130px,色值為#ea7aad的矩形,并將圓角設置為10px。再添加一個175px*110px的矩形,并把它放在最上面。

第2步:創(chuàng)建一個20px*35px的矩形,色值為#df2754。將圓角設置為3px,然后再創(chuàng)建一個10px*20px的矩形,也是將圓角設置為3px,那這個放到之前那個矩形的上面。再創(chuàng)建一個7px*4px的圓角矩形,色值為#9076e2。把這個繼續(xù)放在深紫色的上面。

第3步:我們的一個鎖已經完成,現(xiàn)在把它放在箱子的左邊,你也可以對它進行分組,選擇所有三層,并control+g,復制這個組并將它拖動到右邊對稱的位置。

第4步:畫一個10px*30px,色值為#df2754的矩形,然后按住alt拷貝一個。同時再做一個70px*10px,色值為#df2754的矩形,并把它放到兩個矩形中間,用路徑查找器里面的合并形狀,把3個矩形都合并,左和右外邊緣到3px。

第5步:創(chuàng)建一個50px*20px的,色值為#d6c7f9的矩形,圓角設置為3px,將其放置在手柄的水平部分,添加兩個高亮點,分別是一個小圓和一個圓角矩形,把它們放置在淺紫色的形狀上,然后給它們填充上顏色。

第6步:為了讓我們的行李箱變得更有趣,添加三個簡約的旅行貼紙。創(chuàng)建一個三角形,色值為#f47a2a的三角形,和一個淡粉色的筆觸,色值為#f9d1aa。繞過它的角,把它放在手提箱底座的中間。

第7步:對于第二個標簽,選擇星形工具,在畫板上點擊一次,然后選擇半徑為20,色值為#ea6a8e。復制這個粉紅色的形狀,用洋紅色,色值為#df2754,把它放大一點,把它放在粉紅色后面,然后把貼紙放在手提箱的左邊,刪除任何多余的部分。

第8步:我們來創(chuàng)建第三個標簽,讓三個圓圈比前一個大一些,最小的色值為#d6c7f9,中間圈的色值為#9076e2,外圈為#4a288c。然后,將它們放在行李箱的右邊,并刪除掉多余的部分,另外,為行李箱左一個半透明的陰影。

我們已經做完了所有的圖標,接下來讓我們做引人注目的背景。
第1步:把所有的對象都安排成一個假想的長方形。你也可以做一個真實的,如果對你而言更方便的話,刪除它。

第2步:讓我們用漂亮的細節(jié)來填充空白區(qū)域。在線段工具(/)的幫助下,創(chuàng)建一個垂直的線條,它的高度為20px,#9076e2,同時進行拷貝,然后水平放置,來形成一個加號。并在路徑查找器面板,合并這兩個形狀。然后把加號的所有角都轉到最大值。

第3步:把你喜歡的東西放置在主物體周圍。

第4步:接下來做一個30px*30px的淡粉色圓,描邊為7px,沒有填充,并在其他地方也復制粘貼。

第5步:創(chuàng)建一個18px*18px的洋紅色圓圈,描邊為7px,沒有填充。與前面步驟一樣,并在其他地方也復制粘貼。

第6步:最后,加入小的淡紫色,色值為#d6c7f9的圓圈,創(chuàng)建一個850px*600px的白色矩形,將其對齊到畫板上,并將其放在背景圖層上。

現(xiàn)在,我們已經準備好去度假啦!我喜歡你能很開心的和我一起做這個教程,并且你學到了一些新的東西,這將對你未來的工作有所幫助。

教程結束,以上就是Illustrator繪制一組時尚扁平化風格的夏季圖標教程的全部內容,希望大家喜歡!
相關教程推薦:
AI基礎教程:教你制作炫酷的畢業(yè)主題徽章、書本、學士帽和電腦圖標
相關文章

ai怎么混合兩種顏色? illustrator混合兩個色塊的顏色的方法
ai填充不同顏色的圖形重疊以后,想要將兩種顏色混合,該怎么混合顏色呢?下面我們就來看看詳細的教程2024-07-18
ai如何自定義網格線間距? ai參考線間距的調節(jié)方法
ai網格線間距默認的不是很喜歡,想要自己調整一下,該怎么調整呢?今天我們就來看看參考線調整技巧2024-05-28
ai路徑平均效果怎么用? illustrator使用平均路徑的教程
Adobe Illustrator中有一個路徑平均功能,如何使用呢?下面小編為大家演示路徑平均功能的一種使用方法2024-05-21
ai保存pdf格式出現(xiàn)多余內容怎么解決? 去掉pdf文件多余內容的技巧
ai保存pdf格式出現(xiàn)多余內容怎么解決?ai中的文檔保存為pdf文件的時候,發(fā)現(xiàn)有多余內容,該怎么操作呢?下面我們就來看看去掉pdf文件多余內容的技巧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-30
ai漸變色怎么調方向? illustrator將漸變顏色反向的技巧
ai漸變色怎么調方向?ai中給圖形填漸變色,想要進行反向,該怎么操作呢?下面我們就來看看illustrator將漸變顏色反向的技巧2023-11-30
Ai彩色logo怎么做反白反黑效果? ai彩色logo轉化為黑白稿的技巧
Ai彩色logo怎么做反白反黑效果?設計的彩色logo想要做黑白稿,就是反黑反白效果,下面我們就來看看ai彩色logo轉化為黑白稿的技巧2023-11-12
ai怎么設計迷宮字體效果?我們需要使用分割網格結合形狀生成器工具,制作迷宮字體,下面我們就來看看詳細的設計過程2023-11-02





