hanhuduying 发表于 2015-10-25 18:11:09

Photoshop制作双十一电商促销海报教程

双十一是一年中促销力度最大的节日,所以这一天的页面设计也是相当的重要。接下来就给大家分析一下双十一海报的设计过程。最终效果
http://pic.16xx8.com/allimg/151022/204339E07-0.jpg
作者:巧匠视觉 出处:站酷

hanhuduying 发表于 2015-10-25 18:11:09

一、寻找灵感:大量找一些促销类型的优秀作品参考,这会给你带来一些灵感。去找一些以往的双十一案例和今年官方的设计风格,还有用了什么元素都要仔细分析,看能不能用到咱们的页面里面来。
http://pic.16xx8.com/allimg/151022/2043392F4-1.jpg

http://pic.16xx8.com/allimg/151022/2043393214-2.jpg

hanhuduying 发表于 2015-10-25 18:11:09

二、颜色参考:其实这个画面主要就是参考下面这个插画的氛围和颜色,一个画面的氛围营造和颜色有很大关系,尤其是促销页面,颜色漂亮就会吸引消费者眼球。这可是很重要的一点。
http://pic.16xx8.com/allimg/151022/2043395450-3.jpg

hanhuduying 发表于 2015-10-25 18:11:09


三、步骤解析:1、用颜色参考的插画,选取两个颜色作为背景渐变。
http://pic.16xx8.com/allimg/151022/2043394R6-4.jpg

hanhuduying 发表于 2015-10-25 18:11:09

2、画一个椭圆形,加上青色和紫色的光。
http://pic.16xx8.com/allimg/151022/204339AV-5.jpg

hanhuduying 发表于 2015-10-25 18:11:09

3、画个圆形,加上文案选个亮黄色做简单斜切和变形。
http://pic.16xx8.com/allimg/151022/20433ab8-6.jpg

hanhuduying 发表于 2015-10-25 18:11:09

4、加上活动时间,背景用矩形变形做成丝带。
http://pic.16xx8.com/allimg/151022/2043391207-7.jpg

hanhuduying 发表于 2015-10-25 18:11:09

5、给字体加上厚度用加深减淡擦出高光和亮部,丝带同理。
http://pic.16xx8.com/allimg/151022/20433920S-8.jpg

hanhuduying 发表于 2015-10-25 18:11:09


6、用一个纹理素材叠在文字上,给文字和丝带加上投影。
http://pic.16xx8.com/allimg/151022/2043393557-9.jpg

hanhuduying 发表于 2015-10-25 18:11:09

7、给文案背景家两个深颜色的圆,背景加上投影。
http://pic.16xx8.com/allimg/151022/20433a302-10.jpg

hanhuduying 发表于 2015-10-25 18:11:09

8、文案旁边加上波浪线修饰,左上角加上Logo。
http://pic.16xx8.com/allimg/151022/20433aL1-11.jpg

hanhuduying 发表于 2015-10-25 18:11:09

9、用一个矩形和椭圆形,给地面加上星球地貌,给它们一点光影。
http://pic.16xx8.com/allimg/151022/2043392424-12.jpg

hanhuduying 发表于 2015-10-25 18:11:09

10、背景用到今年双十一的圆角矩形元素,给它们加上渐变叠加。放入产品。
http://pic.16xx8.com/allimg/151022/2043395122-13.jpg

hanhuduying 发表于 2015-10-25 18:11:09

11、用画笔给地面和产品加上青色和紫色的环境光。
http://pic.16xx8.com/allimg/151022/2043394Y0-14.jpg

hanhuduying 发表于 2015-10-25 18:11:09


12、文案背景和文案还有丝带也统一加上环境光。
http://pic.16xx8.com/allimg/151022/20433921S-15.jpg
页: [1] 2
查看完整版本: Photoshop制作双十一电商促销海报教程