当前位置: 首页 > 申博现金网 > 网页申博现金网 > Photoshop制作国外木纹风格的网页模板(5)

Photoshop制作国外木纹风格的网页模板(5)

23.用矩形工具,新建一个236X112 px大小的矩形,颜色设置为#1495c5,添加图层样式

Photoshop设计国外木纹风格的网页模板

24.在此图层下面新建一个黑色的矩形,旋转到一定的角度

Photoshop设计国外木纹风格的网页模板

25.执行 滤镜--模糊--高斯模糊

Photoshop设计国外木纹风格的网页模板
Photoshop设计国外木纹风格的网页模板

26.移动到合适的位置,不透明度设置为33%,然后复制一层,ctrl+T,右键,水平翻转,然后拉到合适的位置,最后效果如图,让人感觉有立体感

Photoshop设计国外木纹风格的网页模板

27.选择矩形工具,拉一个适当的正方形,图层样式设置如下,拉入图片,做剪切蒙板

Photoshop设计国外木纹风格的网页模板
Photoshop设计国外木纹风格的网页模板

28.在正方形下面新建一个白色的长方形,不透明度设置为15%

Photoshop设计国外木纹风格的网页模板

29.然后给产品添加产品名称和价格信息,然后添加立即购买按钮,Product Name和$10.99是用Happy Phantom字体,下面的那行小字“ Integer ut purus elit. Maecenas diam tortor, tempor ut gravida eget, eleifend laoreet ligula.”和“Buy Now”此部分字体为Arial,是系统自带的。

Photoshop设计国外木纹风格的网页模板
Photoshop设计国外木纹风格的网页模板

30.将上诉的小产品价格标签合并到一个组,然后复制3个,摆好位置,在左下角和右下角增加一些版权信息和分享按钮,就完成了一封邮件的设计了。

Photoshop设计国外木纹风格的网页模板

分享到: 
Photoshop制作清新的立体网页按钮
Photoshop设计简洁灰色用户登录界面

热门推荐