淘宝装修教程:淘宝店铺banner制作技巧
邱强盛 发布在分类 / 淘宝直播
邱强盛 发布在分类 / 淘宝直播
对于一些中小卖家来说淘宝店铺banner制作非常头疼,今天小编就为大家分享淘宝店铺banner制作技巧。
如何做出高逼格、上档次的淘宝店铺banner呢?
先看下面这个淘宝店铺Banner,有一种镂空和阴影制造的空间感,模特像是钻在纸壳里面的感觉,这种Banner有条件的话直接搭场景拍摄就好了,没条件的话就自己用ps搞掂出来也是可以的制作出来的。
下面一起学习一下吧!接下来我用同样的原理做了另外一个Banner,先看下我自己做完的效果图咯,如下图所示:接下来,我将以上面这个Banner为例,给大家实操一遍,大家一定一定睁开双眼屏住呼吸竖起耳朵听我讲哇!!!~(1)首先分析一下这个Banner:是不是有一种卡片的效果啊,模特有躲在卡片里面的,也有一半身子钻出卡片透气装B的,这种Banner设计的主要难点在于模特和sale之间的多层层级关系,所以到时候需要将模特切割成好几部分然后再拼接在一起,再然后就是模特的姿势和表情选择要与字母的形相贴合,会比较有美感。
(2)好了分析完后,我们就开干吧,先找2个表情姿势比较帅的模特(注意这个选模特姿势是跟我们的英文Sale的形状相关的,不是瞎选的哈):(3)然后用钢笔工具将模特抠出来,ps抠图的时候随手把模特简单修一下并且要抠干净哦(小孩子才用魔棒工具抠图,像我这样的大人都是用钢笔和通道工具抠图哒~):(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加了一个像素的高光描边,最终效果图如下所示:虽然我不觉得应该死板地看参数,但为了照顾一部分新手我还是把参数截图放出来好了。
背景的参数:小字部分内阴影的参数:以上淘宝店铺banner制作技巧就分享到这里,大家学会了吗?
更多关于淘宝装修的干货在可以学习!
我之前也遇到这类问题,后面添加了火星老师微信(msc633)很快帮我解答了,你可以试下。火星老师是电商老司机,他对淘宝开店方面的问题都了解。如果你也是淘宝掌柜,不妨添加试试看。不要说是我推荐的哈,如果你问的不是店铺方面的问题,最好不要去打扰他,哈哈。
学员火星讲师
好的谢谢 我已经添加了还送了一些课程给我学习,幕思城这边服务真好。