设计一个蓝色的海洋风格网页

 

8。制作搜索栏
还是使用“圆角矩形工具”并设圆角半径为：15px，绘制想要的长度，并设“图层样式”设置如下图：

“内阴影”选项：不透明改为：0%

找一个“放大镜的图标”放置在右边。

头部做完了，接下来就开始做产品展示部分。

9。新增参考线：200px，465px和500px.还是选择“圆角矩形工具”并设圆角半径为：15px。从500参考线往上绘制一个圆角矩形并填充白色，

设不透明度为：70%。

 

 

10。接下来制作左侧的方块。
依然使有“圆角矩形工具”，从465参考线开始绘制一个高为300，宽为560的矩形，双击打开此图层设其“图层样式”
效果如下图：

 

11.在这个左侧的方框里添加一个小方框来放图片。这个小方框的大小为：500x221px。并设“图层样式”

设置效果下图：

 

(责任编辑：PS家园网) ​​​​​​​