• 【理上网来·辉煌十九大】澳大利亚专家:一个强大自信的中国会给世界带来更多机遇 2019-09-03
  • 流行风向标 助你石博会上淘宝 春城壹网 七彩云南 一网天下 2019-09-03
  • 你千万别欺骗,你能欺骗的,都是相信你的人。 2019-08-23
  • 2018中国(哈尔滨)跨境电商合作会议召开 2019-08-02
  • “安全”这张牌在新一轮网约车大战中必不可少 2019-07-03
  • 不同颜色的鼻涕代表什么? 2019-07-03
  • 夺冠热门频“降温”球迷经历“最冷一夜” 2019-06-30
  • 社会主义是一个真正的民主国家,这里的人民当家做主, 2019-06-27
  • 中国人民解放军进驻香港20周年 2019-06-26
  • 中考期间广州部分公交线路有调整 2019-06-26
  • 全民健康体检:精准对接群众期盼 2019-06-23
  • 2012第七届中国常州先进制造技术成果展示洽谈会 2019-06-12
  • 习近平:坚决打好污染防治攻坚战 推动生态文明建设迈上新台阶 2019-06-09
  • 大鱼漫画:看着《创造101》迎世界杯!你要pick谁? 2019-06-06
  • 没考上?没关系。其它学校也能培养建设国家的人才,清华只是名气大点。 2019-06-06
  • 小雨点

    重庆福彩欢乐生肖玩法:AE加载动画的学习分享

    小雨点 AE动效 7955浏览

    欢乐生肖彩票走势图 www.fmv2.com.cn 【原设计来自猫圈小程序】觉得很有意思,临一摹,记录和分享一下学习过程。制作步骤很清晰,大家多动动手,练习下一只可爱的猫咪就能展现出来了~

     

    构思ing:

    Step1.用AI做出猫咪的图;

    Step2.用AE让它动起来,可以看出头尾在动画的一个周期中,开始和结束的位置是相通的,中间有所不同,所以可以通过控制中间尾部的运动速度来实现;

    Step3.AE导出.mov,用ps保存为gif。

    哇感觉好简单赶快做起来…

     

    Step1.用AI做出猫咪的图

    就是同心圆咯,圈圈圆圆圈圈~建立参考线分割成适合的长度,给一个合适的粗细

    Image title

    然后删掉不需要的部分,轮廓化描边,加上眼睛嘴巴~可爱~

    Image title

    把猫咪身体的部分单独导出一个图,会用到~

    Image title

    AI里需要做的就这些啦~因为没有复杂的路径动画,可以直接导出png来用

     

    Step2.用AE让它动起来

    AE新建合成,导入这两张图片

    Image title

    居中新建一个圆形的形状图层(以便找到猫咪的旋转中心)

    Image title

    导入的两个图片对齐圆形边缘,将锚点移动到中心位置(锚点位置如果没对齐转起来会对不上哦)

    Image title

    Image title

    嗯,完成一半了

    因为头尾旋转速度不一样(猫咪身体拉长的效果),复制一个猫咪图层(ctrl+d),分别命名头/尾,用钢笔工具画蒙版

    Image title

    Image title

    先给3个图层相同的2秒360度旋转,加缓动,然后在速度曲线面板里调整速度~就是尾部要比头部转的慢一些,easy~

    Image title

    然后身体图层就是用来填补头部和尾部中间的空隙啦,随便调一下就好了,如果有超出头尾的部分,就画个蒙版遮一下~Image title

     

    Step3.AE导出.mov,用ps保存为gif

    Image title

    这个没什么好说的,就酱~大功告成!

    附件包含ai、ae文件(和小姐姐的爱哈哈~)

     

    原文地址:UI中国

    作者:幻想家
     

    转载请注明:欢乐生肖彩票走势图 » AE加载动画的学习分享

    登录收藏
     
    你可能喜欢的:
    行业思考 | 越来越流行的酷炫动效是否利于你的产品设计?行业思考 | 越来越流行的酷炫动效是否利于你的产品设计?
    重要的动画 - 为你的界面增加价值重要的动画 – 为你的界面增加价值
    四步搞定底部导航动效(下篇)四步搞定底部导航动效(下篇)
    四步搞定底部导航动效(上篇)四步搞定底部导航动效(上篇)
    AE加载动画教程【AE教程】AE加载动画教程【AE教程】
    关于动效赋能产品体验的思考关于动效赋能产品体验的思考
    如何运用Lottie库让动效落地(附Bodymovin插件)如何运用Lottie库让动效落地(附Bodymovin插件)
    1分钟做出一个可爱鬼畜动图!1分钟做出一个可爱鬼畜动图!
    教UI系列教程 - 鸡蛋融体动效教UI系列教程 – 鸡蛋融体动效
    教UI系列教程 - 流动文字动效教UI系列教程 – 流动文字动效
    ?
  • 【理上网来·辉煌十九大】澳大利亚专家:一个强大自信的中国会给世界带来更多机遇 2019-09-03
  • 流行风向标 助你石博会上淘宝 春城壹网 七彩云南 一网天下 2019-09-03
  • 你千万别欺骗,你能欺骗的,都是相信你的人。 2019-08-23
  • 2018中国(哈尔滨)跨境电商合作会议召开 2019-08-02
  • “安全”这张牌在新一轮网约车大战中必不可少 2019-07-03
  • 不同颜色的鼻涕代表什么? 2019-07-03
  • 夺冠热门频“降温”球迷经历“最冷一夜” 2019-06-30
  • 社会主义是一个真正的民主国家,这里的人民当家做主, 2019-06-27
  • 中国人民解放军进驻香港20周年 2019-06-26
  • 中考期间广州部分公交线路有调整 2019-06-26
  • 全民健康体检:精准对接群众期盼 2019-06-23
  • 2012第七届中国常州先进制造技术成果展示洽谈会 2019-06-12
  • 习近平:坚决打好污染防治攻坚战 推动生态文明建设迈上新台阶 2019-06-09
  • 大鱼漫画:看着《创造101》迎世界杯!你要pick谁? 2019-06-06
  • 没考上?没关系。其它学校也能培养建设国家的人才,清华只是名气大点。 2019-06-06