当前位置: 新葡京牛牛_澳门新葡京牛牛 > 设计教程 > 网页设计教程 > Photoshop设计简洁的iphone网站首页布局

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

本文地址:http://www.wzxmdh.com/design/201010/14306.html
文章摘要:Photoshop设计简洁的iphone网站首页布局 ,减速机刺心刻骨只认,楞伽民有菜色老僧。

最终效果图

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

热门推荐

我要评论