photoshop制作超酷的3D圖標(biāo)
2022-12-26 14:19:54
來(lái)源/作者: /
己有:3人學(xué)習(xí)過(guò)
先看下最終效果圖:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/nm0ipzdgpzg.jpg)
第1步:新建文件,然后選擇矩形工具(U)半徑為30px
第2步:選擇標(biāo)尺(ctrl+R);拉兩條輔助線,吧矩形平均一分為四.
![](https://img.lvups.com/d/file/bigpic/2022/12/26/2iibazgopoh.jpg)
第3步:選擇矩形工具,顏色為紅色:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/brpeioeploi.jpg)
第4步:載入圓角矩形選區(qū),反選(shift+ctrl+i)選擇矩形層,刪除多余部分;重復(fù)步驟3次
![](https://img.lvups.com/d/file/bigpic/2022/12/26/as3xkcrbtbq.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/mxtb33fhavm.jpg)
第5步:新建層,選擇鋼筆工具(P)做一個(gè)小圖標(biāo)如圖
![](https://img.lvups.com/d/file/bigpic/2022/12/26/rrcqbdwfh2a.jpg)
第6步:重復(fù)層3次,如圖所示
![](https://img.lvups.com/d/file/bigpic/2022/12/26/5a5z2bkjox4.jpg)
第7步:載入小圖標(biāo)選區(qū),然后選擇相對(duì)應(yīng)的矩形刪除、合并;如圖:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ponzu5kwfr3.jpg)
第8步:選擇圖層樣式,做一下設(shè)置:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/mwonb1wmuat.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/smpmuyqzebw.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/syfogak4iey.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/leodrdopi2j.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/nwzccgktxis.jpg)
第9步:復(fù)制所有層,合并副本層,如圖:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ejocf35cnph.jpg)
第10步:選擇變換工具(ctrl+T)效果如圖:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/y5ypznbpy45.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/oqeitlpbrad.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/tvzp2ujhyg0.jpg)
第11步:選擇加深、減淡工具給矩形價(jià)反光效果,
第12步:載入選區(qū),新建層填充紅色,向下移動(dòng)20px ; 懸著圖層樣式 漸變 ,如圖:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/dnvikzyi2qg.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/z3v5g2pintk.jpg)
第13步:新建層選擇選區(qū)工具(M)創(chuàng)建一條矩形選區(qū),選擇變換(ctrl+T)斜切,加圖層樣式 漸變,效果如圖:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/wpsnzjb4ial.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/fbn1djjwlvw.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/tqmdumcvlao.jpg)
第14步:做個(gè)倒影
![](https://img.lvups.com/d/file/bigpic/2022/12/26/nm0ipzdgpzg.jpg)
責(zé)任編輯:bbs.16xx8.com
作者: 出處:網(wǎng)絡(luò)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/nm0ipzdgpzg.jpg)
第1步:新建文件,然后選擇矩形工具(U)半徑為30px
第2步:選擇標(biāo)尺(ctrl+R);拉兩條輔助線,吧矩形平均一分為四.
![](https://img.lvups.com/d/file/bigpic/2022/12/26/2iibazgopoh.jpg)
第3步:選擇矩形工具,顏色為紅色:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/brpeioeploi.jpg)
第4步:載入圓角矩形選區(qū),反選(shift+ctrl+i)選擇矩形層,刪除多余部分;重復(fù)步驟3次
![](https://img.lvups.com/d/file/bigpic/2022/12/26/as3xkcrbtbq.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/mxtb33fhavm.jpg)
第5步:新建層,選擇鋼筆工具(P)做一個(gè)小圖標(biāo)如圖
![](https://img.lvups.com/d/file/bigpic/2022/12/26/rrcqbdwfh2a.jpg)
第6步:重復(fù)層3次,如圖所示
![](https://img.lvups.com/d/file/bigpic/2022/12/26/5a5z2bkjox4.jpg)
第7步:載入小圖標(biāo)選區(qū),然后選擇相對(duì)應(yīng)的矩形刪除、合并;如圖:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ponzu5kwfr3.jpg)
第8步:選擇圖層樣式,做一下設(shè)置:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/mwonb1wmuat.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/smpmuyqzebw.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/syfogak4iey.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/leodrdopi2j.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/nwzccgktxis.jpg)
第9步:復(fù)制所有層,合并副本層,如圖:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ejocf35cnph.jpg)
第10步:選擇變換工具(ctrl+T)效果如圖:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/y5ypznbpy45.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/oqeitlpbrad.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/tvzp2ujhyg0.jpg)
第11步:選擇加深、減淡工具給矩形價(jià)反光效果,
第12步:載入選區(qū),新建層填充紅色,向下移動(dòng)20px ; 懸著圖層樣式 漸變 ,如圖:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/dnvikzyi2qg.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/z3v5g2pintk.jpg)
第13步:新建層選擇選區(qū)工具(M)創(chuàng)建一條矩形選區(qū),選擇變換(ctrl+T)斜切,加圖層樣式 漸變,效果如圖:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/wpsnzjb4ial.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/fbn1djjwlvw.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/tqmdumcvlao.jpg)
第14步:做個(gè)倒影
![](https://img.lvups.com/d/file/bigpic/2022/12/26/nm0ipzdgpzg.jpg)
責(zé)任編輯:bbs.16xx8.com
作者: 出處:網(wǎng)絡(luò)