Photoshop教程:制作简洁大气的圆形开关图标【UI】

梁祝花雕大本营

梁祝花雕大本营

2016-01-29 16:21

Photoshop教程:制作简洁大气的圆形开关图标【UI】,制作之前我们先找一些实物照片来分析一下开关的质感,色彩表现等。然后分解开关,了解它的结构。再设定材质为塑料,设定好光源位置就可以绘制了。

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



<点小图查看大图


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



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



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


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



123制作简洁大气的圆形开关图标2


(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

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





  123制作简洁大气的圆形开关图标3

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




(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)



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



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


  123
展开更多 50%)
分享

猜你喜欢

Photoshop教程:制作简洁大气的圆形开关图标【UI】

PS PS教程
Photoshop教程:制作简洁大气的圆形开关图标【UI】

Photoshop制作圆形开关图标 简洁大气

PS教程
Photoshop制作圆形开关图标  简洁大气

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop制作简洁大气的圆形开关图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作简洁大气的圆形开关图标教程

Photoshop制作简洁大气的圆形开关图标

电脑网络
Photoshop制作简洁大气的圆形开关图标

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop如何制作简洁大气的圆形开关图标

PS
Photoshop如何制作简洁大气的圆形开关图标

PS教程 Photoshop制作圆形简洁开关图标

电脑网络
PS教程 Photoshop制作圆形简洁开关图标

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

穿透无线路由 玩转网络游戏

穿透无线路由 玩转网络游戏

《迷你西游》攻略之几大冷门护法详细介绍

《迷你西游》攻略之几大冷门护法详细介绍
下拉加载更多内容 ↓