专业技能 > Photoshop
+

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

2014/10/28    作者:未知    来源:网络文摘    阅读:676

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


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

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


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


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


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


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


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

 

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


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


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

 

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


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


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

 

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


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


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


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


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

  • 相关文章
  • 热门文章
免责申明:天天CAD教程网旨在相互学习交流,是一个完全免费的网站,部分原创作品,欢迎转载,部分内容来自互联网,如果侵犯了您的权利请尽快通知我们!邮箱:qm198794@gmail.com天天CAD教程网湘ICP备17006802号
【回到顶部】