Photoshop简单绘制精致透明小房子图标这个教程教给大家如何制作一个精致的透明小房子图标,可以用到我们的站点上面,具有一定实用性。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/xgoh4ixwwiz.jpg)
1、首先我们制作一个400 x 300 px,然后使用白色到浅蓝色进行渐变填充背景:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/2v4sxvskxwd.jpg)
2、新建立一个图层,然后使用椭圆工具绘制一个正圆:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/lgftftbiy05.jpg)
填充为黑色:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/45h4ftuohcv.jpg)
然后设置图层样式:
![](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、然后再使用椭圆工具选择一个较小的区域:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/r3beskvfe5h.jpg)
创建一个图层,设置所选区域进行渐变填充:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/fmtgig3i0mb.jpg)
然后在左上方绘制一个正圆:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/erm0ptw4hzp.jpg)
对所选区域进行反相,然后按Del删除:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/wj021bbiilu.jpg)
设置模式为滤色:
![](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)
确认下面的选项:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/nvgmo3qktu5.gif)
然后选择小房子图形:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/cdoynxyaldh.gif)
设置如下:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/pkqd5pt3f5p.gif)
然后进行绘制:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/kg1j4ywrgtl.jpg)
用#9bcae5 颜色填充小房子图标,然后使用下面图层样式:
![](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、首先我们制作一个400 x 300 px,然后使用白色到浅蓝色进行渐变填充背景:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/2v4sxvskxwd.jpg)
2、新建立一个图层,然后使用椭圆工具绘制一个正圆:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/lgftftbiy05.jpg)
填充为黑色:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/45h4ftuohcv.jpg)
然后设置图层样式:
![](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、然后再使用椭圆工具选择一个较小的区域:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/r3beskvfe5h.jpg)
创建一个图层,设置所选区域进行渐变填充:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/fmtgig3i0mb.jpg)
然后在左上方绘制一个正圆:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/erm0ptw4hzp.jpg)
对所选区域进行反相,然后按Del删除:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/wj021bbiilu.jpg)
设置模式为滤色:
![](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)
确认下面的选项:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/nvgmo3qktu5.gif)
然后选择小房子图形:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/cdoynxyaldh.gif)
设置如下:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/pkqd5pt3f5p.gif)
然后进行绘制:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/kg1j4ywrgtl.jpg)
用#9bcae5 颜色填充小房子图标,然后使用下面图层样式:
![](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)