Chris_Ye:效果圖的主體部分是在AI里完成的,圖形不是很復(fù)雜,作者介紹也比較詳細(xì),自己可以慢慢完成。然后把做好的圖形導(dǎo)入到PS中,用圖層樣式上色并增加質(zhì)感及紋理等即可。

圖標(biāo)教程推薦:
繪制一個超級閃亮的鉛筆圖標(biāo)
利用ILLUSTRATOR設(shè)計時尚漂亮的LOGO
10個超贊的圖標(biāo)設(shè)計技巧

最終效果

PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)

1、先用PS制作兩張紋理處理,如下圖。

PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)

2、打開AI(Illustrator),先制作下圖所示的圖形。

PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)

3、然后用圖案及畫筆制作出下圖所示的效果,這是在AI完成的。

PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)

4、其它形狀圖形也是用同上的方法制作。

PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)

5、再把毛線紋理制作出來,如下圖。

PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)

6、下面是幾個圖形做好的效果圖。

PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)

7、把在AI里面做好的幾個圖形導(dǎo)入到PS中,每個圖形都粘貼為智能對象。

PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)

8、為圖層添加樣式,需注意大部分圖層效果里的圖案疊加都用到了教程最初制作的圖案紋理。

PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)
 
PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)
 
PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)
 
PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)

9、里面的小圖形也添加圖層樣式。

PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)
 
PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)
 
PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)
 
PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)

10、利用大圓圖層生成選區(qū),設(shè)為"毛線"圖層的蒙版,添加圖層效果,參數(shù)如下圖。

PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)
 
PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)
 
PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)

11、底部圖層添加圖層樣式,如下圖。

PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)
 
PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)

12、各扇頁圖層的樣式差異很小,效果如下圖。

PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)

13、最后部分就是增加效果,給邊緣增加一點細(xì)線,如下圖。

PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)

加上背景,完成最終效果,如果你想自由發(fā)揮,這里是作者補上的,也可以參照一下。

PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)

作者:Chris_Ye
原文地址:zcool.com.cn

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計講座:每月邀請國內(nèi)互聯(lián)網(wǎng)公司設(shè)計前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音(YY頻道:15335158)分享實戰(zhàn)經(jīng)驗。
設(shè)計微博:擁有粉絲量47萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航:全球頂尖設(shè)計網(wǎng)站推薦,設(shè)計師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號:【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)
 

收藏 24
點贊 5

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。