9月14th

[章鱼学院]UI动效基础_[AE制作UI展示特效]_附课程素材[转]

DIY图形动画我来说两句!

  本课程包含两大单元:展示类动效原型单元,可交互动效原型单元。
  在展示类动效单元中,我们会着重利用AE这款软件,由浅入深的,对三个案例进行学习并制作。通过学习这个单元的知识,大家可以掌握UI动效中,AE基本的使用技巧,并在带领下完成三个案例。通过学习AE,我们将会理解动效的基础构成,层关系,了解动画曲线等知识,方便于日常展示类动效的制作和运用。
  在可交互动效原型单元中,我们会着重学习节点信号流原型工具—Form,并利用该软件制作一个可交互动效原型案例。通过学习这个单元的课程,大家可以更系统而深刻的理解交互事件触发,数据信息传递等知识,为自己在动效方面的进一步发展,打好基础。

  一、UI动效的概念阐释与经验分享
  本课程将作为动效课程的开场白,Martin老师会对UI动效的现状、工作流程、未来发展趋势等做个人观点阐述,并与大家分享工作学习经验。
  课程概述:以实践为基础,分享工作流程中的设计经验、设计心得、设计工具使用知识。
  二、使用AE制作展示类动效
  本课程为展示类UI动效基础(实操类),内含3个大案例,难度由浅入深,便于学习。
  课程与之前录制的9大方法论无直接联系,可以单独学习,不影响理解。
  建议学习完本课程,对动画基本属性有所了解后,再对Form在可交互原型中的实际运用进行学习。
  案例1(基础).扁平风弹跳小球制作
  课程概述:我们将利用AE自带图层、形状图层,以及五大动画属性,来制作此案例。在学习完毕后,大家可以了解AE的基本功能,并利用其功能来制作简单的UI展示动效。
  案例2(进阶)页面弹出与侧滑菜单
  课程概述:我们将对已经绘制好的静态图进行动态处理,大量的运用基本属性的同时,我们还会用一些较为高级的工具,如轨道蒙板等,完成整个案例的制作。通过学习本课程内容,使用者将会对AE有更深的认识,并能够根据已有的静态素材制作动效。
  案例3(综合). App展示内容制作
  课程概述:该案例最为复杂,内容多、耗时长、调整多,会将前两个案例的知识进行汇总,并投入到实践。在制作过程中,我们还会学习一些简单易用的脚本工具,帮助大家提高工作效率。同时,阿基老师也会分享自己的工作经验,给予大家更多的帮助和启示。

课程目录:
第01课·UI动效概念分享
课时1 · 综述
课时2 · 设计原则:有序一致
课时3 · 设计原则:产品调性
课时4 · 设计原则:愉悦用户
课时5 · 设计原则:交互意义
课时6 · 设计原则:要有原型
课时7 · 设计原则:了解开发  
课时8 · 设计原则:了解开发-标注
课时9 · 设计原则:了解开发-第三方动画库
课时10 · 工具思想  
课时11 · 时间轴工具
课时12 · 截点信号流工具  
课时13 · 编码软件  
课时14 · 简单可交互软件
课时15 · 动态设计流程
第02课·AE基础案例一 .小球弹跳(Bounce弹跳)
课时1 · 课程体系安排说明
课时2 · AE模块介绍以及合成的基本认识
课时3 · 图层设置  
课时4 · 蒙版工具的使用及矢量图层  
课时5 · 关键帧的添加  
课时6 · 调整关键帧动画曲线  
课时7 · 形状属性调节以及动态模糊的运用  
课时8 · 蒙版路径的调整  
课时9 · 影片生成与转码的基础知识  
第03课·AE进阶案例二 .Hi,Friend
课时1 · Hi_Friends基础介绍  
课时2 · 如何导入文件  
课时3 · 合成窗口详解以及调整色彩标签  
课时4 · 轨道遮罩蒙版以及重建锚点工具的使用  
课时5 · 矢量图层的使用  
课时6 · 文字工具  
课时7 · 父子关系的使用  
课时8 · 多级父子关系的运用  
课时9 · 错帧动画的原理以及完成  
第04课·AE综合案例三.Camera++
课时1 · 课程介绍以及脚本的安装使用方法  
课时2 · 素材介绍及创建矢量图形  
课时3 · 素材管理与Motion2脚本的使用  
课时4 · 快速调整关键帧和锚点的方法  
课时5 · 三款脚本的功能回顾  
课时6 · 元素的衔接与退场  
课时7 · 文字提示配合图形元素完成转场  
课时8 · 调整视觉层级与预置效果  
课时9 · 案例收尾  
课时10 · 课程结语与理论课预告  
第05课·AE运动规律
课时1 · 课程概述  
课时2 · 创意构想与原素拆分  
课时3 · 工具介绍  
课时4 · 动效分类  
课时5 · 动效工具解析  
课时6 · 时间与空间  
课时7 · 缓动与预备动作  
课时8 · 弹性的作用  
课时9 · 突出主题元素  
课时10 · 父子关系  
课时11 · 摄像机动画  
课时12 · 第二动作  
课时13 · 动画曲线  
课时14 · 动效制作方法回顾  
课时15 · 成片修改建议  
第06课·展示类UI动效基础
课时1 · Form简介&基础  
课时2 · 翻转交互动画  
课时3 · 延迟器及其他属性动画  
课时4 · 子图层动画  
课时5 · 关闭动画  
课时6 · 手势控制Y轴滚动  
课时7 · 手势控制Z轴联动  
课时8 · 转场及脉冲  
课时9 · 时序动画  
课时10 · 热区处理

三、让你的动效更完善
  本课程为实操课程的后续补充内容,建议结合实操部分一起学习,否则效果会大打折扣。本课程内容,重在梳理一些理论和概念,帮助大家了解UI动效及其拓展内容。阿基老师也会向大家分享自己的工作经验,以及处理复杂问题的方法。
  该课程演示软件为英文版,无太多实操,不影响观看。

特别声明:
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担
1:下载地址:UI动效基础_[AE制作UI展示特效]_附课程素材
2:访问密码:vxia

本文出自:DIY博客园,链接:http://www.diybloghome.com/graption/1715.html,转载请注明!