设计欣赏 | 摄影欣赏 | 设计师素材下载 | 站长日志 | 有啥? | 衡阳网站建设 | 设计交流QQ群: 10635190 | 收藏小林设计网
小林设计首页 / 小林教程 > / 一个按钮的无形演变

一个按钮的无形演变

2014-12-19 10:33:35发布 | 查看:

移动客户端界面设计相对于网页设计,二者在按钮表现效果上的不同,是其区别之一。网页设计中的按钮,大多趋于四四方方,中规中矩的表现形式。而移动客户端的按钮,表现形式确是多样化的。有的立体感十足,有的扁平化设计更显时尚。按钮的形状上也各不相同。因为大家都想做出独一无二的产品或是设计。趋于这样一种想法,所以移动客户端的设计相对于网页设计,个性化的成份会多一些。今天写的这套圆形按钮的教程,比较简单,没有太多的炫技成份。一是细节的处理上主要是靠图层模式的运用,二是形状一定要画准,在画之前,一定要定义好参考线。希望大家会喜欢小林的PS教程

PS实例教程:一个按钮的无形演变 来源: www.z990.com

最终效果

PS实例教程:一个按钮的无形演变 来源: www.z990.com

1,如图所示,建立路径一,路径二。将两条路径组合,旋转,形成一个新的图形;

PS实例教程:一个按钮的无形演变 来源: www.z990.com

2,为图形添加图层样式,参数如图所示;

PS实例教程:一个按钮的无形演变 来源: www.z990.com

3,添加投影;

PS实例教程:一个按钮的无形演变 来源: www.z990.com

4,绘制同心圆,添加图层样式,参数如图所示;

PS实例教程:一个按钮的无形演变 来源: www.z990.com

5,添加彩色光晕;

PS实例教程:一个按钮的无形演变 来源: www.z990.com

6,添加图形和文字,使按扭变得完整,完成最终效果;

关于我

自幼爱好美术,而后自学设计,没有高等美院的通行证,但对设计的热爱,从未改变!

z990.com是设计师小林的个人站点。用于个人设计作品展示以及设计教程的分享。通过站点与作品,希望能给客户更直观的视觉印象,以达成更好的设计共识,促成设计项目的合作。

E-MAIL: 9900d@163.com
QQ: 26853741

九年电脑培训教学经历

从事Photoshop,Flash,Dreamweaver,3DMax,素描等教学工作;

两年政府工作

曾就职于投资促进局,市委宣传部;

两年深圳打拼

就职于深圳电子产品生产企业设计部主管;

五年北漂

就职于某游戏公司,心理咨询公司设计部副经理;
微信公众号: z990_com
Top