快过年了,各种事也是各种忙,特别是年底做汇报的小伙伴一大堆,所以这几天做定制天天忙到很晚!本来打算发些定制设计的内容跟大家分享,无奈好多都有保密协议,不过好在征求了几个朋友的意见后,先来分享几个修改过的设计吧!
之前的几期分享,我们大多是以欧美商务风为主,这种风格相对比较简洁,页面看起来比较清爽,特别是对于封面的设计而言,有时往往就是一个logo加文字就搞定了!
之前一个小伙伴咨询我,就是像这种特别简单的logo+文字的封面动画该怎么做?刚好碰到了类似的定制,所以简单总结下有几个思路:
1.最简单的效果。比如淡入,擦除效果就可以,因为本身可能就是商务简约型的设计,所以也不必太复杂。
2.从线条和色块入手。有的封面可能并没有logo,就是单纯的文字和线条的组合,比如下图的设计
感觉好像线条也没几个,但其实这些也就够了,因为他们本身的线条只是我们最后看到的效果,前面其实可以有大量的效果进行引导。
3.从logo入手。这种就比较有意思了,因为除了结合logo本身的形状之外,我们还要考虑一些潜在的内容,比如logo的寓意,比如广告语等等;虽然自己并不会做logo,但是之前看过一些朋友发的logo的设计动画,类似那种手绘的感觉,也是非常好的设计思路,比如下面的两张图。
预热完毕,今天我们呢就以刚才的三张封面作为案例,聊聊设计的思路吧,敲黑板,划重点喽!老规矩,最后还是会分享给大家源文件哦!
先来看下最后的成最终效果吧!
1110十三期动画库 - 腾讯视频
接下来,我们来逐一分析下。
1.线条类的设计。
比如刚才的第一个效果,因为没有logo的出现,而且画面相对简单,基本上可以适用于很多四个字的名称,甚至一些四个字的成语或者标语也是可以的!所以需要的小伙伴直接改改字就能用哦!
一般这样的封面,我会采取逆向设计的思路,比如最后最终的效果是四个方框□,所以我会先考虑方框的出现,推荐几个出现的方式。
1.放大或者缩小
2.线条擦出。
3.移动飞入等等
如果上一步我选择了缩放的形式,这里会考虑用几个形状进行变形,比如这里可以用一个,也可以用四个进行变化
如果用一个进行变化,接下来就是考虑怎么变到这一步了,比如旋转,比如位移等等,再或者用图形变换,这里就是选择了,图形变化,从圆变到了方框,就是最开始的动画效果
2.logo形状的设计
以第二个效果举例,最初拿到这个logo的时候,感觉真的好简单,简单到无从下手,特别是logo(原logo已经替换掉了,形状类似)本身其实没有很特别的特点,而且在开始的时候也好难理解文案(每把伞都是雨做的)的意思。
一筹莫展之际,随手转了转logo,突然发现,倒过来之后的形状很像一个水波纹,而且logo的取色特别像水滴的感觉,于是就有了下雨的过程中逐渐形成伞的外形的设想!
制作过程中,随着下雨的过程,伞逐渐形成,呼应文案的内容,每把伞都是雨做的,然后插入伞炳,旋转一下就是最终的logo效果了!
再来说说制作过程中的技巧,先是雨滴的制作,路径加淡出就可以了,路径结束的时候加上淡出动画,最后在再记得加上重复次数,做好一个之后,复制若干份然后随机分布就好了
接着给水滴加个涟漪的效果,一个椭圆缩放出现,加上放大的同时伴随淡出效果,最后同样加上重复就好了
下雨和涟漪的效果要想做的相对逼真,最好是错开出现和持续的时间,乱一点反而更加自然,这里可不推荐大家手动调整,因为太多了,最简单的方法,当然使用PA里面的时间序列去调整喽
雨伞的形成过程慢慢灌满的样子,是利用遮罩效果制作的,底层是个波浪的移动效果,想到了不?
剩下的工作就比较简单了,伞炳飞入,然后旋转缩小就好了,这里还有个小技巧,伞炳插入后旋转的时候,因为旋转中心的不一样,所以旋转之后会错位,所以,进入之后的一瞬间,另一个组合后的伞出现,其他两部分同时消失,这时旋转和缩小就摧毁错位喽!快去试试吧!
3.从形状入手
有时一些logo就是从公司的名称演化来的,比如小米的logo,之前在网上搜索素材的时候,无意中发现下面的封面,logo本身就是从字母A变化而来的。
所以这次的思路就是字母演变的过程,先出现字母A,然后填充消失,剩下边框,再切割掉部分边框,最后出现logo效果
几点小技巧,先是切割的过程要快,这样相对逼真一些,接着多余方框掉落的过程适当加上一定角度的旋转,这样更符合物理下落的过程
总结下,封面和logo动画设计的过程,
1.元素少没有关系,加上适当的效果就好
2.从形状,线条,色块和文案里面找灵感
3.讲个故事,和文案配合好!
好啦,今天的内容就这么多,下周见啦?