• 今年西安新登记市场主体突破200000户 2019-01-06
  • 湖南着力推动习近平新时代中国特色社会主义思想深入人心 2019-01-06
  • 体彩排列三走势图
    当前位置: 体彩排列三走势图 > 设计教程 > 网页设计教程 > Photoshop设计简洁的iphone网站首页布局

    3d走势图综合版:Photoshop设计简洁的iphone网站首页布局

    体彩排列三走势图 www.ownvi.com 最终效果图

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

    设计网站前照例先在PS中建立背景图,新建一个1200*1200大小的背景,设置前景色#f3f3f2与背景色#d2d2d2,利用渐变工具中的线条渐变填充背景颜色。设置参照下图

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

    大约完成后顶部渐变梯度在400px左右

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

    为手机网站创建导航条,使用圆角矩形工具,设置如下图

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

    拖出一个圆角矩形条作为导航条背景,由于布局需要,我们的导航条防止网站靠右部分

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

    随后为做出的圆角矩形导航条添加以下图层样式

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

    完成后的效果图如下

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

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

    热门推荐

  • 今年西安新登记市场主体突破200000户 2019-01-06
  • 湖南着力推动习近平新时代中国特色社会主义思想深入人心 2019-01-06