新万博万博_万博出事了

当前位置: 万博 > 新万博教程 > 网页新万博教程 > 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新万博一个多媒体网站布局教程

热门推荐