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




  • 【 Illustrator教學】Illustrator繪製簡約風格的聖誕節圖標




    Illustrator繪製簡約風格的聖誕節圖標

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

    文章出處是來自學UI網的矢量教程類文章,寫教學的作者是角角,感謝角角提供Illustrator教程的實作教學。

    教學大綱:

    首先預祝大家聖誕快樂。今天給大家帶來的是用Illustrator線條組成的聖誕節圖標,製作很簡單,適合新手練習。推薦過來o思緣的朋友學習,希望大家可以喜歡。


    Illustrator教程教學開始

    先看看效果圖

    Illustrator繪製簡約風格的聖誕節圖標

    1、打開AI,新建文檔。建立一個800X600px的畫布,顏色填充為#e2e2e2,也可以隨意。

    2、用橢圓工具繪製一個120X120px的正圓,由於是線性圖標,所以我們關掉上面的填充,描邊用3px,描邊顏色填充為#ef6666,如圖所示:

    Illustrator繪製簡約風格的聖誕節圖標

    3、再複製一個,縮放至105x105px,描邊為3px的正圓,因為我這裡的數值是奇數,我用直接再繪製一個圓的方法,然後用對齊工具里的水平居中對齊和垂直居中對齊,如圖所示:

    Illustrator繪製簡約風格的聖誕節圖標

    4、將裡面的小圓打斷,用鋼筆工具添加4個描點,添加在你要保留的部分線段上。用直接選擇工具選擇你不要的線段,按delete鍵直接刪掉,將剩下的線段端點在描邊屬性欄裡面的端點裡面改為圓頭端點,然後選擇全部線段點右鍵編組。

    Illustrator繪製簡約風格的聖誕節圖標

    5、做圓頭頂的圖案,用圓角矩形工具繪製一個20x30px,圓角半徑為6px的圓角矩形。

    繪製一個8x20px,圓角半徑為6px的圓角矩形,按照下圖排列,最好是與上一個圖像重合一半,用鋼筆工具在線段相交處增加描點。

    直接選擇工具選擇不要的線段直接delete刪除,在大圓角矩形里用直線段工具繪製1條長4px,角度為90,描邊為2pt的線段,端點改為圓角端點然後再複製2條。

    最後一定要記得點右鍵將你做的這些跟大圓居中對齊,並編組。

    Illustrator繪製簡約風格的聖誕節圖標

    6、現在我們要開始做裡面的松樹了。

    用多邊行工具繪製一個半徑為20px,邊數為3描邊為3px的正三角形,用直接選擇工具選中三角形的頂部描點高度往下拉至20px。

    繪製一個半徑30px的正三角形,將三角形高度下拉至30px。

    再繪製一個半徑40px的正三角形,將三角形高度下拉至40px。

    將三個三角形如下圖排列在一起,用路徑查找器裡面的聯集組合在一起。

    Illustrator繪製簡約風格的聖誕節圖標

    7、用選擇工具選中松樹,點擊效果里的風格化,選擇裡面的圓角效果,圓角半徑設置為3px。然後繪製一個圓角矩形15x20x6px,作為松樹根,上半部遮住的一部分按上面講的的操作方式刪除,然後分別添加兩個半徑為10px和一個半徑為7px的正圓,擺放位置如下圖。

    Illustrator繪製簡約風格的聖誕節圖標

    8、現在我們來做松樹上的鏈子。

    首先用橢圓工具繪製一個4x4px,填充顏色為#ef6666,讓圓點繞着大圓排列一圈。

    操作步驟如下:

    首先選擇工具選中要旋轉的紅色小點,再選擇旋轉工具,快捷鍵為R。按住Alt鍵,把圓點的中心點移動到大圓的中心。設置旋轉角度為5,點擊“複製”。按“ctrl+D”進行重複複製,複製到一半就行,因為我們要的只是一部分。

    Illustrator繪製簡約風格的聖誕節圖標

    9、現在我們將珠鏈選中你要的部分進行編組,然後旋轉角度放置到松樹上,角度隨意,怎麼好看怎麼來。

    然後我們做樹頂上的五角星,這些都是聖誕元素必不可少的,選擇星形工具,按住shift鍵繪製一個正五角星,是不是感覺角有點尖銳,沒關係,給它增加一個圓角效果,選擇效果里的風格化圓角效果,半徑選擇1px。

    Illustrator繪製簡約風格的聖誕節圖標

    10、現在是雪花的製作了,到了這一步,基本上完成了一大半了。

    用直線段工具分別繪製兩條長度10px,5px,角度為90度,描邊1.5pt的兩條線段,將短的那條線段向右旋轉45度,然後對稱過來進行編組,記得將端點改為圓角端點,這樣雪花枝丫做好了。

    選擇工具選中剛才編好組的雪花枝丫,點旋轉工具,然後將出現的旋轉中心點按住alt鍵移動到雪花枝丫的底部頂點。設置旋轉角度為60,點擊“複製”。按“ctri+D”進行重複複製一圈。就這樣雪花完成了。

    Illustrator繪製簡約風格的聖誕節圖標

    11、將做好的雪花複製一朵,擺好位置。然後開始做最後的裝飾,滿球的點點,用矩形工具繪製一個2x2px的方形做點,然後複製粘貼,要擺放好看一點,好了,第一個聖誕圖標就做好了。

    Illustrator繪製簡約風格的聖誕節圖標

    大家做完了是不是覺得超級簡單,這裡面其實還可以用很多的快捷鍵快速完成,但我覺得掌握好技法不是特別重要,重要的是一開始你要理解這個去做的過程,學會分析,仔細加上耐心,慢慢的熟練了你的技法就會提高了。學會了第一個那麼第二個就很容易做了,基本上大量運用的就是AI里的形狀工具,對齊和布爾運算。

    第二個圖標算是留下的給你們發回的作業吧,當然有不懂得大家可以留言。謝謝大家的觀看,越努力越幸運,期待下次再見。

    Illustrator繪製簡約風格的聖誕節圖標

    — —

    文章永久連結為: Illustrator繪製簡約風格的聖誕節圖標