- 圖文教程 >
- 設(shè)計(jì)教程 >
- UI設(shè)計(jì) >
- AI繪制簡約風(fēng)格的圣誕節(jié)圖標(biāo)
AI繪制簡約風(fēng)格的圣誕節(jié)圖標(biāo)
?
作者：角角來源：部落窩教育發(fā)布時(shí)間：2017-12-14 13:06:43點(diǎn)擊：3131
版權(quán)說明： 網(wǎng)絡(luò)作品，轉(zhuǎn)載請(qǐng)注明原作者和出處。
編按：
一年一度的圣誕節(jié)馬上來臨了，你們準(zhǔn)備怎么度過呢？想不想擁有一套以圣誕節(jié)為元素的手機(jī)主題，本教程教大家用AI繪制線性圣誕圖標(biāo)，內(nèi)容非常簡單，適合AI初學(xué)者。
大家好，我是角角，圣誕快到了，首先預(yù)祝大家圣誕快樂。今天給大家?guī)淼氖怯肁I制線性風(fēng)格的圣誕圖標(biāo)，制作很簡單，適合新手練習(xí)。
1.打開AI，新建文檔。建立一個(gè)800X600px的畫布，顏色填充為#e2e2e2，也可以隨意。
2.用橢圓工具繪制一個(gè)120X120px的正圓，由于是線性圖標(biāo)，所以我們關(guān)掉上面的填充，描邊用3px，描邊顏色填充為#ef6666,如圖所示:
3.再復(fù)制一個(gè),縮放至105x105px，描邊為3px的正圓，因?yàn)槲疫@里的數(shù)值是奇數(shù)，我用直接再繪制一個(gè)圓的方法，然后用對(duì)齊工具里的水平居中對(duì)齊和垂直居中對(duì)齊，如圖所示:
4.將里面的小圓打斷，用鋼筆工具添加4個(gè)描點(diǎn)，添加在你要保留的部分線段上。用直接選擇工具選擇你不要的線段，按delete鍵直接刪掉，將剩下的線段端點(diǎn)在描邊屬性欄里面的端點(diǎn)里面改為圓頭端點(diǎn)，然后選擇全部線段點(diǎn)右鍵編組。
5.做圓頭頂?shù)膱D案，用圓角矩形工具繪制一個(gè)20x30px，圓角半徑為6px的圓角矩形。
繪制一個(gè)8x20px,圓角半徑為6px的圓角矩形，按照下圖排列，最好是與上一個(gè)圖像重合一半，用鋼筆工具在線段相交處增加描點(diǎn)。
直接選擇工具選擇不要的線段直接delete刪除，在大圓角矩形里用直線段工具繪制1條長4px，角度為90，描邊為2pt的線段，端點(diǎn)改為圓角端點(diǎn)然后再復(fù)制2條。
最后一定要記得點(diǎn)右鍵將你做的這些跟大圓居中對(duì)齊，并編組。
6.現(xiàn)在我們要開始做里面的松樹了。
用多邊行工具繪制一個(gè)半徑為20px，邊數(shù)為3描邊為3px的正三角形，用直接選擇工具選中三角形的頂部描點(diǎn)高度往下拉至20px。
繪制一個(gè)半徑30px的正三角形，將三角形高度下拉至30px。
再繪制一個(gè)半徑40px的正三角形，將三角形高度下拉至40px。
將三個(gè)三角形如下圖排列在一起，用路徑查找器里面的聯(lián)集組合在一起。
7.用選擇工具選中松樹，點(diǎn)擊效果里的風(fēng)格化，選擇里面的圓角效果，圓角半徑設(shè)置為3px。然后繪制一個(gè)圓角矩形15x20x6px，作為松樹根，上半部遮住的一部分按上面講的的操作方式刪除，然后分別添加兩個(gè)半徑為10px和一個(gè)半徑為7px的正圓，擺放位置如下圖。
8.現(xiàn)在我們來做松樹上的鏈子。
首先用橢圓工具繪制一個(gè)4x4px，填充顏色為#ef6666，讓圓點(diǎn)繞著大圓排列一圈。
操作步驟如下：
首先選擇工具選中要旋轉(zhuǎn)的紅色小點(diǎn)，再選擇旋轉(zhuǎn)工具，快捷鍵為R。按住Alt鍵，把圓點(diǎn)的中心點(diǎn)移動(dòng)到大圓的中心。設(shè)置旋轉(zhuǎn)角度為5，點(diǎn)擊“復(fù)制”。按“ctrl+D”進(jìn)行重復(fù)復(fù)制，復(fù)制到一半就行，因?yàn)槲覀円闹皇且徊糠帧?/span>
9.現(xiàn)在我們將珠鏈選中你要的部分進(jìn)行編組，然后旋轉(zhuǎn)角度放置到松樹上，角度隨意，怎么好看怎么來。
然后我們做樹頂上的五角星，這些都是圣誕元素必不可少的，選擇星形工具，按住shift鍵繪制一個(gè)正五角星，是不是感覺角有點(diǎn)尖銳，沒關(guān)系，給它增加一個(gè)圓角效果，選擇效果里的風(fēng)格化圓角效果，半徑選擇1px。
10.現(xiàn)在是雪花的制作了，到了這一步，基本上完成了一大半了。
用直線段工具分別繪制兩條長度10px，5px，角度為90度，描邊1.5pt的兩條線段，將短的那條線段向右旋轉(zhuǎn)45度，然后對(duì)稱過來進(jìn)行編組，記得將端點(diǎn)改為圓角端點(diǎn)，這樣雪花枝丫做好了。
選擇工具選中剛才編好組的雪花枝丫，點(diǎn)旋轉(zhuǎn)工具，然后將出現(xiàn)的旋轉(zhuǎn)中心點(diǎn)按住alt鍵移動(dòng)到雪花枝丫的底部頂點(diǎn)。設(shè)置旋轉(zhuǎn)角度為60，點(diǎn)擊“復(fù)制”。按“ctri+D”進(jìn)行重復(fù)復(fù)制一圈。就這樣雪花完成了。
11.將做好的雪花復(fù)制一朵，擺好位置。然后開始做最后的裝飾，滿球的點(diǎn)點(diǎn)，用矩形工具繪制一個(gè)2x2px的方形做點(diǎn)，然后復(fù)制粘貼，要擺放好看一點(diǎn)，好了，第一個(gè)圣誕圖標(biāo)就做好了。
大家做完了是不是覺得超級(jí)簡單，這里面其實(shí)還可以用很多的快捷鍵快速完成，但我覺得掌握好技法不是特別重要，重要的是一開始你要理解這個(gè)去做的過程，學(xué)會(huì)分析，仔細(xì)加上耐心，慢慢的熟練了你的技法就會(huì)提高了。學(xué)會(huì)了第一個(gè)那么第二個(gè)就很容易做了，基本上大量運(yùn)用的就是AI里的形狀工具，對(duì)齊和布爾運(yùn)算。
第二個(gè)圖標(biāo)算是留下的給你們發(fā)回的作業(yè)吧，當(dāng)然有不懂得大家可以留言。謝謝大家的觀看，越努力越幸運(yùn)，期待下次再見。
原文：圣誕圖標(biāo)教程
作者：角角
出處：http://www.xueui.cn/tutorials/christmas2017.html
一年一度的圣誕節(jié)馬上來臨了，你們準(zhǔn)備怎么度過呢？想不想擁有一套以圣誕節(jié)為元素的手機(jī)主題，本教程教大家用AI繪制線性圣誕圖標(biāo)，內(nèi)容非常簡單，適合AI初學(xué)者。
1.打開AI，新建文檔。建立一個(gè)800X600px的畫布，顏色填充為#e2e2e2，也可以隨意。
2.用橢圓工具繪制一個(gè)120X120px的正圓，由于是線性圖標(biāo)，所以我們關(guān)掉上面的填充，描邊用3px，描邊顏色填充為#ef6666,如圖所示:
3.再復(fù)制一個(gè),縮放至105x105px，描邊為3px的正圓，因?yàn)槲疫@里的數(shù)值是奇數(shù)，我用直接再繪制一個(gè)圓的方法，然后用對(duì)齊工具里的水平居中對(duì)齊和垂直居中對(duì)齊，如圖所示:
4.將里面的小圓打斷，用鋼筆工具添加4個(gè)描點(diǎn)，添加在你要保留的部分線段上。用直接選擇工具選擇你不要的線段，按delete鍵直接刪掉，將剩下的線段端點(diǎn)在描邊屬性欄里面的端點(diǎn)里面改為圓頭端點(diǎn)，然后選擇全部線段點(diǎn)右鍵編組。
5.做圓頭頂?shù)膱D案，用圓角矩形工具繪制一個(gè)20x30px，圓角半徑為6px的圓角矩形。
繪制一個(gè)8x20px,圓角半徑為6px的圓角矩形，按照下圖排列，最好是與上一個(gè)圖像重合一半，用鋼筆工具在線段相交處增加描點(diǎn)。
直接選擇工具選擇不要的線段直接delete刪除，在大圓角矩形里用直線段工具繪制1條長4px，角度為90，描邊為2pt的線段，端點(diǎn)改為圓角端點(diǎn)然后再復(fù)制2條。
最后一定要記得點(diǎn)右鍵將你做的這些跟大圓居中對(duì)齊，并編組。
6.現(xiàn)在我們要開始做里面的松樹了。
用多邊行工具繪制一個(gè)半徑為20px，邊數(shù)為3描邊為3px的正三角形，用直接選擇工具選中三角形的頂部描點(diǎn)高度往下拉至20px。
繪制一個(gè)半徑30px的正三角形，將三角形高度下拉至30px。
再繪制一個(gè)半徑40px的正三角形，將三角形高度下拉至40px。
將三個(gè)三角形如下圖排列在一起，用路徑查找器里面的聯(lián)集組合在一起。
7.用選擇工具選中松樹，點(diǎn)擊效果里的風(fēng)格化，選擇里面的圓角效果，圓角半徑設(shè)置為3px。然后繪制一個(gè)圓角矩形15x20x6px，作為松樹根，上半部遮住的一部分按上面講的的操作方式刪除，然后分別添加兩個(gè)半徑為10px和一個(gè)半徑為7px的正圓，擺放位置如下圖。
8.現(xiàn)在我們來做松樹上的鏈子。
首先用橢圓工具繪制一個(gè)4x4px，填充顏色為#ef6666，讓圓點(diǎn)繞著大圓排列一圈。
操作步驟如下：
首先選擇工具選中要旋轉(zhuǎn)的紅色小點(diǎn)，再選擇旋轉(zhuǎn)工具，快捷鍵為R。按住Alt鍵，把圓點(diǎn)的中心點(diǎn)移動(dòng)到大圓的中心。設(shè)置旋轉(zhuǎn)角度為5，點(diǎn)擊“復(fù)制”。按“ctrl+D”進(jìn)行重復(fù)復(fù)制，復(fù)制到一半就行，因?yàn)槲覀円闹皇且徊糠帧?/span>
9.現(xiàn)在我們將珠鏈選中你要的部分進(jìn)行編組，然后旋轉(zhuǎn)角度放置到松樹上，角度隨意，怎么好看怎么來。
然后我們做樹頂上的五角星，這些都是圣誕元素必不可少的，選擇星形工具，按住shift鍵繪制一個(gè)正五角星，是不是感覺角有點(diǎn)尖銳，沒關(guān)系，給它增加一個(gè)圓角效果，選擇效果里的風(fēng)格化圓角效果，半徑選擇1px。
10.現(xiàn)在是雪花的制作了，到了這一步，基本上完成了一大半了。
用直線段工具分別繪制兩條長度10px，5px，角度為90度，描邊1.5pt的兩條線段，將短的那條線段向右旋轉(zhuǎn)45度，然后對(duì)稱過來進(jìn)行編組，記得將端點(diǎn)改為圓角端點(diǎn)，這樣雪花枝丫做好了。
選擇工具選中剛才編好組的雪花枝丫，點(diǎn)旋轉(zhuǎn)工具，然后將出現(xiàn)的旋轉(zhuǎn)中心點(diǎn)按住alt鍵移動(dòng)到雪花枝丫的底部頂點(diǎn)。設(shè)置旋轉(zhuǎn)角度為60，點(diǎn)擊“復(fù)制”。按“ctri+D”進(jìn)行重復(fù)復(fù)制一圈。就這樣雪花完成了。
11.將做好的雪花復(fù)制一朵，擺好位置。然后開始做最后的裝飾，滿球的點(diǎn)點(diǎn)，用矩形工具繪制一個(gè)2x2px的方形做點(diǎn)，然后復(fù)制粘貼，要擺放好看一點(diǎn)，好了，第一個(gè)圣誕圖標(biāo)就做好了。
第二個(gè)圖標(biāo)算是留下的給你們發(fā)回的作業(yè)吧，當(dāng)然有不懂得大家可以留言。謝謝大家的觀看，越努力越幸運(yùn)，期待下次再見。
原文：圣誕圖標(biāo)教程
作者：角角
出處：http://www.xueui.cn/tutorials/christmas2017.html
最新教程
- UI設(shè)計(jì)師必須懂得的切圖小知識(shí)：點(diǎn)九圖
- 超全面的圖標(biāo)基礎(chǔ)知識(shí)總結(jié)，原來圖標(biāo)用法也有大講究！(下篇)
- 超全面的圖標(biāo)基礎(chǔ)知識(shí)總結(jié)，原來圖標(biāo)用法也有大講究！(上篇)
- 好吃又好看，利用AI打造多邊形3D效果冰激凌
- 手把手教你做插畫！打造超酷的手繪效果頭像
- AI教程，繪制矢量3D懸浮森林插畫
- 輕松四步，打造波普藝術(shù)風(fēng)格人像
- AI教程，繪制極簡時(shí)尚插畫頭像
- AI教程，繪制細(xì)節(jié)豐富的水上夢(mèng)幻童話城堡
- 用AI繪制栩栩如生的小豬佩奇