恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
ae制作弹性文字效果
0.0°
2016-05-16 自译外文 教程 原作者: School of Motion 举报 8175 75 48 16

一个弹性文字效果

看了School of Motion的一个文字效果教程,效果挺好的,做了一遍,简单分享一其中一个文字弹性动画的过程。

效果如下:

Image title

录屏软件录的,可能有点卡,有兴趣的可以下载源文件或者自己做做看。


步骤:


1、输入文字,RUOBILIN

2、给文字添加位置动画,如下图:

Image title



3、给文字y坐标随便设置一个初始值,这里设为446, 如下图:

Image title


5、ctrl+d复制 ‘动画1’,  得到 '动画2' 图层,如下图Image title这时‘动画2’的位置会在446的基础上再增加446,我们将其设置为-446,使其重新回到场景中,如下图:

Image title

ps:为什么要复制一层?因为要做弹性动画,只添加一次 位置 动画,效果不会那么Q弹, 所以需要多添加几次。下面我们还需要继续复制。



6、设置 ‘动画2’ 的形状 ‘下倾斜’    柔和(高) 设为100先, 这样会有个缓动的效果。 给 偏移 添加关键帧动画,从-100到100,如下图:Image title


7、ctrt+d复制 ‘动画2’得到 ‘动画3’,  

我们将 ‘动画3’的位置设为90, 偏移的关键字 往后移动几帧,有个时间差,这样会产生比较好的动画效果。

这时候预览会发现有点跳, 将柔和(高)、柔和(低)的大小重新设置一下, 这里设置为50,这样效果会比较柔和,Image title


8、这个时候弹性效果已经基本出现了,为了使效果更Q弹,我们再复制一层,动画4, 将其位置设为-30, 将偏移的关键帧往后移动几个像素。Image title这时候再预览,弹性效果更好了。  


这么好的效果,我想多次应用咋办? 我们只需要定义成预设,以后就可以直接拿来用了。


9、选择 动画1-4层, 点击菜单栏的动画选项,选择  保存动画预置,如下图:

Image title


10、我们来测试一下保存的预设效果。新建一个合成, 输入文字, 在右侧的 效果和预置 面板中找到我们刚才保存的预设,双击即可应用到文字上。

Image title


教程做的比较简单,有兴趣的可以自己试试。 附上源文件供有需要的同学参考。

更新:2016-05-16

下载
收藏

75人已收藏

若比邻

QQ交流群:586454119

  • 55

    作品

  • 921

    粉丝

  • 46

    关注

  • 上百个AE教程、AE表达式教程
  • 70个AE表达式教程汇总
  • 7个AE、AE表达式教程
  • 两个AE表达式教程

    猜你喜欢

      2016-05-16 自译外文 教程 原作者: School of Motion 举报 8175 75 48 16

      ae制作弹性文字效果

      0.0°

      你确定要举报ae制作弹性文字效果

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年05月16日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      48
      75
      16

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录