请问上海时时乐
当前位置: 请问上海时时乐 > 设计教程 > 网页设计教程 > Photoshop设计简洁的iphone网站首页布局

上海时时乐走势图官网:Photoshop设计简洁的iphone网站首页布局

请问上海时时乐 www.i7b7.com.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-06-17
  • vivo X20 Plus开箱图赏:全球首款屏下指纹机大曝光 2019-06-17
  • 高清:中国女篮结束热身赛 抵达北京 2019-06-17
  • 四十多个赞,莫非真的有他们说的什么点钻机! 2019-06-17
  • "创造101"杨超越引争议 表演业余人气高别光怨选手 2019-06-16
  • 一幅好的古画会“讲故事” 正如《汉宫秋图》 2019-06-12
  • 跨境电商打造新“空中贸易通道” 2019-06-12
  • 【专题】社会主义核心价值观主题微电影优秀作品展示 2019-06-11
  • 石柱旅行地中国国家地理网 2019-06-10
  • 河北黄埔后人畅谈黄埔精神:不负新时代,再铸新荣光 2019-06-10
  • 女性之声——全国妇联 2019-05-29
  • 努尔加大峡谷的星空有多美? 2019-05-28
  • 聚焦中央经济工作会议 2019-05-27
  • 欧盟将对美28亿欧元产品加征关税 报复清单针对性强 2019-05-26
  • 一带一路网盟官方网站 2019-05-26
  • 165| 990| 771| 690| 616| 552| 730| 472| 436| 593| 182| 726| 730| 682| 873|