PS设计教程网欢迎你!

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

文章来源于 图图网,感谢作者 佚名 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-07-11
在按钮上加上iphone图标与文字,为其加上下面的图层样式 完成后的按钮 接着创建APPSTORE的内容部分,首先添加标题文字,为其加上图层样式 在标题边上加上1px的细线进行内容分割,制作方法是画两条1px的线,分别使用

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

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

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

完成后的按钮

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

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

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

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

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

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

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

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

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

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

最后完成的效果图

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

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

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa