美文网首页设计
logo设计-动效

logo设计-动效

作者: cool_cf4d | 来源:发表于2019-07-28 17:15 被阅读0次

对公司分部门现有的logo进行了一个改版,索性出一个logo的动效教程。以下就是改版后的logo。

一、确定所需要做的动效

1、制作logo背景形状动效 2、制作U的动效 3、制作I的动效 4、制作消失动效

二、制作logo背景形状动效

1、”合成 - 新建合成“ 新建一个1000*800的合成

2、“图层 - 新建 - 纯色”创建一个#00A8FF的图层

3、在AI中绘制一个六边形

4、复制AI中的这个形状,粘贴到AE中,一个六边形就出来了

5、选中纯色图层,选择“S”,在初始点打上关键帧并且调整为0,然后选择“R”,在初始点打上关键帧,然后选择“U”即可显示所有的活动帧

6、在“15F”处将缩放调整到100,旋转调整到1X

7、可以打开"Form"调整“缩放”的动画曲线

8、打开运动模糊可以减少生硬感

三、制作U的动效由于要用钢笔进行描边,所以可以将新做的科赋logo放进AE合成中用钢笔工具“l”进行描边

1、打开添加后的“修剪路径”  

2、打开修剪路径,在“15F”处打上“结束”的关键帧,并且调整为0,然后在01:10f处调整为100,打开“Form”选择缓动曲线替换上去

3、接下来需要创建圆球掉落的效果,新建一个圆形,“图层 - 新建 - 新建形状图层”,然后在添加中选择“椭圆”、“填充”

4、将其圆点缩放到适合大小并且放到 I 上方

5、将其红点改为白点,打开位置“P”属性,在15F处打上关键帧,然后在01:00F处移到 I 的上方

6、打开"Form"选中缓动曲线替换上去

7、可以选择“效果 - 时间 - 残影”并且调整参数,残影时间“-0.001”数量“50”

8、接下来调整 I 的时间轴,将其后移并设置其时间轴长度为10f 。

四、制作I的动效首先制作 < 的动效 可以按照上面做 I 的步骤继续用钢笔沿着 < 进行描边,并且做出动效,可以在 < 加上一个缓动,由快到慢

大功告成!

相关文章

  • 近两年的设计趋势

    1.1 动效设计和动画设计 我认为动效设计会是主要趋势,因为在几乎所有的设计领域都能用到动效,从微动效到Logo和...

  • logo设计-动效

    对公司分部门现有的logo进行了一个改版,索性出一个logo的动效教程。以下就是改版后的logo。 一、确定所需要...

  • AE教程:学会这个,你做的Logo就可以单独出道了

    一、确定所需要做的动效 1、制作logo背景形状动效 2、制作U的动效 3、制作I的动效 4、制作消失动效 二、制...

  • 试错产品(追剧),上瘾了

    最近看《延禧攻略》 作业内容: 根据交互稿完成指定页面的设计 完成桌面logo的设计 根据交互稿完成指定的动效设计...

  • 动效设计-交互设计的最后一公里(三)

    在《动效设计-交互设计的最后一公里(一)》中,作者已经将动效的类型划分为四种:品牌类动效、引导类动效、转场类动效、...

  • 近日动效设计

    最近的一些动效工作和练习作品 信商产品App动效设计 动效设计练习作品

  • 动效设计

    我的动效设计,sketch绘图,principle制作动效。

  • 动效设计之我见

    在这个动效设计元年,动效设计似乎也变成了设计师必备的技能之一,那么笔者就来分享一下自己对于动效设计的见解吧。 工具...

  • Principle: 做动效,选对软件很重要

    你有多久没做动效了?平时的工作主要是终端视觉设计,功能需求加运营需求,静态稿件加动效设计,从比例来看,动效设计其实...

  • 图标动效设计灵感,让你的图标动起来

    动效设计已经成为了一种设计流行趋势,动效在设计中被越来越广泛的运用,好的动效设计对用户体验的提升是显而易见的,它的...

网友评论

    本文标题:logo设计-动效

    本文链接:https://www.haomeiwen.com/subject/axqrrctx.html