加载中…
个人资料
可图网设计师Tony
可图网设计师Tony
  • 博客等级:
  • 博客积分:0
  • 博客访问:46,644
  • 关注人气:221
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

【有利可图网】PS教程:打造一个拟真的开关图标

(2019-12-31 16:59:51)
标签:

教程

可图网

分类: 设计教程

制作之前我们先找一些实物照片来分析一下开关的质感,色彩表现等。然后分解开关,了解它的结构。再设定材质为塑料,设定好光源位置就可以绘制了。


最终效果

1.jpg


一、先建立一个1136 * 640的画布。

2.jpg


二、在这个画布上,用椭圆工具勾绘出一个圆形,作为按钮侧面,命名图层为“按钮-下”。

3.jpg


三、建立一个新图层,画一个同样大小的同心圆,再选中底边锚点,向上拖到锚点位置如图,作为按钮正面,命名图层为“按钮-上”。

4.jpg


四、编辑“按钮-上”,绘制开关按钮正面的形状和质感,图层样式如下图。

5.jpg

6.jpg

7.jpg

8.jpg

9.jpg


五、接着我们编辑“按钮-上”,绘制开关按钮侧下方的形状和质感,图层样式如下。

10.jpg

11.jpg

12.jpg

13.jpg

14.jpg


六、接着我们画用来按钮按钮的凹槽位。同样的方法我们画一个稍大一些的同心圆,图层名“凹槽”,然后添加下图所示的样式。

15.jpg

16.jpg

17.jpg

18.jpg

19.jpg



七、至此,我们已经完成了70%了,需要再加上阴影。阴影层,我使用了一个稍微“瘦”一些的椭圆形状,这样形成的阴影看起来更加真实。

20.jpg


八、最后我们再打上OFF,ON的字样,再增加一点泛红光的效果,完成最终效果。

21.jpg


0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有