江苏11选五开奖结果
当前位置: 江苏11选五开奖结果 > 设计教程 > 网页设计教程 > Photoshop设计简洁的iphone网站首页布局

广东11选五骗局:Photoshop设计简洁的iphone网站首页布局

江苏11选五开奖结果 www.dfl1y.cn 最终效果图

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设计一个多媒体网站布局教程

热门推荐

  • 没想到最大亮点是越野! 试驾一汽 2019-04-25
  • 《平凡的荣耀》展现上海风情 赵又廷新剧打破职场剧套路 2019-04-25
  • 联播快讯:俄罗斯世界杯国际广播中心启用 2019-04-24
  • 印巴首次同时参加上合 日媒:是时候认真看待了 2019-04-19
  • 法意因难民接收问题掐架!马克龙这句话让意大利彻底怒了 2019-04-06
  • 怒江贡山成立全州首支僧人志愿消防队 2019-04-06
  • 端午假期全国迎客8910万人次 传统文化活动受青睐 2019-04-04
  • 介休交警为企业职工送平安 2019-04-04
  • 便道汛期被淹学生上学遇阻 来凤老伯坚持背娃过河40年 2019-03-29
  • 吉利连续五年携手韩红 助力“百人援宁”行动 2019-03-28
  • 诗经中的“簧”长什么样?石峁遗址出土的骨制口弦琴告诉你 2019-03-28
  • 顺义农村娃坐上安全校车 2019-03-22
  • 人民日报社习近平新闻思想理论研讨会发言摘编 2019-03-22
  • 黄山市今天将有一次大到暴雨 20日起梅雨到来 2019-03-13
  • I动19运动习惯养成大赛 2019-03-13
  • 533| 537| 708| 477| 732| 272| 297| 748| 236| 44|