首页 > 设计 > 详细

Photoshop打造一款精致的木屋图标教程

时间：2016-01-29 14:35:56      阅读：87      评论：0      收藏：0      [点我收藏+]
最终效果

技术分享

1、新建一个800 * 800像素的文档，选择渐变工具，颜色设置如图1，由画布中心向四周拉出图2所示的径向渐变。

技术分享
<图1>

技术分享
<图2>
 2、新建一个图层，选择矩形选框工具拉出图3所示的矩形选区，选择渐变工具，颜色设置如图4，由上至下拉出线性渐变。确定后按Ctrl + D取消选区，按Ctrl + T 稍微调整一下角度，再用钢笔工具勾出图5所示的选区。

技术分享
<图3>

技术分享
<图4>

技术分享
<图5>
 3、按Ctrl + Shift + I 把选区反选，按Delete 删除，效果如下图。

技术分享
<图6>

4、用钢笔勾出下图所示的弧形选区，填充颜色：#FF2623，如下图。然后把刚才做好的图形复制一层，选择菜单：编辑 > 变换 > 水平翻转，对接好后效果如图8。

技术分享
<图7>

技术分享
<图8>
 5、在背景图层上面新建一个图层，用钢笔勾出图9所示的选区，填充颜色：#5D2E1C，效果如图10。

技术分享
<图9>

技术分享
<图10>

6、现在开始制作木板部分。在图层的最上面新建一个图层，用矩形选框工具拉出下图所示的矩形选区，填充颜色：#EED88F。

技术分享
<图11>
 7、新建一个图层，用钢笔勾出图12所示的选区，填充颜色：#E5C771，取消选区后按Ctrl + Alt + G 与前一图层编组。加上图层蒙版，用黑白渐变把底部拉出透明效果，如图13。

技术分享
<图12>

技术分享
<图13>

8、在当前图层下面新建一个图层，用钢笔勾出图14所示的选区，并拉上图15所示的线性渐变。加上图层蒙版，用黑白渐变把右边拉点透明效果，如图16。

技术分享
<图14>

技术分享
<图15>

技术分享
<图16>
 9、新建一个图层，用矩形选框工具拉出下图所示的矩形选区填充颜色：#FAEEB1，作为左边的高光。

技术分享
<图17>

10、新建一个图层，用矩形选框工具拉出下图所示的矩形选区填充颜色：#CE975E，作为右边的暗调。到这里木板部分基本完成，把构成木板的几个图层合并为一个图层。

技术分享
<图18>

11、把做好的木板图层多复制几层拼接起来，部分可以垂直翻转一下。然后合并起来适当缩小一点，移到背景图层上面，如下图。

技术分享
<图19>

12、把木板图层复制一层，用钢笔勾出下图所示的选区，按Ctrl + Shift + I 反选，按Delete 删除多出的效果如下图。

技术分享
<图20>
 13、把原木板图层复制一层，用钢笔勾出下图所示的选区，按Ctrl + Shift + I 反选，按Delete删除多出。取消选区后稍微调暗一点，效果如图22。

技术分享
<图21>

技术分享
<图22>

14、在图层的最上面新建一个图层，用矩形选框拉出图23所示的矩形选区，选择渐变工具，颜色设置如图24，拉出图25所示的线性渐变。

技术分享
<图23>

技术分享
<图24>

技术分享
<图25>
 15、调出当前图层的选区，把选区稍微向下移2个像素，在当前图层下面新建一个图层填充颜色：#6C2B15，如下图。

技术分享
<图26>

16、在背景图层上面新建一个图层，用矩形选框工具拉出下图所示的矩形选区，填充颜色：#EFEFEF，边缘部分同上的方法制作高光及暗调。

技术分享
<图27>

17、把做好的图形多复制一些，拼接起来，效果如下图。再把这些图层合并为一个图层。

技术分享
<图28>

18、用矩形选框工具选取想要的部分，按Ctrl + Shift + I 反选，按Delete 删除多出部分。

技术分享
<图29>
 19、用矩形选框工具拉两条矩形选区如下图，填充颜色：#C0B6B7。

技术分享
<图30>

20、在图层的最上面新建一个图层，用矩形选框工具拉出图31所示的矩形选区，填充颜色：#5D2100。然后再把木板下面的横条复制到底部，房子的主体部分大致完成，效果如图32。

技术分享
<图31>

技术分享
<图32>
 21、门与窗的制作就相对简单一点，用上面的方法就可以完成，过程如图33 - 35。

技术分享
<图33>

技术分享
<图34>

技术分享
<图35>
 22、烟窗部分的制作，在背景图层上面新建一个图层，用矩形选框工具拉出图36所示的矩形选区填充颜色：#DBDAD8，新建一个图层，用矩形做出一些矩形选区填充红色，如图37，适当加上投影，效果如图38。

技术分享
<图36>

技术分享
<图37>

技术分享
<图38>

23、最后调整一下细节，再加上倒影，完成最终效果。

技术分享
<图39>

Photoshop打造一款精致的木屋图标教程

原文：http://www.jb51.net/photoshop/28407.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！