PhotoShop实例教程:一个按钮的演变

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

最终效果,如下图:

建立路径一,路径二。将两条路径组合,旋转,形成一个新的图形,如下图:

为图形添加图层样式,如下图:

添加投影,如下图:

绘制同心圆,添加图层样式,如下图:

添加彩色光晕,如下图:

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

Leave a Reply