Photoshop制作漂亮大气的双十一电商促销主页

双十一是一年中促销力度最大的节日,所以这一天的页面设计也是相当的重要。接下来就给大家分析一下双十一海报的设计过程。
最终效果

 

图片[1]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

一、寻找灵感:

大量找一些促销类型的优秀作品参考,这会给你带来一些灵感。去找一些以往的双十一案例和今年官方的设计风格,还有用了什么元素都要仔细分析,看能不能用到咱们的页面里面来。

 

图片[2]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

图片[3]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

二、颜色参考:

其实这个画面主要就是参考下面这个插画的氛围和颜色,一个画面的氛围营造和颜色有很大关系,尤其是促销页面,颜色漂亮就会吸引消费者眼球。这可是很重要的一点。

 

图片[4]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台
三、步骤解析:

1、用颜色参考的插画,选取两个颜色作为背景渐变。

 

图片[5]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

2、画一个椭圆形,加上青色和紫色的光。

 

图片[6]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

3、画个圆形,加上文案选个亮黄色做简单斜切和变形。

 

图片[7]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

4、加上活动时间,背景用矩形变形做成丝带。

 

图片[8]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

5、给字体加上厚度用加深减淡擦出高光和亮部,丝带同理。

 

图片[9]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台
6、用一个纹理素材叠在文字上,给文字和丝带加上投影。

 

图片[10]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

7、给文案背景家两个深颜色的圆,背景加上投影。

 

图片[11]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

8、文案旁边加上波浪线修饰,左上角加上Logo。

 

图片[12]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

9、用一个矩形和椭圆形,给地面加上星球地貌,给它们一点光影。

 

图片[13]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

10、背景用到今年双十一的圆角矩形元素,给它们加上渐变叠加。放入产品。

 

图片[14]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

11、用画笔给地面和产品加上青色和紫色的环境光。

 

图片[15]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台
12、文案背景和文案还有丝带也统一加上环境光。

 

图片[16]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

13、给他们边缘加些外发光,然后加入光点。

 

图片[17]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

14、用灯光工厂给文案加上光效。

 

图片[18]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

15、接下来咱们来画优惠卷的飞碟,首先把每个面用形状体现出来。

 

图片[19]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

16、给飞碟加上光影,飞碟周围加上灯,圆形内发光加外发光。

 

图片[20]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台
17、飞碟底部加上发射出来的光效,用三个透明度不一样的梯形做。

 

图片[21]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

18、加上文字,文字下加个紫色亮光,飞碟边缘加上青色环境光。

 

图片[22]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

19、复制两个缩小放在左右。

 

图片[23]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

20、最后压暗画面四周突出主体,用色相饱和度提高光整体饱和度。

 

图片[24]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台

 

最终效果:

 

图片[1]-Photoshop制作漂亮大气的双十一电商促销主页-易看设计 - 专业设计师平台
© 版权声明
THE END
喜欢就支持一下吧
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容