当前位置: 首页 > 设计教程 > 网页设计教程 > 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网站首页布局

  • 共4页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 下一页
  • 上一篇:用PS制作炫目的联系我们按钮
    下一篇:Photoshop设计一个多媒体网站布局教程

    图集推荐

    • 灵感
    • 美图