Photoshop簡單繪制精致透明小房子圖標(biāo)
2022-12-26 08:31:59
來源/作者: /
己有:84人學(xué)習(xí)過
Photoshop簡單繪制精致透明小房子圖標(biāo)這個(gè)教程教給大家如何制作一個(gè)精致的透明小房子圖標(biāo),可以用到我們的站點(diǎn)上面,具有一定實(shí)用性。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/xgoh4ixwwiz.jpg)
1、首先我們制作一個(gè)400 x 300 px,然后使用白色到淺藍(lán)色進(jìn)行漸變填充背景:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/2v4sxvskxwd.jpg)
2、新建立一個(gè)圖層,然后使用橢圓工具繪制一個(gè)正圓:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/lgftftbiy05.jpg)
填充為黑色:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/45h4ftuohcv.jpg)
然后設(shè)置圖層樣式:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/tzbtvdq2qnu.gif)
效果如下:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/kgtuuqqpxjb.jpg)
3、然后再使用橢圓工具選擇一個(gè)較小的區(qū)域:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/r3beskvfe5h.jpg)
創(chuàng)建一個(gè)圖層,設(shè)置所選區(qū)域進(jìn)行漸變填充:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/fmtgig3i0mb.jpg)
然后在左上方繪制一個(gè)正圓:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/erm0ptw4hzp.jpg)
對所選區(qū)域進(jìn)行反相,然后按Del刪除:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/wj021bbiilu.jpg)
設(shè)置模式為濾色:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/mgkaxxn45wy.jpg)
最后在右下方添加一些漸變疊加效果:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/0dhikqfemf5.jpg)
4、下面繪制小房子形狀,選擇自定義形狀工具:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ktznkysz2o2.gif)
確認(rèn)下面的選項(xiàng):
![](https://img.lvups.com/d/file/bigpic/2022/12/26/nvgmo3qktu5.gif)
然后選擇小房子圖形:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/cdoynxyaldh.gif)
設(shè)置如下:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/pkqd5pt3f5p.gif)
然后進(jìn)行繪制:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/kg1j4ywrgtl.jpg)
用#9bcae5 顏色填充小房子圖標(biāo),然后使用下面圖層樣式:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/k330esbmt1g.gif)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/l3jfob32psm.gif)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/t05nlrn0hqv.gif)
最終效果如下:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/cfentopqdse.jpg)
![]()
![](https://img.lvups.com/d/file/bigpic/2022/12/26/xgoh4ixwwiz.jpg)
1、首先我們制作一個(gè)400 x 300 px,然后使用白色到淺藍(lán)色進(jìn)行漸變填充背景:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/2v4sxvskxwd.jpg)
2、新建立一個(gè)圖層,然后使用橢圓工具繪制一個(gè)正圓:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/lgftftbiy05.jpg)
填充為黑色:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/45h4ftuohcv.jpg)
然后設(shè)置圖層樣式:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/tzbtvdq2qnu.gif)
效果如下:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/kgtuuqqpxjb.jpg)
3、然后再使用橢圓工具選擇一個(gè)較小的區(qū)域:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/r3beskvfe5h.jpg)
創(chuàng)建一個(gè)圖層,設(shè)置所選區(qū)域進(jìn)行漸變填充:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/fmtgig3i0mb.jpg)
然后在左上方繪制一個(gè)正圓:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/erm0ptw4hzp.jpg)
對所選區(qū)域進(jìn)行反相,然后按Del刪除:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/wj021bbiilu.jpg)
設(shè)置模式為濾色:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/mgkaxxn45wy.jpg)
最后在右下方添加一些漸變疊加效果:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/0dhikqfemf5.jpg)
4、下面繪制小房子形狀,選擇自定義形狀工具:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ktznkysz2o2.gif)
確認(rèn)下面的選項(xiàng):
![](https://img.lvups.com/d/file/bigpic/2022/12/26/nvgmo3qktu5.gif)
然后選擇小房子圖形:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/cdoynxyaldh.gif)
設(shè)置如下:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/pkqd5pt3f5p.gif)
然后進(jìn)行繪制:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/kg1j4ywrgtl.jpg)
用#9bcae5 顏色填充小房子圖標(biāo),然后使用下面圖層樣式:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/k330esbmt1g.gif)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/l3jfob32psm.gif)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/t05nlrn0hqv.gif)
最終效果如下:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/cfentopqdse.jpg)