【课程内容】 本课程以案例实操形式,讲解表达式的实际用法。主要内容如下:1.用系列表达式化繁为简,快速实现不同动效的变化。 2.用动效表现信息图(音频、FUI-HUD) 3.结合常见案例讲解4大动效:插画动效、粒子特效、天气模拟、2.5D动画。 01章 用表达式高效制作更具表现力的动效设计 ○表达式与图层序列(layer index) ○ 用时间变量提高动效设计效率(time) ○ 场景跟随动效(valueAtTime) ○ 弹性布局动效(sourceRectAtTime) ○场景循环动效(loopln & loopOut) ○多元素关联动效(linear) ○抖动动效(wiggle) ○随机动效(random)
![1567068018400.gif 1567068018400.gif](https://info-ss.oss-cn-beijing.aliyuncs.com/chuangyi/1567068018400.gif)
用valueAtTime表达式制作的跟随动效(课程案例)
![1567068175544.gif 1567068175544.gif](https://info-ss.oss-cn-beijing.aliyuncs.com/chuangyi/1567068175544.gif)
用wiggle表达式制作的抖动动效(课程案例) 02章 信息图的动效表现 ○ VUI音频之视觉化动效表现○ FUI中常见的HUD动效表现
![1567068399104.gif 1567068399104.gif](https://info-ss.oss-cn-beijing.aliyuncs.com/chuangyi/1567068399104.jpg)
HUD动效(课程案例) 03章 实际工作中的动效案例分析讲解 ○ 情感化动效设计:插画动效○特效类动效设计:光效与粒子○ 天气类模拟动效:自然现象模拟○2.5D模拟动效:2.5D形状动画
![1567078580215.gif 1567078580215.gif](https://info-ss.oss-cn-beijing.aliyuncs.com/chuangyi/1567078580215.gif)
插画动效(课程案例)
![1567069870908.gif 1567069870908.gif](https://info-ss.oss-cn-beijing.aliyuncs.com/chuangyi/1567069870908.jpg)
天气模拟动效(课程案例) 学完课程后,你就可以:学会使用基础表达式提高动效设计效率,解决UI动效落地交付。