录播课UI动效之表达式与案例进阶
3章14节 | 120人已购买会员免费
开通会员
¥149.00
免费试学
免费试学
使用软件:
After Effects
免费试学
免费试学
免费试学

【前言】


这是个UI设计师都要会动效的年代,为什么要学动效很简单:能展示交互细节,实现和产品经理、前端设计师、客户的快捷沟通,提升项目进度;

还能提升用户使用体验,建立情感联系。


重点是学动效难不难?Limi老师教你用AE表达式,只需用简单的数学运算,就能实现狂拽炫酷的动效,提高动效设计效率。


【课程内容】


本课程以案例实操形式,讲解表达式的实际用法。主要内容如下:


1.用系列表达式化繁为简,快速实现不同动效的变化。

2.用动效表现信息图(音频、FUI-HUD)

3.结合常见案例讲解4大动效:插画动效、粒子特效、天气模拟、2.5D动画。


01章 用表达式高效制作更具表现力的动效设计


○表达式与图层序列(layer index)

○ 用时间变量提高动效设计效率(time)

场景跟随动效(valueAtTime)

○ 弹性布局动效(sourceRectAtTime)

○场景循环动效(loopln & loopOut)

多元素关联动效(linear)

抖动动效(wiggle)

随机动效(random)


1567068018400.gif

用valueAtTime表达式制作的跟随动效(课程案例)


1567068175544.gif

用wiggle表达式制作的抖动动效(课程案例)




02章 信息图的动效表现


○ VUI音频之视觉化动效表现

○ FUI中常见的HUD动效表现


1567068399104.gif

HUD动效(课程案例)




03章 实际工作中的动效案例分析讲解


○ 情感化动效设计:插画动效

○特效类动效设计:光效与粒子

○ 天气类模拟动效:自然现象模拟

○2.5D模拟动效:2.5D形状动画


1567078580215.gif

插画动效(课程案例)



1567069870908.gif

天气模拟动效(课程案例)




学完课程后,你就可以:学会使用基础表达式提高动效设计效率,解决UI动效落地交付。





【老师介绍】

1567071811674.jpg


【课程特色】

○ 案例实用 结合丰富实用的案例,详细讲解表达式的用法。

高效落地用基础表达式解决动效设计需求,效率翻倍。

资深讲师 专注UI设计师群体的教学培训,教学经验丰富。


【学生作品】


1567074547916.gif

1567074629574.gif

1567074667724.gif

1567074696084.gif

1567074723054.gif

1567074792750.gif


【适合学员】

UI设计师 / 动效设计师 / 平面设计师


【学习门槛】

需掌握AE软件的基本操作

(建议先学习《UI动效之AE基础课》)

课程目录
用表达式做高效更具表现力的动效设计
1表达式与图层序列
17分59秒
2如何利用时间变量提高动效设计效率
12分40秒
3如何做出优雅的跟随与缓动动效
14分34秒
4节如何做出弹性布局动效
13分49秒
5如何做出可循环的场景动效
10分13秒
6如何控制多元素场景动效的关系与限制
20分50秒
7抖动与随机动效应用场景(一)
4分30秒
8抖动与随机动效应用场景(二)
7分28秒
信息图的动效表现
9VUI音频之视觉化动效表现
23分35秒
10FUI中常见的HUD动效表现
22分3秒
实际工作中的动效案例分析讲解
11情感化动效设计:插画动效
16分4秒
12特效类动效设计:光效与粒子
23分22秒
13天气类模拟动效:自然现象模拟
16分14秒
142.5D模拟动效:2.5D形状动画
10分19秒
483-UI动效之表达式与案例进阶-资料下载
7.3MB
学习套餐

用AE做UI动效

2门课 | 6时11分原价:¥248组合惊爆价:¥199.00
UI动效之表达式与案例进阶

UI动效之表达式与案例进阶

UI动效之AE基础课

UI动效之AE基础课