• 习近平:坚决打好污染防治攻坚战 推动生态文明建设迈上新台阶 2019-05-14
  • 49只“神话之鸟”中华凤头燕鸥返回象山韭山列岛 2019-05-14
  • 海外购房“热”藏匿的风险 ——凤凰房产海外 2019-05-13
  • 图解:建军90周年阅兵最受瞩目的十大武器装备 2019-05-13
  • 乐清湾跨海大桥雄伟壮观 2019-05-12
  • 杰森·斯坦森:《巨齿鲨》水下拍摄难度大 2019-05-12
  • 王珂晒老婆刘涛青涩军装照 小脸肉嘟嘟 2019-05-12
  • 【吐鲁番天气】最新吐鲁番今天天气,实时提供吐鲁番气温、空气质量、24小时天气预报、生活指数查询 2019-05-11
  • 河南鲁山:端午节民俗地图  端午槲坠——深山槲叶悠悠香  2019-05-11
  • 习近平祝酒辞阐释“上海精神”新内涵 2019-05-11
  • 被问是否承认“爆红” 陈伟霆的高情商回答亮了 2019-05-11
  • 夺取新时代中国特色社会主义伟大胜利 2019-05-10
  • 他是我国火箭推进剂创始人之一,90岁又捐出300万元!他常说“功劳是大家的” 2019-05-10
  • 狄莺阳台跪地祷告 豪宅出售暂无买家 2019-05-10
  • 张德江:着力深化和拓展代表工作,充分发挥代表作用 2019-05-09
  • 小雨点

    时时彩改欢乐生肖:AE加载动画的学习分享

    小雨点 AE动效 4552浏览

    欢乐生肖彩票走势图 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加载动画的学习分享

    登录收藏
     
    你可能喜欢的:
    关于动效赋能产品体验的思考关于动效赋能产品体验的思考
    如何运用Lottie库让动效落地(附Bodymovin插件)如何运用Lottie库让动效落地(附Bodymovin插件)
    1分钟做出一个可爱鬼畜动图!1分钟做出一个可爱鬼畜动图!
    教UI系列教程 - 鸡蛋融体动效教UI系列教程 – 鸡蛋融体动效
    教UI系列教程 - 流动文字动效教UI系列教程 – 流动文字动效
    motion2插件实现的连线动效iconmotion2插件实现的连线动效icon
    教UI系列教程 - 球形火花动效教UI系列教程 – 球形火花动效
    QQ小企鹅AE动效学习分享QQ小企鹅AE动效学习分享
    教UI系列教程 - 大雨滚落动效教UI系列教程 – 大雨滚落动效
    AE小动画02—流体动画AE小动画02—流体动画
    ?
  • 习近平:坚决打好污染防治攻坚战 推动生态文明建设迈上新台阶 2019-05-14
  • 49只“神话之鸟”中华凤头燕鸥返回象山韭山列岛 2019-05-14
  • 海外购房“热”藏匿的风险 ——凤凰房产海外 2019-05-13
  • 图解:建军90周年阅兵最受瞩目的十大武器装备 2019-05-13
  • 乐清湾跨海大桥雄伟壮观 2019-05-12
  • 杰森·斯坦森:《巨齿鲨》水下拍摄难度大 2019-05-12
  • 王珂晒老婆刘涛青涩军装照 小脸肉嘟嘟 2019-05-12
  • 【吐鲁番天气】最新吐鲁番今天天气,实时提供吐鲁番气温、空气质量、24小时天气预报、生活指数查询 2019-05-11
  • 河南鲁山:端午节民俗地图  端午槲坠——深山槲叶悠悠香  2019-05-11
  • 习近平祝酒辞阐释“上海精神”新内涵 2019-05-11
  • 被问是否承认“爆红” 陈伟霆的高情商回答亮了 2019-05-11
  • 夺取新时代中国特色社会主义伟大胜利 2019-05-10
  • 他是我国火箭推进剂创始人之一,90岁又捐出300万元!他常说“功劳是大家的” 2019-05-10
  • 狄莺阳台跪地祷告 豪宅出售暂无买家 2019-05-10
  • 张德江:着力深化和拓展代表工作,充分发挥代表作用 2019-05-09