当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop设计简洁的iphone网站首页布局(4)

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

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

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

完成后的按钮

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

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

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

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

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

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

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

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

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

最后完成的效果图

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

用PS制作炫目的联系我们按钮
Photoshop设计一个多媒体网站布局教程