其他频道 PS工具大全 在线PS 在线ico制作 字体转换器 书法字典
当前位置:首页 > 教程 > 高级实例 >

photoshop cs6制作天猫服饰专题页网页banner

作者:zrone 来源:站酷 更新时间:2012-12-05 返回首页:PS酒吧
这个实例是模仿天猫服饰活动页做的一个banner,在蓝色理想论坛有网友对实例中的立体格子背景做法疑问,我静下心来,花了点时间将效果做出来。立体格子的结构比较简单,主要是要认真观察细节,处理好阴影的效果。
教程详情:
程序: Adobe Photoshop cs6
难度:中级
预计完成时间: 1 小时
天猫服饰banner 高清图片地址:http://pan.baidu.com/share/link?shareid=125546&uk=3708036670源文件下载:http://pan.baidu.com/share/link?shareid=125549&uk=3708036670 最终效果图


下图为天猫服饰原图


第一步
1、按ctrl+N,新建一个文档,大小1200x500px,命名为“tmall_banner”
2、用矩形工具(U),绘制一个 1200x500 的长方形,颜色为 #465074,并将图层命名为“背景01”


第二步
1、复制图层“背景01”,将矩形改成渐变填充(#465074 -- #6676aa -- #465074)
2、添加蒙版,用渐变工具在蒙版上拉出左右两个渐变
注意:渐变条的设置,一边黑色,另外一边透明


顶:1 踩:0 作业:Go! 问答:?

“photoshop cs6制作天猫服饰专题页网页banner”的相关教程和素材: Banner 网页

本周热点教程
Photoshop教程栏目列表