在按钮上加上iphone图标与文字,为其加上下面的图层样式


完成后的按钮

接着创建APPSTORE的内容部分,首先添加标题文字,为其加上图层样式


在标题边上加上1px的细线进行内容分割,制作方法是画两条1px的线,分别使用黑色与白色,然后降低透明度即可

为内容部分加上文字与图标

创建页脚线条,做法与上面相同,使用两条1px细线,唯一区别是左右区域进行隐藏,可以蒙版来实现

最后完成的效果图

进入论坛参与讨论和交作业:http://www.missyuan.com/viewthread.php?tid=467699