传奇开区模板_传奇LOGO设计_传奇登陆器皮肤_传奇PS改图_911美工

Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI

作者:多素材发布时间:2015-08-14 20:44来源:网络收集点击:

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

Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI


UI文字教程<点小图查看大图>


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


Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI


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


UI文字教程

Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI


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


Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI

UI文字教程

 

Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI


Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI


Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI


Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI


Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI

 

Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI


Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI


Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI


Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI


Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI

 

Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI


Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI


Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI


Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI


Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI


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


Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI


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


Photoshop制作简洁大气的圆形开关图标_入门与实例_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI


<点小图查看大图>

   


微信公众号

扫一扫微信公众号,关注我们,加入我们。

本站部分内容收集于互联网。

如果内容侵犯了您的权益,请联系我们。

我们会在第一时间进行删改处理,为此深表歉意!

TAG标签: UI文字教程   

上一篇:photoshop怎么绘制逼真的流泪效果_PS入门实例教程_UI路上 UI设计 首页 欣赏 网站UI 游戏UI 软件UI
下一篇:如何用PS设计动态淘宝店标
猜你喜欢
传奇开区模板_传奇LOGO设计_传奇登陆器皮肤_传奇PS改图_911美工
传奇开区模板_传奇LOGO设计_传奇登陆器皮肤_传奇PS改图_911美工(www.911ps.com)-