【呆大的动画库】来聊聊封面和logo动画那点事

       快过年了,各种事也是各种忙,特别是年底做汇报的小伙伴一大堆,所以这几天做定制天天忙到很晚!本来打算发些定制设计的内容跟大家分享,无奈好多都有保密协议,不过好在征求了几个朋友的意见后,先来分享几个修改过的设计吧!


        之前的几期分享,我们大多是以欧美商务风为主,这种风格相对比较简洁,页面看起来比较清爽,特别是对于封面的设计而言,有时往往就是一个logo加文字就搞定了!

       之前一个小伙伴咨询我,就是像这种特别简单的logo+文字的封面动画该怎么做?刚好碰到了类似的定制,所以简单总结下有几个思路:

     1.最简单的效果。比如淡入,擦除效果就可以,因为本身可能就是商务简约型的设计,所以也不必太复杂。

     2.从线条和色块入手。有的封面可能并没有logo,就是单纯的文字和线条的组合,比如下图的设计

01

    感觉好像线条也没几个,但其实这些也就够了,因为他们本身的线条只是我们最后看到的效果,前面其实可以有大量的效果进行引导。

      3.从logo入手。这种就比较有意思了,因为除了结合logo本身的形状之外,我们还要考虑一些潜在的内容,比如logo的寓意,比如广告语等等;虽然自己并不会做logo,但是之前看过一些朋友发的logo的设计动画,类似那种手绘的感觉,也是非常好的设计思路,比如下面的两张图。

02

      预热完毕,今天我们呢就以刚才的三张封面作为案例,聊聊设计的思路吧,敲黑板,划重点喽!老规矩,最后还是会分享给大家源文件哦!

      先来看下最后的成最终效果吧!

1110十三期动画库 - 腾讯视频

      接下来,我们来逐一分析下。

1.线条类的设计。

      比如刚才的第一个效果,因为没有logo的出现,而且画面相对简单,基本上可以适用于很多四个字的名称,甚至一些四个字的成语或者标语也是可以的!所以需要的小伙伴直接改改字就能用哦!

01

       一般这样的封面,我会采取逆向设计的思路,比如最后最终的效果是四个方框□,所以我会先考虑方框的出现,推荐几个出现的方式。

     1.放大或者缩小

     2.线条擦出。

     3.移动飞入等等

效果举例

      如果上一步我选择了缩放的形式,这里会考虑用几个形状进行变形,比如这里可以用一个,也可以用四个进行变化

      如果用一个进行变化,接下来就是考虑怎么变到这一步了,比如旋转,比如位移等等,再或者用图形变换,这里就是选择了,图形变化,从圆变到了方框,就是最开始的动画效果

2.logo形状的设计

       以第二个效果举例,最初拿到这个logo的时候,感觉真的好简单,简单到无从下手,特别是logo(原logo已经替换掉了,形状类似)本身其实没有很特别的特点,而且在开始的时候也好难理解文案(每把伞都是雨做的)的意思。

       一筹莫展之际,随手转了转logo,突然发现,倒过来之后的形状很像一个水波纹,而且logo的取色特别像水滴的感觉,于是就有了下雨的过程中逐渐形成伞的外形的设想!

logo特点

   制作过程中,随着下雨的过程,伞逐渐形成,呼应文案的内容,每把伞都是雨做的,然后插入伞炳,旋转一下就是最终的logo效果了!

     再来说说制作过程中的技巧,先是雨滴的制作,路径加淡出就可以了,路径结束的时候加上淡出动画,最后在再记得加上重复次数,做好一个之后,复制若干份然后随机分布就好了

     接着给水滴加个涟漪的效果,一个椭圆缩放出现,加上放大的同时伴随淡出效果,最后同样加上重复就好了

     下雨和涟漪的效果要想做的相对逼真,最好是错开出现和持续的时间,乱一点反而更加自然,这里可不推荐大家手动调整,因为太多了,最简单的方法,当然使用PA里面的时间序列去调整喽

下雨效果

雨伞的形成过程慢慢灌满的样子,是利用遮罩效果制作的,底层是个波浪的移动效果,想到了不?

      剩下的工作就比较简单了,伞炳飞入,然后旋转缩小就好了,这里还有个小技巧,伞炳插入后旋转的时候,因为旋转中心的不一样,所以旋转之后会错位,所以,进入之后的一瞬间,另一个组合后的伞出现,其他两部分同时消失,这时旋转和缩小就摧毁错位喽!快去试试吧!

3.从形状入手

         有时一些logo就是从公司的名称演化来的,比如小米的logo,之前在网上搜索素材的时候,无意中发现下面的封面,logo本身就是从字母A变化而来的。

    所以这次的思路就是字母演变的过程,先出现字母A,然后填充消失,剩下边框,再切割掉部分边框,最后出现logo效果

03

       几点小技巧,先是切割的过程要快,这样相对逼真一些,接着多余方框掉落的过程适当加上一定角度的旋转,这样更符合物理下落的过程


     总结下,封面和logo动画设计的过程,

     1.元素少没有关系,加上适当的效果就好

     2.从形状,线条,色块和文案里面找灵感

     3.讲个故事,和文案配合好!

     好啦,今天的内容就这么多,下周见啦?

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,033评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,725评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,473评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,846评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,848评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,691评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,053评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,700评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,856评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,676评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,787评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,430评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,034评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,990评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,218评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,174评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,526评论 2 343

推荐阅读更多精彩内容