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

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

易看设计师

9年前发布

013310

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

图片[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

设计教程
# PS教程

喜欢就支持一下吧

相关推荐

评论抢沙发

请登录后发表评论

暂无评论内容