商家在淘宝店铺装修的时候都会面临各种难题，如：排版、详情页装修问题，而今天这里给大家讲解的是关于淘宝Banner设计技巧。
先看下面这个Banner，有一种镂空和阴影制造的空间感，模特像是钻在纸壳里面的感觉，所以好几个人问我这个是怎么实现的（要说明的是，这种Banner有条件的话直接搭场景拍摄就好了，没条件的话就自己用ps搞掂出来也是可以的）。
接下来我用同样的原理做了另外一个Banner，先看下我自己做完的效果图咯，如下图所示：
接下来，我将以上面这个Banner为例，给大家实操一遍。
（1）首先分析一下这个Banner：
是不是有一种卡片的效果啊，模特有躲在卡片里面的，也有一半身子钻出卡片透气装B的，这种Banner设计的主要难点在于模特和sale之间的多层层级关系，所以到时候需要将模特切割成好几部分然后再拼接在一起，再然后就是模特的姿势和表情选择要与字母的形相贴合，会比较有美感。
（2）好了分析完后，我们就开干吧，先找2个表情姿势比较帅的模特（注意这个选模特姿势是跟我们的英文Sale的形状相关的，不是瞎选的哈）：
（3）然后用钢笔工具将模特抠出来，抠图的时候随手把模特简单修一下并且要抠干净哦（小孩子才用魔棒工具抠图，像我这样的大人都是用钢笔和通道工具抠图哒～）：
（4）将英文Sale和2个模特都甩到ps的画布里（甩的时候姿势要优美利索～～），得到下面这样一张图：
（5）接下来调整模特和文字大小和布局（当然还有模特的角度和方向，比如左边的模特水平翻转一下可以跟字母S比较贴合）：
（6）接下来就要开始制作卡片效果，另外到这里也就需要一点逻辑思考能力了，先把模特调整为半透明，以便查看模特需要切分为几块：
将Sale设置内阴影，参数你们可以参考下（这个参数你们可以自定义，我这里只是一个参考而已）：
这里的透明度可以按照自己的需要去调整，我这里调整为57％就差不多了，主要是方便查看模特与Sale之间的结构关系：
（7）接下来我们看下sale将模特划分成了几块：
这里，我将1、2、10部分放置在最上层，3、4、7、8、11、12、13部分隐藏在卡片后面（它们是不可见的），5、6、9部分因为卡片镂空的缘故所以即使在卡片下面一层也是可见的。
其中，1、2部分是怎么得到的呢？先ctrl＋enter＋鼠标左键点击sale图层的字符T，得到一个sale选取，然后ctrl＋shift＋i将sale选取反转，就得到一个sale形以外的选取，接着回到右边模特的图层，ctrl＋j复制图层，就得到了1、2部分（我说了这么多快捷键，大家明白了没呀？？这些快捷键都是要记住哒～～），如下图所示：
其中，10部分怎么得到的呢？因为原模特图的胳膊部分是紧压在膝盖上的有点变形了，所以我们需要液化处理下，然后将这一部分胳膊用钢笔工具抠出来，步骤如下：
将红框部分的胳膊向右下方液化涂抹几下，直到看起来像是正常的未被挤压的胳膊：
最后用钢笔工具把红框这部分的胳膊抠图取下来，就得到了上面的10部分：
那么，3、4、7、8、11、12、13部分和5、6、9部分怎么得到的呢？这个很简单哇，继续重复上面的动作，先ctrl＋enter＋鼠标左键点击sale图层的字符T，得到一个sale选区，然后分别点击左右2个模特图层，ctrl＋j复制图层，就得到了下面这几个部分：
（8）将以上所有部分合并拼接，于是噔噔噔噔～～～～得到了下面这张图：
（9）到这一步差不多是把最复杂的部分搞完了，接下来就是细节处理了，比如模特光影／模特肤色等的处理调整，在这里主要就是用到了画笔工具和曲线调整工具：
（10）加上文字就大功告成了
（11）最后检查一遍，感觉画面还是缺点啥，对了缺少一些纸张的纹理，所以我给背景添加了一些纹理，同时给小字部分加了微弱的内阴影，做个内嵌的效果，给sale加了一个像素的高光描边，最终效果图如下所示：
虽然我不觉得应该死板地看参数，但为了照顾一部分新手我还是把参数截图放出来好了：
背景的参数：
小字部分内阴影的参数：
以上，我们的手把手教授的Banne教程就写完了，大家学会了吗？希望对大家有帮助。
*本站部分文字及图片均来自于网络，如侵犯到您的权益，请及时通知我们删除。联系信息：
甩手网
.jpg)
.jpg)
企业QQ 800055007
下载
微信
新浪微博
甩手抖音号
