一个Apple风格按扭的简单做法

转自:中国UI设计网 作者:BLUESKY 

 

大家在做网页或做UI设计的时候,最常做的就是按扭了。漂亮的按扭不仅为设计作品添色不少,而且让人有点击的欲望。下面为大家介绍一个Apple风格按扭的简单做法:

1.先用圆角矩形工具分别在不同的层画两个圆角矩形。如图:



2.将小的圆角矩形移开,为大的圆角矩形添加渐变色、描边。



3.按住Ctrl键,在图层面板上单击小圆角矩形所在的图层。这时在小圆角矩形周围会出现选区。



4.将小圆角矩形所在的图层删掉,使画面上只剩下选区。



5.为选区添加白色至透明的渐变。



6.一个Apple风格的按扭就做好了。很简单吧。



7.可以为它加一些效果。如加一些淡淡的阴影。



8.再加上文字。



9.还可以将小圆角矩形的渐变做一些切割,会达到另外的效果。

10.就是这么简单,发挥你的想像,去做出更炫的效果吧 :)

 

 

水晶果子

        作者:逸谷

  教你如何制作苹果电脑的壁纸中非常晶莹的效果

  第一、新建400*400白色背景RBG文件,再用渐变工具以适当的颜色对背景进行线性填充,得到如下图:


  

  第二、用椭圆选取工具画一个圆,用渐变工具以适当的颜色对这个选区进行线性填充。颜色参考数:前景[238,142,23]背景[257,273,154]

  

  第三步:用加深减淡等工具配合对此图进行涂绘,这就要耐心去慢慢弄了。涂绘完之后按ctr单击此层,获得选区,然后用[217,135,36]颜色对此层进行2像素的描边得出如下二图:


(1)


(2)

  

  第四步:新建一层,用椭圆选取工具在果子的上方画一椭圆,填充白色,然后点图层控制作面版下面的“添加图层蒙版”按键为此图添加蒙版,再按X键复位前景颜色,用渐变工具在蒙版上进行线性渐变。此步用以表现果子晶莹效果的高光!

  

  4.2

 

  第五步:新建一层,用钢笔工具绘制叶子路径。按CTRL_ENTER键,载入选区,用[126,214119]的绿色进行填充,再用加深减淡工具对于叶子进行处理,完之后再以[44,153,42]的深绿对叶子进行2像素的描边如下图

  

  5.2

 

 

  5.3

 

  5.4再用同样的方法给叶子加上高光

 

  第六步:新建一层,用钢笔工具绘制果子的把子的路途,转换选区后用[115,76,35]颜色进行填充

 

 

  之后我们可以利用图层样式来做把子。具体参数参考如下:


点击放大

  6.2


点击放大

  6.3


点击放大

  6.4


点击放大

  得到效果如下:

 

 

  再用同样的方法给把子加入高光。
  最后添加阴影就完成了。
  教程结束
  总结:这个晶莹剔透的效果其实就是高光在作怪,看过XP图标的朋友都知道,正所谓地球人都知道!