PS设计漂亮的美食BLOG网页模板

本教程教我们用Photoshop设计漂亮的美食BLOG网页模板。这个网页最大的特色在于,底部使用了桌布的图案,感觉有点居家的气氛。再搭配上简洁的布局,好似一个家的感觉。

15.新建一个图层:arrow.选择"自定义图形工具(U)",在其属性栏上的图库中选择"小箭头",并填充:#c4b08e.最终效果如下图.

Photoshop设计漂亮的美食BLOG网页模板

16.在产品展示栏下面创建一个分隔带

创建一个新组:separator.

选择"矢量线条工具"绘制一条1px;并填充:#d6cdbc,把它放置在图片下30px的距离.

选择"矩形选区工具"绘制一个矩形选区,接下来:图层>新建填充图层>渐变,在弹出的对话框中选择从 #a99470 到 透明 渐变.并调整不透明度:20%.步骤图如下:

Photoshop设计漂亮的美食BLOG网页模板

17.选中组:separator.添加一个图层蒙版:图层>图层蒙版>显示全部.选择渐变工具,渐变颜色从黑色到白色再到黑色.按住shift键不放,

从左往右拉出渐变.

Photoshop设计漂亮的美食BLOG网页模板

18.食品简介栏

新建一个组:blog,在这个组里再创建一个组:blog#1

新建一个图层:image_holder,选择"矢量矩形工具"按住shift键,绘制一个大小200px*200px的正方形.然后把这个矩形放到距离"分隔带"下30px.

双击此图层添加"内发光"样式,颜色:#f6eee1,描边颜色:#c9c2b6

打开准备好的图片,使用"自由变形"使图片和像框大小一样.

Photoshop设计漂亮的美食BLOG网页模板
​​​​​​​

 4/6   首页 上一页 2 3 4 5 6 下一页 尾页
上一篇:网页设计中常用的卷页效果
下一篇:PS制作一个简单又时尚的UI按扭
更多精彩内容