当前位置:首页>ps实例教程>ps网页设计>淘宝美工>教程内容

ps设计淘宝活动宣传海报实例

来源:思缘论坛 作者:Aman.zr 学习:33158人次

这个实例是模仿天猫服饰活动页做的一个banner,在蓝色理想论坛有网友对实例中的立体格子背景做法疑问,我静下心来,花了点时间将效果做出来。立体格子的结构比较简单,主要是要认真观察细节,处理好阴影的效果。

高清图片:http://pan.baidu.com/share/link?shareid=125546&uk=3708036670

教程详情

程序: Adobe Photoshop cs6

难度:中级

预计完成时间: 1 小时

天猫服饰banner 最终效果图

Photoshop设计淘宝活动海报背景教程,PS教程,16xx8.com教程网

下图为天猫服饰原图

Photoshop设计淘宝活动海报背景教程,PS教程,16xx8.com教程网

第一步

1、按ctrl+N,新建一个文档,大小1200x500px,命名为“tmall_banner”

2、用矩形工具(U),绘制一个 1200x500 的长方形,颜色为 #465074,并将图层命名为“背景01”

Photoshop设计淘宝活动海报背景教程,PS教程,16xx8.com教程网

第二步

1、复制图层“背景01”,将矩形改成渐变填充(#465074 -- #6676aa -- #465074)

2、添加蒙版,用渐变工具在蒙版上拉出左右两个渐变

注意:渐变条的设置,一边黑色,另外一边透明

Photoshop设计淘宝活动海报背景教程,PS教程,16xx8.com教程网

第三步

1、制作单个格子,用矩形工具(U),绘制一个 125x125 的正方形,颜色 #465173

2、对齐正方形边缘拉出参考线,并在添加4个节点,如下图所示

3、删除相应节点,并向上移动底部中间的节点

Photoshop设计淘宝活动海报背景教程,PS教程,16xx8.com教程网

 

第四步

1、复制上一步生成的图层,命名为“底板” 颜色改为#7789c7,调整节点如下图

2、用钢笔工具(P),绘制左边侧板形状,颜色 #6579af,接着绘制右侧板 颜色为 #596792

Photoshop设计淘宝活动海报背景教程,PS教程,16xx8.com教程网

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
xunmeng2019-01-11 11:50
给力
风拂扬柳2018-03-11 04:53
atta
你很潮小心发臭2017-05-24 05:38
折腾半天,终于做出来了
你很潮小心发臭2017-05-24 05:05
折腾半天,终于做出来了
浩海营销网2017-05-18 10:52
删除节点哪个怎么做的啊
浩海营销网2017-05-18 10:05
删除节点哪个怎么做的啊
沉淀茶叶2016-12-19 05:06
请指教
沉淀茶叶2016-12-19 05:12
请指教
candy的快乐生活22016-06-03 08:08
candy的快乐生活22016-06-03 08:06
喵er_大脸猫2015-11-25 05:18
171659rv9fa67v6622olo9.jpg
喵er_大脸猫2015-11-25 05:11
171659rv9fa67v6622olo9.jpg
圣诞岛西毒2012-12-06 04:29
给力
嘉荫帅哥2012-12-06 04:29
给力
兰小黎2012-12-06 04:29
给力

关注大神微博加入>>

网友求助,请回答!