今天小編為大家分享Illustrator繪制時(shí)尚扁平化風(fēng)格的復(fù)活節(jié)彩蛋圖標(biāo)方法，教程繪制出來的圖標(biāo)非常漂亮，難度不是很大，很值得大家學(xué)習(xí)，一起來看看吧！

復(fù)活節(jié)是一個(gè)可愛的屬于春天的節(jié)日，以它傳統(tǒng)的彩蛋而為人所知。通常讓人將它與溫暖、豐富的色彩和春天般的心情聯(lián)想在一起。在本篇教程里面，我們講通過對制作過程的詳解，通過運(yùn)用基本的形狀，路徑查找器和一些新出現(xiàn)的AI里面的工具來制作本次課程的復(fù)活節(jié)彩蛋。

當(dāng)然，除了在制作復(fù)活節(jié)彩蛋的制作過程中會(huì)運(yùn)用到，這些技術(shù)同樣可以被運(yùn)用在制作任何類型的平面圖標(biāo)或者平面banner方面。通過Envato Market，你能夠找到很多類似的平面圖形的例子以便激發(fā)你更多的靈感。

1.制作喜慶的復(fù)活節(jié)圖標(biāo)

第一步：

讓我們從制作一個(gè)雞蛋的基本形狀開始吧!使用橢圓工具(L)得到一個(gè)70X70px的圓。用直接選擇工具(A)選中側(cè)邊的錨點(diǎn)然后往下拖拽他們一點(diǎn)點(diǎn)，制作出底部形狀膨脹的效果。接著選中最上面的錨點(diǎn)并拖拽它往上，制作出雞蛋的頂部的點(diǎn)。

第二步：

我們將運(yùn)用帶有暖色色調(diào)的明亮的春天性質(zhì)的色彩，你可以直接使用吸管工具(I)按住shift鍵從下方的屏幕截圖中得到(這個(gè)顏色)。用黃色填充雞蛋的基本型，為了以后我們可能用到這個(gè)顏色，可以拷貝復(fù)制(ctrl+c->ctrl+b)一份。

現(xiàn)在讓我們一起來添加一些裝飾性的元素在雞蛋的上面。使用矩形工具(M)制作一個(gè)70X15px的藍(lán)色形狀。

第三步：

使用線段工具(\)工具，按住shift鍵制作一條水平3pt(3個(gè)點(diǎn)的寬度)的

粉紅色的線條形狀。讓我們將所有的形狀和雞蛋對齊。選中所有的形狀元素(ctrl+a)然后按住Alt鍵去點(diǎn)擊雞蛋(按住Alt鍵是為了將它選定為關(guān)鍵對象，你會(huì)看到在雞蛋周圍有一圈厚厚的選中區(qū)域。)進(jìn)入對齊面板點(diǎn)擊水平居中對齊。

第四步：

這一步讓我們來給你粉紅色的線條造型。選中它然后執(zhí)行效果->扭曲變形->鋸齒。設(shè)置大小為5px，每7個(gè)點(diǎn)為一個(gè)脊線，并且平滑點(diǎn)。

接著執(zhí)行對象->擴(kuò)展命令，效果就得以運(yùn)用在形狀上了。

第五步：

再添加一個(gè)矩形到這個(gè)雞蛋的底部并且用綠色填充。現(xiàn)在讓我們這個(gè)矩形中那些位于雞蛋外部的部分。我們將使用AI的一個(gè)新的工具：刨刀工具(shift+n)。

使用這個(gè)工具然后在你想要?jiǎng)h除的部分上面涂畫，就可以了。重復(fù)相同的動(dòng)作在你其它不想要的地方。

我們將在后面的制作另一個(gè)雞蛋的操作中嘗試另外的方法去移除掉你所不需要的部分。

第六步：

選中已經(jīng)造好型的雞蛋，執(zhí)行對象->擴(kuò)展。接著同時(shí)選中雞蛋中間的黃色部分和粉紅色波浪線條然后在路徑查找器中分離它們，使得它們成為兩個(gè)單獨(dú)的部分。

第七步：

用一個(gè)漂亮的粉紅色填充剛才分離得到的上面部分的形狀。使用橢圓工具(L)制作一個(gè)5X5px的圓圈。按住Alt+shift鍵拖拽這個(gè)圓到右邊，然后復(fù)制幾個(gè)。

第八步：

現(xiàn)在雞蛋的基本形狀已經(jīng)出來了。讓我們來添加一個(gè)扁平風(fēng)格的陰影，蓋住雞蛋的一半。將雞蛋所有的部分打組(ctrl+g)，復(fù)制粘貼放在前面層(ctrl+c->ctrl+f)。保持復(fù)制的部分處于選中狀態(tài)，在路徑查找器中執(zhí)行合并命令，讓這個(gè)雞蛋成為關(guān)鍵對象。

選中這根線和雞蛋的輪廓，在路徑查找器中分離它們。

刪除掉一半，將另一半以相乘模式、半透明顯示。

第九步：

讓我們再來做一個(gè)雞蛋吧。

我們已經(jīng)有了一個(gè)基本型，因?yàn)槲覀冊诘谝徊降臅r(shí)候已經(jīng)做了拷貝(還記得嗎?)。將它(拷貝的)移動(dòng)到一邊用橘黃色填充。在它的最上層添加裝飾性的元素，讓我們用另外一種方式來觀察(我們影藏掉不需要的部分)。再一次復(fù)制這個(gè)基本型(ctrl+c->ctrl+f)然后移動(dòng)它到最上層(shift+ctrl+]).(建議初學(xué)者一定要熟悉這些基本的快捷鍵~譯者溫馨提示)

