header_v0.7.32

续·弹性表达式示例(附原文件)

2年前发布

原创文章 / UI / 教程
惊叹号设计 原创,如需商业用途或转载请与惊叹号设计联系,谢谢配合。

一些弹性小练习分享。

hello,發現上一篇文章沒有附上示例,所以昨晚回家搞了几个。本篇文章是对上一篇文章《如果用表达式实现逼真弹性动画》的一个示例补充,并附上Ae的源文件供我们一次交流学习哟(请用cc 12或以上的Ae版本打开)。


源文件里有5个示例,都是围绕着弹性动画展开的一些小交互动画。其中运用了许多我们之前学过的表达式语句,如表达式关联,延时,映射等等。

并且所有示例我都是尽量按“最少关键帧原则”进行的。个人认为在使用Ae做动画演示时,多用表达式可以培养我们的“程序思维”(仅在Ui交互动效范围内讨论)。


即同一个动画你用“传统思维”可能是这样的:A在0秒时缩放为100%,1秒时缩放为150%;A在0秒时透明度为0%,1秒时透明度为100%;


“程序思维”:A在0秒时缩放为100%,1秒时缩放为150%;A缩放为100%时透明度为0%,A缩放为150%时透明度为100%;

个人拙见:)

ok,那么以下是示例:




【彈性下拉】


............................



【果凍下拉】


............................



【卡片回彈】


............................



【彈性縮放】


............................



【橡皮筋】


谢谢观看!

248
    意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功