10分钟搞定电商红包设计！看了这篇教程，再也没加过班！【杰视帮】
今天教程正式开始前，想先问大家一个问题：
大家怎么看点击率这个事。
肯定有很多同学说了，这是运营的事儿，跟我们设计没啥关系。
是，理想状态下，肯定是这样。
但是确实有一些做设计的朋友跟我们吐槽，遇到了垃圾公司，给设计定KPI，让你给店铺引流。
“你这个图点击率不高，多学学人家点击率高的图是怎么做的”
“你这个图差点设计感，你看，都没人买我们的产品”
人家一瓶矿泉水五毛钱，点击率爆了。你家一瓶矿泉水十多块，没几个人看。
然后老板说你设计的图有问题...
慢慢地，很多设计师被迫开始考虑引流。
有这个想法是好事，但是作为一个设计师，做了一年店铺直通车，点击率全网最高。
一年后，你跳槽应聘的时候，你觉得这个直通车可以当成你的作品吗？
不能！如果我们的作品没有质感，点击率再高，对一个设计师而言，都是失败的。
所以，今天，就教大家从0到1，把一个电商大促中常常用的红包，做出质感。
这次的重点是描边和斜面浮雕，再添加亿点点细节。
我们从画草图开始。
首先，任何设计形态都要有来源，不能凭空想象。
举个例子，我们之前做黄老五的草图。
外轮廓形态的设计，绳子、吊牌甚至是翻页的这种感觉，都是有参考，有依据的。
我们要抓住各种现有元素，参考游戏、UI等等，去勾出草图。
回到红包这个主题。
红包红包，肯定是红色的，但是全是红色，容易没有层次感。
所以为了区分，也为了跟我们的主视觉呼应，我们选择了加入蓝色作为对比。
打开一个经常需要维护的网站——花瓣。观察红包的结构、需要的元素…
然后开始思考，如何体现国风。
祥云、对联、灯笼，这些元素大家肯定能想到。花瓣搜祥云，会出现各种样式。
找到合适的参考，很简单。重点在于如何处理。
我们选用了一个较为完整的祥云素材。
找到祥云弧线最大的位置，想办法让它贴合我们的红包。
这里要注意一下，祥云只是装饰，主体是红包，不要喧宾夺主。
然后，在原来素材的基础上，开始简单勾勒祥云的形象。
简单勾出来就行，耐心点，大家都可以搞定~
勾出一边的图案后，水平翻转，在右边也加上一样的，这样这个红包就有点中国味了。
中间这个地方，可以做一些简单的连接。比如做的是我们杰视帮的红包，那就在中间加一个J。
然后通过描边，给这个红包加一些厚度。
随便在上面加点字，看看效果。
发没发现，现在红包的上面太空了，看着很不协调。
底部的图案已经较为复杂了，上面的就可以简化一些。根据底部祥云提取元素，在两侧内部卷起来。
所有步骤的目的，都是加一些层次，让红包看着更有质感。
比如给红包封口的位置再描一个边，有没有感觉更立体了？
再回想，我们刚刚看到的参考图，封口的位置都会加一个圆形装饰。
我们也不要搞特殊，试着加一个。
这就是找参考的意义，多看一些界内成熟的构图，加入自己的元素，这草图不就有了。
草图的绘制过程中，不用抠细节，只需要有一个框架。脑子里有个大概的构图，后面才知道要怎么设计。
再利用点线面，丰富下我们的图标，看下最终效果。
草图搞定后，就要分析质感了。
质感的组成除了描边，还有一个很重要的东西，叫斜面浮雕。
对，就是那个十年前，大家觉得土到掉渣，不屑使用，现在觉得真香的东西。
点开斜面浮雕，大家的预设一般是这个样子。
如果不是，各位朋友，记得调一下。
高光、阴影什么的，大家应该都理解，但是很多线下班的同学都问过我们老师一个问题：
光泽等高线是什么？
解释太多不如做做，我们直接来实践。
做一个圆，自己先拉拉看，感觉一下深度、大小、锐化这些都是什么。
然后，我们来感受光泽等高线。
划重点，非常重的重点！
学会区分这个物体的暗部、亮部和中间调，也就是我们平时说的三大面。
看一下这时候，默认情况下的光泽等高线（记住它的样子）
然后，试试【光泽等高线】中的第二个。
发现变化没，曲线变成了中间高，两边低的小山形。
高光变成暗部，原来的中间调变成高光，而暗部没有变化。
其实，光泽等高线就是利用曲线，重新调整高光、阴影、中间调的分布。理解这个东西对做斜面浮雕非常重要。
光从底部照射。
将样式中的方向由下改成上。
一个小知识点，阴影中的角度位置，不用特别在意。我们只要确定角度中的小圆位于整体的左上方，从而理解光影走向就行。
然后开始调节阴影和高光。
先改颜色，金属质感，肯定亮部偏向亮黄色，暗部选择褐色。
放大观察原图细节。
祥云有内部纹理，而且边缘用了双层描边。另外红包侧面看起来也有一定的厚度。
开搞开搞！
将光泽等高线调成双曲线，双层描边的感觉其实就有了。
感觉描边太厚，就再根据需求调1或2个像素。
具体取多少数值没有明确标准，你可以一个一个去试，之后理解了就直接套用。
这次的红包，金属边偏细，所以，我们选用了高光阴影变化较少的光泽等高线。
（否则变化太多，小细边根本放不下）
然后再拉拉深度，增强层次感。
来看下现在的对比图，是不是就有点那个意思了。
在花瓣上找一个合适的纹理素材，拖进去，开始加颗粒感。
我们贴这种纹理要的是质感，不是颜色。
所以，先把颜色去掉。如果素材不够清晰，就用锐化或者Camera Raw加清晰度。
然后，开始柔光模式，手动对局部进行微调。
调整好后，开始用正片叠底做阴影。
再次划重点，这里全局光一定要关掉，否则将影响其他斜面浮雕的光效。
左右两边的立体度不一致，怎么办？
机智如我，直接复制一层投影，反向再做一次。
做完就是这样。
哈哈哈，是不是看着有点丑。
莫慌！其实有一个操作，好多同学做了多年PS都不知道~
右键【效果--斜面和浮雕--创建图层】，点击确定。就能把刚刚做的这些东西全都转换成图层。
这个操作有多好用，肯定就不用我细说了吧。
有了图层，就可以各种修改了！！！
先把红包外面多余的阴影擦掉。
然后蒙版开始调整。
这块，先保留一份带效果的图层，然后再创建图层开始调整。
这样，如果调整的不满意，可以重新来，避免做无用功。
将各个部分打好组，接着细化。
搞定这些后，开始给红包内部加质感。
没办法确定这个内部质感到底是怎么组成的？
没关系，找一个你觉得纹理上跟参考图比较接近的素材。
拖进来，跟前面一样的逻辑，去色然后柔光。
再降低不透明度，用曲线提亮，增加一点光感。
光从左上方来，用渐变或者画笔增强明暗变化。
到这里，其实红包主体就差不多了，可以开始加字了。
如果嫌字不够粗，可以将字符转化为形状，然后再描边。
想要字体凸出来，就复制一个图层，向下、向右各移动一个像素。
Ctrl加左键，得到选区。
再在图层中把这部分删除。
提亮，这个凸起就出来了。
同理，想做成凹陷，就加重颜色，视觉上，这个字符就凹进去了。
再利用像素边的位置和色彩的变化，做出字体的高光。
按前面的方法，找相似的纹理素材，用斜面浮雕加高光阴影，叠一些光效，给字体加上质感。
这样一个中国风的电商红包，我们就做完了。
是不是很简单，快跟着学起来！
要知道我们电商设计不只要质量，还要速度。
多少同学马上下班了，甲方要改需求了。
地铁都坐到一半，领导一个电话，给你拉回来，叫你加班。
气是真的气啊，可是又没办法，大环境就这样。
所以，速度和质量对电商设计同样重要~
质量决定你不用反复改稿，速度让你就算接到需求也能快速下班。
所以要理解每一步背后的逻辑，搞明白老师为什么要这么做，而不是一味的复刻。
只有这样，把技巧融会贯通，才能真正提高我们的出图效率~
就比如今天这个电商小红包，搞明白了一个，之后就直接套模板，还加什么班啊！
希望大家看完这篇教程能有点收获，在我们可以控制下班时间的时候，少点加班。
最后，用一张老婆的照片当结尾吧，看了也能开心点！
