最终效果图
设计网站前照例先在PS中建立背景图,新建一个1200*1200大小的背景,设置前景色#f3f3f2与背景色#d2d2d2,利用渐变工具中的线条渐变填充背景颜色。设置参照下图
大约完成后顶部渐变梯度在400px左右
为手机网站创建导航条,使用圆角矩形工具,设置如下图
拖出一个圆角矩形条作为导航条背景,由于布局需要,我们的导航条防止网站靠右部分
随后为做出的圆角矩形导航条添加以下图层样式
完成后的效果图如下