選中所有的元素，右鍵單擊添加剪切蒙版!這一步就交給你自己來做了!

第十步：

讓我們在這個(gè)雞蛋上再來加入更多的裝飾元素吧!在雞蛋的黃色條紋上做出兩個(gè)5X5px的圓，將它們移動(dòng)到黃色條紋的邊緣。選中這兩個(gè)圓執(zhí)行混合工具(M)或者對象->混合->生成命令(任選其一)。接著打開混合選項(xiàng)窗口(對象->混合->混合選項(xiàng))設(shè)置指定步驟的間隔值為3。

對象->擴(kuò)展命令施加給這個(gè)混合組。接著添加更多的圓在雞蛋的最上層，填充黃色。

第十一步：

當(dāng)你已經(jīng)對現(xiàn)在的效果滿意了以后，添加一個(gè)半透明的扁平化陰影給這個(gè)雞蛋的其中一半的部分。

合并雞蛋。使用圓角矩形工具給我們的圖標(biāo)制作一個(gè)亮綠色的背景。

用矩形工具(M)制作一個(gè)正方形，然后使用選擇工具(V)按住shift鍵將正方形旋轉(zhuǎn)45°。

添加一個(gè)從亮綠色到白色的線性漸變填充這個(gè)矩形，設(shè)置疊加模式為相乘混合模式(也就是制作出一個(gè)半透明的長投影)。

第十二步：

復(fù)制這個(gè)亮綠色背景并且在這兩個(gè)復(fù)制出來的形狀之間移動(dòng)這個(gè)投影。使用剪切蒙版來影藏這個(gè)長投影中我們所不想要的部分。

很不錯(cuò)哦!我們第一個(gè)圖標(biāo)已經(jīng)制作完成!讓我們接著做下一個(gè)吧!

溫馨提示：教程進(jìn)行到這里，對剛?cè)腴T的朋友幫助還是很大的，這里面有很多的基礎(chǔ)知識和一些比較實(shí)用的技巧，希望各位能有所有所收獲。

1.制作一個(gè)可愛的兔子圖標(biāo)

第一步：

為兔子的頭制作一個(gè)70X70px的灰色的圓。實(shí)用直接選擇工具(A)移動(dòng)圓邊上的錨點(diǎn)往下一點(diǎn)點(diǎn)來讓這個(gè)頭有輕微的擠壓感。

現(xiàn)在我們來做耳朵。使用橢圓工具(L)制作出一個(gè)15X50px的橢圓。將它兩邊的錨點(diǎn)向上移動(dòng)一點(diǎn)點(diǎn)，使得耳朵的上面部分更寬一點(diǎn)。選中這個(gè)形狀，執(zhí)行對象->路徑->偏移路徑命令，設(shè)置偏移值為-5px，其余的選項(xiàng)默認(rèn)。通過這種方式我們就在耳朵的里面創(chuàng)建了一個(gè)更小的耳朵的形狀。

第二步：

用粉紅色填充耳朵的里面部分，給耳朵的這兩個(gè)部分打組并移到最底層(shift+ctrl+[)。雙擊旋轉(zhuǎn)工具(R)來打開選項(xiàng)窗口，設(shè)置旋轉(zhuǎn)角度值為-20°。

第三步：

使用鏡像工具(O)水平方向鏡像選項(xiàng)，點(diǎn)擊復(fù)制，得到頭部另外一邊的耳朵。你可以將這兩只耳朵打組并將它們和頭部對齊，并將它們整個(gè)居中。

將頭部再壓扁一點(diǎn)。

第四步：

使用橢圓工具(L)來制作一對帶有白色高光的有光澤的黑色眼睛以及用一個(gè)圓來表示鼻子。用切刀(C)工具點(diǎn)擊鼻子兩邊的錨點(diǎn)，使得鼻子分離成兩半。

第五步：

刪除掉上半部分，將保留的部分制作成一個(gè)可愛的兔子的鼻子。按X鍵去 調(diào)換填充和描邊顏色。 設(shè)置描邊為2px并在頂部的控制面板里更改寬度。復(fù)制兩個(gè)鼻子，將它們做得更纖細(xì)顏色更亮一些，形成如下面截圖所示一樣的兔子的嘴。

第六步：

讓我們通過添加細(xì)小的胡須到頭部來結(jié)束我們的兔子的繪制吧!使用線段工具(\)制作一個(gè)垂直的9px填充，1pt描邊的線段。旋轉(zhuǎn)胡須一點(diǎn)點(diǎn)，將它們添加到兔子臉的兩邊。

第七步：

直接添加一個(gè)扁平風(fēng)的投影給兔子頭部的其中一半(因?yàn)槲覀冎耙呀?jīng)做了)。使用圓角矩形工具做一個(gè)背景并做一個(gè)半透明的長投影，我們這個(gè)圖標(biāo)的繪制就結(jié)束了。

教程結(jié)束，以上就是Illustrator繪制時(shí)尚扁平化風(fēng)格的復(fù)活節(jié)彩蛋圖標(biāo)教程，希望大家通過本篇教程能有所收獲！

最新評論