赖家宽 发表于 2015-1-10 02:13:04

没时间找图材?教你1小时速成电商海报

在目前众多的电商BNNANER里,大多往往都是以文字放大搭配产品形式去突出主题,只有少数是以实拍图形式去展示。因为时间赶,无法精心绘制一张海报。想要速成一张主流能引人眼球的海报,又不知该如何下手,现在认真学一遍,保你以后时间再赶,BANNER还是棒棒的。

       
http://pic.16xx8.com/allimg/150109/jc09856978_01.jpg
提示:教程详细步骤在二楼!想下载该教程的可以到这里下载:点击进入下载页教程编号:0 作者:肯西西 出处:站酷

赖家宽 发表于 2015-1-10 02:13:04

没时间找图材?教你1小时速成电商海报



        新建BNANER大小尺寸的文档。将文案输入,选好字体,选中文本图层,右键转换为形状。

       
http://pic.16xx8.com/allimg/150109/jc09856978_02.jpg

赖家宽 发表于 2015-1-10 02:13:04

没时间找图材?教你1小时速成电商海报



        先从2014开始动手,使用钢笔工具选中,然后CTRL+T拉成又高又瘦的样子。

       
http://pic.16xx8.com/allimg/150109/jc09856978_03.jpg

赖家宽 发表于 2015-1-10 02:13:04

没时间找图材?教你1小时速成电商海报



        按住CTRL+单击鼠标左键选中2的尾巴,选中后,再按住SHIFT+ → 键让尾巴与0接上。

       
http://pic.16xx8.com/allimg/150109/jc09856978_04.jpg

赖家宽 发表于 2015-1-10 02:13:04

没时间找图材?教你1小时速成电商海报



        14的连接,在如红标1左出头的平行线处点击右键添加两个描点。(下图左1)

        选中一个描点,按住SHIFT+→移动会看到钢笔移动出来的线是弯的,按住ALT+左键点击下图2中的点线就变成直角了。年字也是一样,拉高拉瘦接上。

       
http://pic.16xx8.com/allimg/150109/jc09856978_05.jpg

赖家宽 发表于 2015-1-10 02:13:04

没时间找图材?教你1小时速成电商海报



        度字也是一样,拉高拉瘦广字旁的尾巴对准年字长出来的那横。如下图左1 。这里广字旁尾巴与像素格子不对齐(下图2)。若放大看会有锯齿感,我们需要按住CTRL+鼠标左键再点击描点移动到与像素格子直角对齐的角那即可(下图3)。

        直角对齐了,那就字体接上就不会有锯齿感了,将年字的一竖拉长,一横也拉长,接上度字。如下图四。

       
http://pic.16xx8.com/allimg/150109/jc09856978_06.jpg

赖家宽 发表于 2015-1-10 02:13:04

没时间找图材?教你1小时速成电商海报



        “好货”两个字,要让他们酷炫一点,如下图1里框住的描点,右键删除描点,将好的女字旁第一笔尾巴按住SHIFT+↓+→ ,多按几次就变成下图右上角那样了。货字拉伸后会出现下图3的情况,原因是之前的开关有钢笔拉伸状态记忆在那,我们只要按住ALT+左键点击下图四框住的四个描点,将其变成直角状态即可。在两个字的尖角对齐上和上个问题一样,像素格子的问题,按住CTRL+左键移动到格子的直角处即可(下图五)

       
http://pic.16xx8.com/allimg/150109/jc09856978_07.jpg

赖家宽 发表于 2015-1-10 02:13:04

没时间找图材?教你1小时速成电商海报



        看了接好后的字体发现虽然有些特色了,但是还不够劲的感觉,那么从2字头开始,选中2开头下面的那个描点,右键删除描点(下图1),其他文字也是一样如下图示。为了让所有看起来与众不同,点字特意找了其他像素格子字体替代点,复制了两个重叠让他们的点多了些。

       
http://pic.16xx8.com/allimg/150109/jc09856978_08.jpg

赖家宽 发表于 2015-1-10 02:13:04

没时间找图材?教你1小时速成电商海报



        接下来让字体倾斜,看着更有劲的感觉,选中字体按住CTRL+T,左键按住上中的点,按住CTRL+SHIFT向右拖动。

       
http://pic.16xx8.com/allimg/150109/jc09856978_09.jpg

赖家宽 发表于 2015-1-10 02:13:04

没时间找图材?教你1小时速成电商海报



        后面整装待发和上面是同样的道理,为了让整体更凸显一点冲击感,给矩形添加蒙版用橡皮擦在“发”字长出来的那部分抹涂出冲击的感觉。

       
http://pic.16xx8.com/allimg/150109/jc09856978_10.jpg

赖家宽 发表于 2015-1-10 02:13:04

没时间找图材?教你1小时速成电商海报



        于是整个字体设计到这一步就完成了。

       
http://pic.16xx8.com/allimg/150109/jc09856978_11.jpg

赖家宽 发表于 2015-1-10 02:13:04

没时间找图材?教你1小时速成电商海报



        给字体添加阴影,复制一个字体图层,将颜色变为黑色,栅格化,滤镜》模糊》动感模糊。

       
http://pic.16xx8.com/allimg/150109/jc09856978_12.jpg

赖家宽 发表于 2015-1-10 02:13:04

没时间找图材?教你1小时速成电商海报



        到了设计背景这一步了,目前不规则矩形背景还挺流行的,果断加入豪华午餐中。颜色不能凸显文字,来学学调色,首先增加自然饱和度,在这里要说明下自然饱和度比饱和度增加色彩鲜明更自然不刺眼,按着调节色相,增加饱和度,由于这个背景是青色与绿色共存的,所以青色值也要跟着调节一下。

       
http://pic.16xx8.com/allimg/150109/jc09856978_13.jpg

赖家宽 发表于 2015-1-10 02:13:04

没时间找图材?教你1小时速成电商海报



        制作爆发效果,增加层次感与视觉冲击感。使用三角矩形,复制一个图层执行滤镜》模糊》动感模糊,数值请自行把握,按住SHIFT角度旋转每个角度都复制一个图层来执行滤镜模糊。最后再给背景增加纹理。

       
http://pic.16xx8.com/allimg/150109/jc09856978_14.jpg

赖家宽 发表于 2015-1-10 02:13:04

没时间找图材?教你1小时速成电商海报



        添加产品,添加其他促销信息,刚好一个钟,完成率啦,是不是又快速又效率呢?在急的时候不妨试一试这招,可以完效出图。当然,你必须得按照主题选择适合的文字,可以在字体里将一些偏旁或点去掉添加其他的矢量图标进去替代,还有背景的配色调节总体搭配,才能凸显文字,配合主题,我不是大神,但请记住我这一句话:若没本事,就请沉住心态去提升自己,烦躁与抱怨只会降低生活各种细节能量。

       
http://pic.16xx8.com/allimg/150109/jc09856978_15.jpg
页: [1]
查看完整版本: 没时间找图材?教你1小时速成电商海报