讲师:Fanori 课级:高级拓展
简介: 《UI动效设计实战教程》适合对UI动效感兴趣的学员,以及未来想要从事UI设计的学员。
近些年来UI动效是设计行业中特别火的一个分支,那到底什么是UI动效?UI动效到底能做什么呢?其实UI动效设计可以简单的理解为,把静态的界面,按一定的规则、逻辑通过相关软件动态的展示出来,让其他接口人员更直观理解UI设计师的成果和理念。
本套课程前期通过小动效让学员初步了解AE,并能灵活运用AE中各种图层及各类图层属性,通过AE实现简单的UI动效;中期会通过稍复杂的案例,让学员能灵活运用AE各类工具,了解相关插件效果;课程后期会结合一些创意高级案例,让学员学会各类动效中的常见效果制作,及如何使用插件和表达式制作有趣的UI动效。
本套课程内容丰富,讲解细致,适合各阶段学员,希望大家能通过本套的学习开启自己的UI动效设计之门,学到更多的知识。
《滚动的石头》
本小节主要介绍AE常用工具与基本操作,重点讲解形状图层的使用及其属性动画使用,通过该案例的学习与操作,了解如何使用形状工具与纯色图层的结合使用,并使用形状工具及形状图层绘制复杂形状。
《爱心》
本节课主要详细介绍时间轴的使用,了解如何使用形状工具与纯色图层的结合使用,并使用形状工具及形状图层绘制复杂形状。通过该案例的学习,掌握蒙板的基本知识以及如何通过纯色图层与形状工具结合使用。
《小开关》
该案例主要讲解合成窗口中各个功能的介绍,重点介绍轨道遮罩的使用,教会大家使用常用的AE效果模拟融合效果,并巧妙利用轨道遮罩设置颜色。
《融合的小球》
本节课主要通过一个案例的演示,重点介绍AE预合成的使用。同时掌握形状图层添加动画中的中继器的使用,及使用简单遮罩效果,了解锚点对于图层的意义及如何快速控制锚点。
《流畅的菜单栏》
该案例主要介绍时间轴和调节图层的各个功能,通过该案例的学习,了解曲线编辑器,熟练使用调节图层控制动效元素的属性。
《小鼠标》
该案例主要介绍时间轴和调节图层的各个功能,通过该案例的学习,了解曲线编辑器,熟练使用调节图层控制动效元素的属性。
《小喇叭》
本节课主要讲解图层运动模糊以及运动模糊的参数调整,了解旋转动画与路径动画K帧的使用,通过K帧实现变形动画。
《神奇的按钮》
本案例主要详细介绍AE形状图层的使用,重点分析形状工具的使用与动效的实现。通过各种小动效的制作及后期汇总设计来加深学员对动效的理解及制作思路的培养。
《多变的搜索》
本节课主要介绍文字打字机效果的使用,以及输入光标的制作和简单表达式的使用。通过本案例让学员掌握路径演变动画基础。
《邮件通知》
本节课主要通过路径动画及多元素图标演变,让学员接触简单的图标动效设计。
《炫酷的加载登录》
本节课主要介绍路径动画形状变化,讲解抖动表达式以及光标和文字加载动画的具体操作。通过登录界面的演变,让学员接触高级、有创造力的动效设计、制作,提高学员的创造力。
《趣味小跑车》
本节课主要介绍AI与AE软件的结合使用,以及如何把AI文件导入到AE中并分层,利用AE软件功能实现动效的各种循环动画。通过本节课的学习,可以让大家提高设计、制作效率,并掌握初级部分表达式。
《登录界面》
该案例主要介绍使用拍摄风景图,并结合AE绘制元素制作登录页面,本案例重点介绍手机样机的处理,以及动效素材的制作和页面动效的具体制作,并简单介绍图层三维功能和运动模糊相关参数设置。
《APP菜单栏演示动效》
本节课主要介绍PSD文件导入AE的知识讲解,以及手机APP菜单栏图标绘制具体操作,包括图层三维功能与图层父子级的关联,以及图层排序切换动画设计。通过图层三维功能的制作,实现界面及菜单栏的切换。
《选择功能演示动效》
本案例主要介绍各类素材的分类排序,以及预合成中素材的替换及关键帧的拷贝,包括抖动的效果调整及添加等。通过画面切换及补充抖动效果制作,让学员接触并掌握抖动效果的制作及如何快速的使用预合成功能。
《电影APP操作演示》
本案例主要介绍APP菜单栏触发动画与收缩动画、以及翻转页面效果的制作,通过页面翻转切换效果,让学员更深刻的理解AE中的三维图层的概念及使用。
《音乐播放器演示》
本案例主要介绍图片元素的整理与排版,为音乐缩略图添加唯一动画,并设置统一父级对象,着重介绍空对象功能的使用。通过演示该动效的具体操作,重点介绍“time”表达式的使用,以及触发音乐动画界面和音乐界面动效的制作。通过在位移动画设置时间差表达式,让音乐缩略图加载依次排列出现,让学员掌握“time”表达式在AE中的应用。
《拨动加载》
通过该案例的讲解,重点介绍缓动表达式、弹性表达式与图层的关联使用,以及AE摄像机图层的使用及界面展示效果制作。利用外部表达式程序,模拟弹性效果,让学员掌握并理解外表表达式的使用,并能熟练应用到各类动效设计、制作中。
《奶茶与信息提醒》
本案例主要讲解运用AI绘制动效中的各元素,以及如何保存AI中的各元素和分层处理。详细分析制作奶茶及珍珠逐渐减少动效的思路,并使用AE中的偏移效果模拟数字变化的效果,结合轨道遮罩制作信息框的数字变动。
《屏幕解锁功能演示》
本案例主要教大家完成播放器界面绘制和动效制作,以及播放条与音乐缩略图时间、旋转的关联制作。通过实操UI演示动效,结合基础所学知识制作一个完整APP演示动画。