织梦CMS - 轻松建站从此开始!

我的网站

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

时间:2014-06-11 21:03来源:未知 作者:PS学堂 点击:
23.用矩形工具,新建一个236X112 px大小的矩形,颜色设置为#1495c5,添加图层样式 24.在此图层下面新建一个黑色的矩形,旋转到一定的角度 25.执行 滤镜--模

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

(责任编辑:RGB)
织梦二维码生成器
顶一下
(2)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容