找回密码
 立即注册
搜索
查看: 167|回复: 0
打印 上一主题 下一主题
收起左侧

[制图教程] 鼠绘一个金属拉丝面板的计算器

[复制链接]

 成长值: 34740

灰铜v1_05绿金v1_01绿铜v3_05灰金v1_05紫铜v1_05绿银v3_05绿金v3_01紫铜v2_01紫银v1_03

跳转到指定楼层
楼主
 楼主| 发表于 2017-9-30 00:42 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

计算器是一种广泛应用在日常生活当中的小型电子设备,它使用简单、携带方便,用来满足人们随时计算的需求。

下面用Photoshop来绘制一款常见的计算器。

一、打开鼠绘软件Photoshop,执行快捷键CTRL+N新建一个大小适当的RGB图像文件。在图层面板中新建一个图层组“计算器”,在里面新建图层“底层”。

二、选择工具箱中的“圆角矩形工具”,画一个圆角矩形,效果如图01所示。
  

设置前景色为灰色,填充选区效果02所示。
  

三、将该层复制一层,保持选区,执行菜单栏中的“滤镜”“杂色”“添加杂色”滤镜,在弹出的添加杂色对话框中设置数量为10.72,高斯分布,勾选单色。
  

四、接着执行菜单栏中的“滤镜”“风格化”“风”滤镜,设置方法为风,方向为从右,如图05所示,按Ctrl+F键2-3次重复使用刚才的风滤镜,图像效果如图06所示。
  
  

五、接着再次执行菜单栏中的“滤镜”“风格化”“风”滤镜,设置方法为风,方向为从左,如图07所示,按Ctrl+F键2-3次重复使用刚才的风滤镜,并将该图层的图层混合模式设置为“正片叠底”,图像效果如图08所示。
  

六、双击该图层为图层添加图层样式,在图层样式对话框中选择投影、斜面和浮雕、渐变叠加、图案叠加,设置参数如图09-12所示,图像效果如图13所示。
设置斜面和浮雕样式,参考下图进行参数设置。
  

对渐变叠加样式进行设置,参考下图进行参数设置。
  

对图案叠加样式进行设置,对照下图的参数进行详细的设置。
  

设置完成图层样式以后,即可得到如下图效果的金属拉丝的计算器面板。
  

七、新建一层命名为“屏幕”,选择工具箱中的“圆角矩形工具”在上端中央绘制一个矩形,双击该图层设置图层样式,选择内阴影、渐变叠加,设置参数如图14-15所示,渐变颜色设置RGB分别为252、254、232和191、195、170,图像效果如图16所示。
  

对渐变叠加样式进行参数设置,详细的参数可以参考下图来进行设置。
  

设置完成图层样式以后的计算器显示屏的效果。

八、接着做计算器按钮,在计算器的图层组下在新建一个图层组,命名为“按钮”。选择工具箱中的“圆角矩形工具”,画一个圆角矩形,双击该图层设置图层样式,选择投影、内发光、斜面和浮雕、渐变叠加、描边,设置参数如图17-21所示,图像效果如图22所示。
  

对内发光样式进行参数设置,详细的参数可以参考下图进行设置。
  

下面再对内发光样式进行设置,详细的参数设置可以对比下图进行设置。
  

斜面和浮雕样式的参数设置,对比下图中的参数,来完成设置即可。
渐变叠加样式的参数设置如下图所示。
  

最后我们还要进行描边样式的设置,参数也是可以参考下图来完成设置。
  

设置完成图层样式以后,即可得到计算器金属按钮的效果图。
  

九、将该按钮复制3份,等距离排列,如图23所示。继续复制,排列效果如图24所示。
  

十、用同样的方法绘制其他按钮,效果如图25所示。

十一、选择工具箱中的“文字工具”,设置Arial字体,大小自定,在按钮上打出数字,效果如图26所示。然后双击添加图层样式,选择斜面和浮雕样式,设置参数如图27所示,图像效果如图28所示。
  
  
  

十二、选择工具箱中的“椭圆选框工具”,按住Shift键画出一个小圆,然后添加图层样式,作为装饰。输入文字,效果如图29所示。
  

十三、选择文字工具,在屏幕上输入0,设置该层的图层混合模式为“叠加”,更换背景,最终效果如图30所示。
插件设计:zasq.net
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋| ( Q群816270601 )

GMT+8, 2024-5-14 18:14 , Processed in 1.716708 second(s), 46 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表