玩软件 > Photoshop
+

Photoshop打造简洁大气的圆形开关图标【UI】

2014-10-28    作者:未知    来源:网络文摘

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


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


Photoshop打造简洁大气的圆形开关图标【UI】 图1


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


Photoshop打造简洁大气的圆形开关图标【UI】 图2


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


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


Photoshop打造简洁大气的圆形开关图标【UI】 图3


Photoshop打造简洁大气的圆形开关图标【UI】 图4

Photoshop打造简洁大气的圆形开关图标【UI】 图5


Photoshop打造简洁大气的圆形开关图标【UI】 图6


Photoshop打造简洁大气的圆形开关图标【UI】 图7

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


Photoshop打造简洁大气的圆形开关图标【UI】 图8


Photoshop打造简洁大气的圆形开关图标【UI】 图9


Photoshop打造简洁大气的圆形开关图标【UI】 图10


Photoshop打造简洁大气的圆形开关图标【UI】 图11

阅读:680    评论:0
  • 相关文章
  • 热门文章
  • 相关评论
网站地图

免责申明:我要玩起网旨在提供一个相互学习交流的平台,是一个完全免费的网站,部分原创作品,欢迎转载,部分内容来自互联网,如果侵犯了您的权利请尽快通知我们!邮箱:279459762@qq.com Copyright 2018-2021我要玩起网

  湘ICP备17006802号-2
【电脑版】  【回到顶部】