Photoshop设计简洁的iphone网站首页布局(4)

织梦CMS - 轻松建站从此开始！

当前位置: 主页 > 设计教程 > 网页设计教程

时间:2010-10-27 21:02来源:网络作者:未知点击: 次

在按钮上加上iphone图标与文字，为其加上下面的图层样式完成后的按钮接着创建APPSTORE的内容部分，首先添加标题文字，为其加上图层样式在标题边上加

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

Photoshop设计简洁的iphone网站首页布局

完成后的按钮

Photoshop设计简洁的iphone网站首页布局

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

Photoshop设计简洁的iphone网站首页布局

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

Photoshop设计简洁的iphone网站首页布局

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

Photoshop设计简洁的iphone网站首页布局

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

Photoshop设计简洁的iphone网站首页布局

最后完成的效果图

Photoshop设计简洁的iphone网站首页布局

(责任编辑：RGB)

顶一下

(1)

100%

踩一下

(0)

------分隔线----------------------------

发表评论

栏目列表

推荐内容

热点内容