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

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

最終效果

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

2、打開(kāi)AI(Illustrator)，先制作下圖所示的圖形。

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

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

5、再把毛線紋理制作出來(lái)，如下圖。

6、下面是幾個(gè)圖形做好的效果圖。

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

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

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

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

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

12、各扇頁(yè)圖層的樣式差異很小，效果如下圖。

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

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

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

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