圣誕節快到啦!作為UI設計初學者得你,想不想做一個圣誕圖標呢?

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

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

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

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

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

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

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

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

6.現在我們要開始做里面的松樹了。

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

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

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

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

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

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

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

操作步驟如下:

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

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

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

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

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

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

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

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

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

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • (注:文中的 “移動” 均表示:鼠標拖拽移動) 第一天 調出路徑查找器:Ctrl + Shift + F9; 聯集...
    萌萌_1014閱讀 1,522評論 0 0
  • 一:canvas簡介 1.1什么是canvas? ①:canvas是HTML5提供的一種新標簽 ②:HTML5 ...
    GreenHand1閱讀 4,719評論 2 32
  • Core Graphics Framework是一套基于C的API框架,使用了Quartz作為繪圖引擎。它提供了低...
    ShanJiJi閱讀 1,600評論 0 20
  • 體驗人生如同小朋友來到迪士尼樂園來玩。 1.為什么源頭是無條件的愛: (1)振頻最高的是愛。 (2)源頭是存在,意...
    草原露珠閱讀 1,192評論 0 1
  • 冷空氣來襲之后,風吹落葉蕭蕭瑟瑟。李明拎著20多斤的獨輪平衡車從電梯里出來,由于氣溫驟降,從樓道口刮來的風讓他不禁...
    夜濟茶閱讀 235評論 0 0