大家,好是我淘宝美工老申,关注我,提升美工实战经验

如果你觉得淘宝美工很难,说明你还没有上道,所掌握的PS知识只是花架子,或者你看了很多假PS教程。

反是视觉设计,做的都是减法,美工也不例外,一张图片,除了产品主体以外,其他的视觉元素都是配角,起到锦上添花的作用。

仔细总结过淘宝图片的小伙们应该有印象,很多店铺的视觉会用一种视觉元素。比如下面这张图:

淘宝美工平面设计技巧(你是越画越难看)(1)

这是天猫首页的全屏广告位,这位置老贵老贵了。海报上那些三角菜、圆形、线条是不是很熟悉?对,这是很多人都爱用的视觉元素。

淘宝美工平面设计技巧(你是越画越难看)(2)

淘宝美工平面设计技巧(你是越画越难看)(3)

图片案例

是不是曾经也用过?或者是不是认为这很简单?对,的确很简单,看这篇文章的小伙伴应该都会,那么问题来了。你在海报设计过程中,有没有真的明白这些元素的特征呢?到底应该怎么用呢?

这些疑问也将在今天的分享里逐一解答,也是我们今天的主要内容:如果利用普通的三角形增加画面的动感,营造出震撼的视觉效果。

知识要点:

1 这些视觉元素的绘制方法很多,比如多边形套索工个、钢笔工具、多边形工具等;

2 整个画面是以产品为中心,向周发散形成的爆炸张力;

3 需要给这些不规则图形增加动感,动静结合效果更好。

结合这三个要点,我们开始制作这种图片

第一步:新建图层,选择钢笔工具,绘制第一个三角形:

淘宝美工平面设计技巧(你是越画越难看)(4)

注意:

1 三角形的位置、大小、形状并没有标准,根据你的产品和图片来调整。

第二步:再新建图层,绘制另一个三角形:

淘宝美工平面设计技巧(你是越画越难看)(5)

第三步:新建图层,绘制三角形,这里我们就变换一下,只把三角形描边。

淘宝美工平面设计技巧(你是越画越难看)(6)

第四步:新建图层,绘制四边形,

淘宝美工平面设计技巧(你是越画越难看)(7)

继续这些简单的操作,绘制不同形状、大小的几何图形,并调整到不同的位置。我们只要记住:它是以产品为中心,向四周发散爆炸效果:

淘宝美工平面设计技巧(你是越画越难看)(8)

到这里,几何形状基本搞定,视觉上: 形状、规格、大小不同

接下来,我们给这些形状制作动静效果。方法就是:滤镜——模糊——动感模糊

第五步:选择一个比较大的形状,添加滤镜——模糊——动感模糊

淘宝美工平面设计技巧(你是越画越难看)(9)

在弹出来的窗口,设置相应的大小和角度

淘宝美工平面设计技巧(你是越画越难看)(10)

技巧:不同位置和不同形状的几何形状,这里的方向与距离,它们的参数都不同的。在调整的时候,我们的脑海里只要记住:产品是爆炸的中心。另外,不同大小和形状,可以把它想象成不同的距离空间。

淘宝美工平面设计技巧(你是越画越难看)(11)

通过以上方法,我们可以得出一个相对满意的效果:

淘宝美工平面设计技巧(你是越画越难看)(12)

注意:之前绘制的图形,它们的位置、大小、形状、方向都是可以调整的,直到我们感觉还可以的时候就可以了。

我们对比一下,虽然只是几个瞎画的几何形状,但它却让画面产生了一种爆炸的张力效果。

淘宝美工平面设计技巧(你是越画越难看)(13)

接下来,我们就可以添加文字和背景了。比如,我们找一个地面,就是把这个卷尺放在地上的效果

淘宝美工平面设计技巧(你是越画越难看)(14)

第六步:直接百度我们想要的图片,然后在图片点击右键——复制图片,然后回到PS,直接按下Ctrl V就可以粘贴了。同时Ctrl T自由变换,将图片调到我们满意的大小。如下图

淘宝美工平面设计技巧(你是越画越难看)(15)

第七步:给背景添加一个图层蒙板,将素材上面的建筑给抹掉,只留下地面,这里可以配合图层透明度一起操作,更灵活。

淘宝美工平面设计技巧(你是越画越难看)(16)

第八步:给海报配上文字,调整到相应的位置即可大功告成。

淘宝美工平面设计技巧(你是越画越难看)(17)

简单粗暴,刚好有效!

淘宝美工平面设计技巧(你是越画越难看)(18)

好了,今天的分享到这里就结束啦,是不是很简单呀?在用这样的元素的时候,注意三个细节

1 形状、大小不同,

2 需要用到动感模糊滤镜

3 没办法一步到位,多尝试几次。

学会了就点个赞,明天我们继续分享。

,