• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 Illustrator教學】Illustrator繪製扁平化風格的復活節圖標




    Illustrator繪製扁平化風格的復活節圖標

    這一次的教學是屬於矢量教程領域中的Illustrator教程的相關教學。

    文章出處是來自站酷的矢量教程類文章,寫教學的作者是佐伊的世界,感謝佐伊的世界提供Illustrator教程的實作教學。

    教學大綱:

    本教程主要使用Illustrator繪製時尚扁平化風格的復活節圖標,這是我翻譯的一篇外國朋友的文章,裡面有很多的AI繪製技巧和基本知識,覺得寫得不錯,就分享給各位。


    Illustrator教程教學開始

    復活節是一個可愛的屬於春天的節日,以它傳統的彩蛋而為人所知。通常讓人將它與溫暖、豐富的色彩和春天般的心情聯想在一起。在本篇教程裡面,我們講通過對製作過程的詳解,通過運用基本的形狀,路徑查找器和一些新出現的AI裡面的工具來製作本次課程的復活節彩蛋。

    當然,除了在製作復活節彩蛋的製作過程中會運用到,這些技術同樣可以被運用在製作任何類型的平面圖標或者平面banner方面。通過Envato Market,你能夠找到很多類似的平面圖形的例子以便激發你更多的靈感。

    Illustrator繪製扁平化風格的復活節圖標

    1.製作喜慶的復活節圖標

    第一步:

    讓我們從製作一個雞蛋的基本形狀開始吧!使用橢圓工具(L)得到一個70X70px的圓。用直接選擇工具(A)選中側邊的錨點然後往下拖拽他們一點點,製作出底部形狀膨脹的效果。接着選中最上面的錨點並拖拽它往上,製作出雞蛋的頂部的點。

    Illustrator繪製扁平化風格的復活節圖標

    第二步:

    我們將運用帶有暖色色調的明亮的春天性質的色彩,你可以直接使用吸管工具(I)按住shift鍵從下方的屏幕截圖中得到(這個顏色)。用黃色填充雞蛋的基本型,為了以後我們可能用到這個顏色,可以拷貝複製(ctrl+c->ctrl+b)一份。

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

    Illustrator繪製扁平化風格的復活節圖標

    第三步:

    使用線段工具(/)工具,按住shift鍵製作一條水平3pt(3個點的寬度)的

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

    Illustrator繪製扁平化風格的復活節圖標

    第四步:

    這一步讓我們來給你粉紅色的線條造型。選中它然後執行效果->扭曲變形->鋸齒。設置大小為5px,每7個點為一個脊線,並且平滑點。

    接着執行對象->擴展命令,效果就得以運用在形狀上了。

    Illustrator繪製扁平化風格的復活節圖標

    第五步:

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

    使用這個工具然後在你想要刪除的部分上面塗畫,就可以了。重複相同的動作在你其它不想要的地方。

    我們將在後面的製作另一個雞蛋的操作中嘗試另外的方法去移除掉你所不需要的部分。

    Illustrator繪製扁平化風格的復活節圖標

    第六步:

    選中已經造好型的雞蛋,執行對象->擴展。接着同時選中雞蛋中間的黃色部分和粉紅色波浪線條然後在路徑查找器中分離它們,使得它們成為兩個單獨的部分。

    Illustrator繪製扁平化風格的復活節圖標

    第七步:

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

    Illustrator繪製扁平化風格的復活節圖標

    第八步:

    現在雞蛋的基本形狀已經出來了。讓我們來添加一個扁平風格的陰影,蓋住雞蛋的一半。將雞蛋所有的部分打組(ctrl+g),複製粘貼放在前面層(ctrl+c->ctrl+f)。保持複製的部分處於選中狀態,在路徑查找器中執行合併命令,讓這個雞蛋成為關鍵對象。

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

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

    Illustrator繪製扁平化風格的復活節圖標

    第九步:

    讓我們再來做一個雞蛋吧。

    我們已經有了一個基本型,因為我們在第一步的時候已經做了拷貝(還記得嗎?)。將它(拷貝的)移動到一邊用橘黃色填充。在它的最上層添加裝飾性的元素,讓我們用另外一種方式來觀察(我們影藏掉不需要的部分)。再一次複製這個基本型(ctrl+c->ctrl+f)然後移動它到最上層(shift+ctrl+]).(建議初學者一定要熟悉這些基本的快捷鍵~譯者溫馨提示)

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

    Illustrator繪製扁平化風格的復活節圖標

    第十步:

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

    對象->擴展命令施加給這個混合組。接着添加更多的圓在雞蛋的最上層,填充黃色。

    Illustrator繪製扁平化風格的復活節圖標

    第十一步:

    當你已經對現在的效果滿意了以後,添加一個半透明的扁平化陰影給這個雞蛋的其中一半的部分。

    合併雞蛋。使用圓角矩形工具給我們的圖標製作一個亮綠色的背景。

    用矩形工具(M)製作一個正方形,然後使用選擇工具(V)按住shift鍵將正方形旋轉45°。

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

    Illustrator繪製扁平化風格的復活節圖標

    第十二步:

    複製這個亮綠色背景並且在這兩個複製出來的形狀之間移動這個投影。使用剪切蒙版來影藏這個長投影中我們所不想要的部分。

    很不錯哦!我們第一個圖標已經製作完成!讓我們接着做下一個吧!

    Illustrator繪製扁平化風格的復活節圖標

    溫馨提示:教程進行到這裡,對剛入門的朋友幫助還是很大的,這裡面有很多的基礎知識和一些比較實用的技巧,希望各位能有所有所收穫。

    1.製作一個可愛的兔子圖標

    第一步:

    為兔子的頭製作一個70X70px的灰色的圓。實用直接選擇工具(A)移動圓邊上的錨點往下一點點來讓這個頭有輕微的擠壓感。

    現在我們來做耳朵。使用橢圓工具(L)製作出一個15X50px的橢圓。將它兩邊的錨點向上移動一點點,使得耳朵的上面部分更寬一點。選中這個形狀,執行對象->路徑->偏移路徑命令,設置偏移值為-5px,其餘的選項默認。通過這種方式我們就在耳朵的裡面創建了一個更小的耳朵的形狀。

    Illustrator繪製扁平化風格的復活節圖標

    第二步:

    用粉紅色填充耳朵的裡面部分,給耳朵的這兩個部分打組並移到最底層(shift+ctrl+[)。雙擊旋轉工具(R)來打開選項窗口,設置旋轉角度值為-20°。

    Illustrator繪製扁平化風格的復活節圖標

    第三步:

    使用鏡像工具(O)水平方向鏡像選項,點擊複製,得到頭部另外一邊的耳朵。你可以將這兩隻耳朵打組並將它們和頭部對齊,並將它們整個居中。

    將頭部再壓扁一點。

    Illustrator繪製扁平化風格的復活節圖標

    第四步:

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

    Illustrator繪製扁平化風格的復活節圖標

    第五步:

    刪除掉上半部分,將保留的部分製作成一個可愛的兔子的鼻子。按X鍵去 調換填充和描邊顏色。 設置描邊為2px並在頂部的控制面板里更改寬度。複製兩個鼻子,將它們做得更纖細顏色更亮一些,形成如下面截圖所示一樣的兔子的嘴。

    Illustrator繪製扁平化風格的復活節圖標

    第六步:

    讓我們通過添加細小的鬍鬚到頭部來結束我們的兔子的繪製吧!使用線段工具(/)製作一個垂直的9px填充,1pt描邊的線段。旋轉鬍鬚一點點,將它們添加到兔子臉的兩邊。

    Illustrator繪製扁平化風格的復活節圖標

    第七步:

    直接添加一個扁平風的投影給兔子頭部的其中一半(因為我們之前已經做了)。使用圓角矩形工具做一個背景並做一個半透明的長投影,我們這個圖標的繪製就結束了。

    Illustrator繪製扁平化風格的復活節圖標

    — —

    文章永久連結為: Illustrator繪製扁平化風格的復活節圖標