欢迎来到培训无忧网!

全国切换

咨询热线 400-001-5729

位置:培训无忧网 > 新闻资讯 > 电脑/IT > UI设计 >  UI设计学习下简单4步做动效logo

UI设计学习下简单4步做动效logo

来源:www.pxwy.cn 发布人:星星

2022-01-02 12:09:32|已浏览:222次

做动效logo

       第一步,先新建一个1280*720的合成,然后我们需要一个进场动画 ,因为我的图形上是两个圆,所以我用一个小球做一个简单的弹力动画来  引导出logo上的两个圆形。新建一个圆形形状层,在位置上添加关键帧,模拟出弹性动画的效果。

       第二步,弹性小球消失,出现三条线,先给小球做一个消失动画,给一个透明度就行。然后画一个和弹性小球相同大小的线,并且复制两层,先给他们一个透明度,让他们在园消失之后在出来,然后在给一个缩放效果,来模拟出两个圆。
       第三步,根据两个圆的半径画出两个矩形的形状层,给他们做一个位置加透明度。
       第四步,我当初的想法是画一个圆去把矩形的上半部分切掉,但感觉整体有些拖沓了,所以就用类似流星的效果把他滑过。首先我们先用钢笔画一条路径,然后给他做修剪路径。
       最后一步,我们把前面画的所有形状做一个透明度效果,让他慢慢消失,然后再把原logo也做一个透明度,让他慢慢出现,最后给logo做一个旋转动画就可以了。

       其实做这个动效真的不难 ,都是一些很基础的操作。我觉得一个好的logo动效不一定要复杂,炫酷,只要能  清晰的展示出logo形状,行业特点或者公司品牌的都会是一个好的动效,如果用素材网站上那千篇一律的素材的话,反而会没有什么意义,因为,每一个好的logo都是独一无二的,每一个好的动效都是万里挑一的。

       本文由培训无忧网AAA教育课程顾问老师整理发布,更多UI设计课程信息可关注培训无忧网UI设计培训频道或添加老师微信:15033336050

      注:尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-11915.html 违者必究!部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们,了解更多相关资讯请关注UI设计频道查看更多,了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多:150 3333 6050

留下你的信息,课程顾问老师会一对一帮助你规划更适合你的专业课程!
  • 姓名:

  • 手机:

  • 地区:

  • 想学什么:

  • 培训无忧网
免 费 申 请 试 听
提交申请,《培训无忧网》课程顾问老师会一对一帮助你规划更适合你的专业课程!