Photoshop簡單繪制精致透明小房子圖標
來源:不詳
作者:佚名
學習:374人次
Photoshop簡單繪制精致透明小房子圖標這個教程教給大家如何制作一個精致的透明小房子圖標,可以用到我們的站點上面,具有一定實用性。
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795142830.jpg)
1、首先我們制作一個400 x 300 px,然后使用白色到淺藍色進行漸變填充背景:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795142416.jpg)
2、新建立一個圖層,然后使用橢圓工具繪制一個正圓:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795142554.jpg)
填充為黑色:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795142119.jpg)
然后設置圖層樣式:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795143534.gif)
效果如下:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795143316.jpg)
3、然后再使用橢圓工具選擇一個較小的區(qū)域:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795143778.jpg)
創(chuàng)建一個圖層,設置所選區(qū)域進行漸變填充:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795143169.jpg)
然后在左上方繪制一個正圓:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795143264.jpg)
對所選區(qū)域進行反相,然后按Del刪除:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795143818.jpg)
設置模式為濾色:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795143146.jpg)
最后在右下方添加一些漸變疊加效果:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795144998.jpg)
4、下面繪制小房子形狀,選擇自定義形狀工具:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795144342.gif)
確認下面的選項:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795144390.gif)
然后選擇小房子圖形:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795144436.gif)
設置如下:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795144740.gif)
然后進行繪制:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795144136.jpg)
用#9bcae5 顏色填充小房子圖標,然后使用下面圖層樣式:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795144494.gif)
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795144755.gif)
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795145395.gif)
最終效果如下:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795145673.jpg)
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795142830.jpg)
1、首先我們制作一個400 x 300 px,然后使用白色到淺藍色進行漸變填充背景:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795142416.jpg)
2、新建立一個圖層,然后使用橢圓工具繪制一個正圓:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795142554.jpg)
填充為黑色:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795142119.jpg)
然后設置圖層樣式:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795143534.gif)
效果如下:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795143316.jpg)
3、然后再使用橢圓工具選擇一個較小的區(qū)域:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795143778.jpg)
創(chuàng)建一個圖層,設置所選區(qū)域進行漸變填充:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795143169.jpg)
然后在左上方繪制一個正圓:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795143264.jpg)
對所選區(qū)域進行反相,然后按Del刪除:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795143818.jpg)
設置模式為濾色:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795143146.jpg)
最后在右下方添加一些漸變疊加效果:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795144998.jpg)
4、下面繪制小房子形狀,選擇自定義形狀工具:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795144342.gif)
確認下面的選項:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795144390.gif)
然后選擇小房子圖形:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795144436.gif)
設置如下:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795144740.gif)
然后進行繪制:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795144136.jpg)
用#9bcae5 顏色填充小房子圖標,然后使用下面圖層樣式:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795144494.gif)
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795144755.gif)
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795145395.gif)
最終效果如下:
![](http://pic.16xx8.com/article/UploadPic/2007/10/27/2007102795145673.jpg)
學習 · 提示
相關教程
關注大神微博加入>>
網(wǎng)友求助,請回答!