PS设计教程网欢迎你!

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

文章来源于 未知,感谢作者 PS学堂 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2012-11-13
23.用矩形工具,新建一个236X112 px大小的矩形,颜色设置为#1495c5,添加图层样式 24.在此图层下面新建一个黑色的矩形,旋转到一定的角度 25.执行 滤镜--模糊--高斯模糊 26.移动到合适的位置,不透明度设置为33%,

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设计国外木纹风格的网页模板

进入论坛交作业.:http://www.missyuan.com/viewthread.php?tid=612734

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa