LOGO,代表了一个品牌的形象,随着时代的发展,从最开始的静止LOGO,
,已经发展到动态LOGO了,它的作用就是更加直观的向我们的客户去展示,让客户通过动效了解到我们,把logo变得一目了然。
logo,动起来的样子,真好看!
![80b0ebef7e23654749029d8eb62e5fa0.gif](https://i-blog.csdnimg.cn/blog_migrate/f0c89e23116ad3728d7466f6beb83227.gif)
![611e539638d029a24cc72e858e80b4ef.gif](https://i-blog.csdnimg.cn/blog_migrate/0fa68aff09af3955c867fd0d29c66a9c.gif)
![d8a00834affa1a2beb0a8291277db826.gif](https://i-blog.csdnimg.cn/blog_migrate/6cb6d5deede23beeec60ec65a37518ec.gif)
![77ef627266968586ad17b81e47f67e3a.gif](https://i-blog.csdnimg.cn/blog_migrate/f2a211d672e81c3d236b9c92c1afda8b.gif)
![78f1ed0a00b29577319fd8832dba3530.gif](https://i-blog.csdnimg.cn/blog_migrate/2f679c0c1851a8900dcffbe0b1ebaaa3.gif)
![d3390b792e7f8fd48cc6ab32bbfa5ac8.gif](https://i-blog.csdnimg.cn/blog_migrate/5f2dd913ab23797e60a9ed714ca430fd.gif)
![187e2e3130709ad3a9bdd85517f4beec.gif](https://i-blog.csdnimg.cn/blog_migrate/b1179f40cd411968b91f909c85dbec16.gif)
![84b1ac5bdb00655778ad9ab14e20d1c6.gif](https://i-blog.csdnimg.cn/blog_migrate/3515f0e6f84bce00175ba9cd69759cf9.gif)
![2e3f019726e4149b287d89fc65588c3b.gif](https://i-blog.csdnimg.cn/blog_migrate/4ec272abd02a40a555e81dc4b395e08a.gif)
![f01f300d112690a5a59d89f8218e41f1.gif](https://i-blog.csdnimg.cn/blog_migrate/7b784c20d4aea88056f8e452a0368eba.gif)
![ea9bb9d6af2c2cff4bafcc34707ad6e4.gif](https://i-blog.csdnimg.cn/blog_migrate/99b08c9194b25f5d5972ca15776d4a66.gif)
![45a1cc16bf515b3619fcfaed3a38096b.gif](https://i-blog.csdnimg.cn/blog_migrate/c1faa14c3da4d34abd85a36c6996af56.gif)
![ff3170e504b151cf1216b311f099d779.gif](https://i-blog.csdnimg.cn/blog_migrate/ec718d769b9f523bf493cf32a1f7c171.gif)
![f7e9dd80e08aca809d7517c8b0ee5975.gif](https://i-blog.csdnimg.cn/blog_migrate/9c25a0612099aa323054c2717752c2b3.gif)
![655c21664d831eabd47170ad84cfef64.gif](https://i-blog.csdnimg.cn/blog_migrate/3167ce742ea16e684b5bdbfa767d3dc5.gif)
![47486f3dbbf73668667c414d119381c6.gif](https://i-blog.csdnimg.cn/blog_migrate/60476f589efc916a58f008a8e2ea5a29.gif)
![d4c691e0bc7b32147d117a22f3bf7a4c.gif](https://i-blog.csdnimg.cn/blog_migrate/1585238a18f2bd1bad1633d9365ddcc6.gif)
![af3769c870936317e787053421152651.gif](https://i-blog.csdnimg.cn/blog_migrate/5688ecfa0417c23e5c071172ad2046ad.gif)
![ad18791355dcc31e188a6820953c1149.gif](https://i-blog.csdnimg.cn/blog_migrate/3b6bff580c9ebf7975d908d3a1652548.gif)
![98d6a75d8294d801f732a28822a21505.gif](https://i-blog.csdnimg.cn/blog_migrate/d7540e3d2e41c56632df4764c25d1a93.gif)
![e854d671fcdbca573819fc730b2a406f.gif](https://i-blog.csdnimg.cn/blog_migrate/a0a97005097519bf3f982b383c9afb3f.gif)
![52963ce6d300eb1a55330ccd531053b5.gif](https://i-blog.csdnimg.cn/blog_migrate/14831315cbe0b062da677041663130b2.gif)
![428afb53b6fc8c6955b0ac4cb5b3ea75.gif](https://i-blog.csdnimg.cn/blog_migrate/f10ef6976e47656437aaddadd6112076.gif)
教程分享
作者:设计小哥阿祖
![275326af095a57aa079f617ac3ed5dbb.gif](https://i-blog.csdnimg.cn/blog_migrate/cc592d48a0a9e94d33543de2b9b2a759.gif)
下面我们来看一下要来制作动效的logo,这是我当初的一个平面飞机稿,这个动效的想法很简单,能简明的展示 logo是怎么用几何形去切出来的就行。
![58aa460c01d8ab8e0629e116342abd64.png](https://i-blog.csdnimg.cn/blog_migrate/c29bbe798991eb021901a937d86e39a2.jpeg)
我们使用到软件就是Adobe家族中地位显赫的AE啦!
![43941ca5de32ae19f6658c885c0327ca.png](https://i-blog.csdnimg.cn/blog_migrate/fde62d4c81449cd0bdc5d031a7b76536.jpeg)
第一步,先新建一个1280*720的合成
![448f707b7dcca392d111326a952fa4b3.png](https://i-blog.csdnimg.cn/blog_migrate/1a87b1a8f8912f433f6cb1bc5a5090cb.jpeg)
然后我们需要一个 进场动画 ,因为我的图形上是两个圆,所以我用一个小球做一个简单的弹力动画来 引导 出logo上的两个圆形。新建一个圆形形状层,在位置上添加关键帧,模拟出弹性动画的效果。
![024862e54403431ebf327bc7d4306f67.png](https://i-blog.csdnimg.cn/blog_migrate/90ef2aa4708ae096d3d1d9bc33df6806.jpeg)
第二步,弹性小球消失,出现三条线,先给小球做一个消失动画,给一个透明度就行。然后画一个和弹性小球相同大小的线,并且复制两层,先给他们一个透明度,让他们在园消失之后在出来,然后在给一个缩放效果,来模拟出两个圆。
![4e511fc09f751f0efea4a0c5cfe369e5.png](https://i-blog.csdnimg.cn/blog_migrate/ef35e7f4c860bdef09846f03ce2dc416.jpeg)
第三步,根据两个圆的半径画出两个矩形的形状层,给他们做一个位置加透明度。
![f25e757aa8e65e2d5d216672c3301192.png](https://i-blog.csdnimg.cn/blog_migrate/995292d3266c66336ad465d663506943.jpeg)
第四步,我当初的想法是画一个圆去把矩形的上半部分切掉,但感觉整体有些拖沓了,所以就用类似流星的效果把他滑过。首先我们先用钢笔画一条路径,然后给他做修剪路径,关键帧的位置如下图。
![94814521401730664ab6dcc38ba99437.png](https://i-blog.csdnimg.cn/blog_migrate/6230c33e53d29607142a2e9c0ca462e0.jpeg)
![2d3dc94a63541d49174e3413c33aed08.png](https://i-blog.csdnimg.cn/blog_migrate/78aa28bd099ed95302d499a8273096c2.jpeg)
最后一步,我们把前面画的所有形状做一个透明度效果,让他慢慢消失,然后再把原logo也做一个透明度,让他慢慢出现,最后给logo做一个旋转动画就可以了。
![3bfb25509efbbc6f4dd0b4042dbdd801.png](https://i-blog.csdnimg.cn/blog_migrate/433db0b649502a0b822661cbe6d45061.jpeg)
其实做这个动效真的 不难 ,都是一些很基础的操作。我觉得一个好的logo动效不一定要复杂、炫酷,只要能 清晰的展示 出logo形状、行业特点或者公司品牌的都会是一个好的动效,如果用素材网站上那千篇一律的素材的话,反而会没有什么意义,因为,每一个好的logo都是独一无二的,每一个好的动效都是万里挑一的。