PS鼠绘木屋图标

.

图标制作,用PS打造清新小巧的时钟主题图标

本篇教程主要利用图层样式来制作一个绿色清新的时钟图案,步骤详细易懂,操作起来又不失趣味,想动手试试的的同学还等什么,一起来练习下吧。

  最终效果

PS鼠绘木屋图标插图

  photoshop教程下面是具体的制作步骤介绍:

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

PS鼠绘木屋图标插图(1)

  <图1>

PS鼠绘木屋图标插图(2)

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

PS鼠绘木屋图标插图(3)

  <图3>

PS鼠绘木屋图标插图(4)

  <图4>

PS鼠绘木屋图标插图(5)

  <图5>

3、按Ctrl + Shift + I 把选区反选,按Delete 删除,效果如下图。

PS鼠绘木屋图标插图(6)

  <图6>

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

PS鼠绘木屋图标插图(7)

  <图7>

PS鼠绘木屋图标插图(8)

  <图8>

5、在背景图层上面新建一个图层,用钢笔勾出图9所示的选区,填充颜色:#5D2E1C,效果如图10。

PS鼠绘木屋图标插图(9)

  <图9>

PS鼠绘木屋图标插图(10)

  <图10>

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

PS鼠绘木屋图标插图(11)

  <图11>

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

PS鼠绘木屋图标插图(12)

  <图12>

PS鼠绘木屋图标插图(13)

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

PS鼠绘木屋图标插图(14)

  <图14>

PS鼠绘木屋图标插图(15)

  <图15>

PS鼠绘木屋图标插图(16)

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

PS鼠绘木屋图标插图(17)

  <图17>

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

PS鼠绘木屋图标插图(18)

  <图18>

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

PS鼠绘木屋图标插图(19)

  <图19>

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

PS鼠绘木屋图标插图(20)

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

PS鼠绘木屋图标插图(21)

  <图21>

PS鼠绘木屋图标插图(22)

  <图22>

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

PS鼠绘木屋图标插图(23)

  <图23>

PS鼠绘木屋图标插图(24)

  <图24>

PS鼠绘木屋图标插图(25)

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

PS鼠绘木屋图标插图(26)

  <图26>

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

PS鼠绘木屋图标插图(27)

  <图27>

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

PS鼠绘木屋图标插图(28)

  <图28>

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

PS鼠绘木屋图标插图(29)

  <图29> 19、用矩形选框工具拉两条矩形选区如下图,填充颜色:#C0B6B7。

PS鼠绘木屋图标插图(30)

  <图30>

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

PS鼠绘木屋图标插图(31)

  <图31>

PS鼠绘木屋图标插图(32)

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

PS鼠绘木屋图标插图(33)

  <图33>

PS鼠绘木屋图标插图(34)

  <图34>

PS鼠绘木屋图标插图(35)

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

PS鼠绘木屋图标插图(36)

  <图36>

PS鼠绘木屋图标插图(37)

  <图37>

PS鼠绘木屋图标插图(38)

  <图38>

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

PS鼠绘木屋图标插图

  <图39>

  最终效果

PS鼠绘木屋图标插图

  photoshop教程下面是具体的制作步骤介绍:

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

PS鼠绘木屋图标插图(1)

  <图1>

PS鼠绘木屋图标插图(2)

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

PS鼠绘木屋图标插图(3)

  <图3>

PS鼠绘木屋图标插图(4)

  <图4>

PS鼠绘木屋图标插图(5)

  <图5>

3、按Ctrl + Shift + I 把选区反选,按Delete 删除,效果如下图。

PS鼠绘木屋图标插图(6)

  <图6>

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

PS鼠绘木屋图标插图(7)

  <图7>

PS鼠绘木屋图标插图(8)

  <图8>

5、在背景图层上面新建一个图层,用钢笔勾出图9所示的选区,填充颜色:#5D2E1C,效果如图10。

PS鼠绘木屋图标插图(9)

  <图9>

PS鼠绘木屋图标插图(10)

  <图10>

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

PS鼠绘木屋图标插图(11)

  <图11>

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

PS鼠绘木屋图标插图(12)

  <图12>

PS鼠绘木屋图标插图(13)

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

PS鼠绘木屋图标插图(14)

  <图14>

PS鼠绘木屋图标插图(15)

  <图15>

PS鼠绘木屋图标插图(16)

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

PS鼠绘木屋图标插图(17)

  <图17>

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

PS鼠绘木屋图标插图(18)

  <图18>

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

PS鼠绘木屋图标插图(19)

  <图19>

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

PS鼠绘木屋图标插图(20)

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

PS鼠绘木屋图标插图(21)

  <图21>

PS鼠绘木屋图标插图(22)

  <图22>

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

PS鼠绘木屋图标插图(23)

  <图23>

PS鼠绘木屋图标插图(24)

  <图24>

PS鼠绘木屋图标插图(25)

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

PS鼠绘木屋图标插图(26)

  <图26>

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

PS鼠绘木屋图标插图(27)

  <图27>

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

PS鼠绘木屋图标插图(28)

  <图28>

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

PS鼠绘木屋图标插图(29)

  <图29> 19、用矩形选框工具拉两条矩形选区如下图,填充颜色:#C0B6B7。

PS鼠绘木屋图标插图(30)

  <图30>

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

PS鼠绘木屋图标插图(31)

  <图31>

PS鼠绘木屋图标插图(32)

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

PS鼠绘木屋图标插图(33)

  <图33>

PS鼠绘木屋图标插图(34)

  <图34>

PS鼠绘木屋图标插图(35)

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

PS鼠绘木屋图标插图(36)

  <图36>

PS鼠绘木屋图标插图(37)

  <图37>

PS鼠绘木屋图标插图(38)

  <图38>

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

PS鼠绘木屋图标插图

  <图39>

作者: 791650988

为您推荐