平面设计自学视频教程集合,荣获十万学员好评的平面设计教程。
当前位置: 首页 > 设计教程 > 视频教程 >

UI动效设计案例教程,快速掌握AE动效表现

@酷coo豆-头像 酷coo豆 2021-11-17 浏览次数:-
UI动效设计案例教程,快速掌握AE动效表现_平面设计自学教程,0基础到精通。系统学习,并掌握平面设计软件,色彩搭配,版式布局。实例包含印刷设计,户外设计,包装设计等平面设计自学视频教程。

小编:UI动效是解决产品问题和提升产品体验的方法,学好UI动效设计,能让团队成员更直观理解UI设计师的成果和理念。本套UI动效案例教程,以AE软件为依托由易到难,将彻底教会你常见UI动效的制作,为你开启UI动效设计之门,并为以后设计出更优秀的产品打下了坚实基础。

课程简介

本《UI动效设计实战教程》适合对UI动效感兴趣的学员,以及未来想要从事UI设计的学员。由勤学网(qinxue.com)联合设计师Fanori共同打造,通过20个UI动效实例讲解,将让你轻松学会该项技能。

什么是UI动效设计?

近些年来UI动效是设计行业中特别火的一个分支,那到底什么是UI动效?UI动效到底能做什么呢?其实UI动效设计可以简单的理解为,把静态的界面,按一定的规则、逻辑通过相关软件动态的展示出来,让其他接口人员更直观理解UI设计师的成果和理念。

你能从本课程学到什么?

本套课程前期通过小动效让学员初步了解AE,并能灵活运用AE中各种图层及各类图层属性,通过AE实现简单的UI动效;中期会通过稍复杂的案例,让学员能灵活运用AE各类工具,了解相关插件效果;课程后期会结合一些创意高级案例,让学员学会各类动效中的常见效果制作,及如何使用插件和表达式制作有趣的UI动效。

授课讲师:Fanori

主攻:UI设计

简介:在国内多家大型培训机构任职授课,参与多个大型软件、App项目设计,具有丰富的设计经验,创造力强,对设计有独特的理解,接触设计行业10年以上。能教授给学生不仅有实操的技能、经验,还有对生活、设计的热爱。

老师寄语

希望大家能通过本套的学习开启自己的UI动效设计之门,学到更多的知识。

老师作品

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

课程详情

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《滚动的石头》

本小节主要介绍AE常用工具与基本操作,重点讲解形状图层的使用及其属性动画使用,通过该案例的学习与操作,了解如何使用形状工具与纯色图层的结合使用,并使用形状工具及形状图层绘制复杂形状。

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《爱心》

本节课主要详细介绍时间轴的使用,了解如何使用形状工具与纯色图层的结合使用,并使用形状工具及形状图层绘制复杂形状。通过该案例的学习,掌握蒙板的基本知识以及如何通过纯色图层与形状工具结合使用。 

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《小开关》

该案例主要讲解合成窗口中各个功能的介绍,重点介绍轨道遮罩的使用,教会大家使用常用的AE效果模拟融合效果,并巧妙利用轨道遮罩设置颜色。

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《融合的小球》

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

本节课主要通过一个案例的演示,重点介绍AE预合成的使用。同时掌握形状图层添加动画中的中继器的使用,及使用简单遮罩效果,了解锚点对于图层的意义及如何快速控制锚点。

《流畅的菜单栏》

该案例主要介绍时间轴和调节图层的各个功能,通过该案例的学习,了解曲线编辑器,熟练使用调节图层控制动效元素的属性。

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《小鼠标》

该案例主要介绍时间轴和调节图层的各个功能,通过该案例的学习,了解曲线编辑器,熟练使用调节图层控制动效元素的属性。

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《小喇叭》

本节课主要讲解图层运动模糊以及运动模糊的参数调整,了解旋转动画与路径动画K帧的使用,通过K帧实现变形动画。

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《神奇的按钮》

本案例主要详细介绍AE形状图层的使用,重点分析形状工具的使用与动效的实现。通过各种小动效的制作及后期汇总设计来加深学员对动效的理解及制作思路的培养。

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《多变的搜索》

本节课主要介绍文字打字机效果的使用,以及输入光标的制作和简单表达式的使用。通过本案例让学员掌握路径演变动画基础。

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《邮件通知》

本节课主要通过路径动画及多元素图标演变,让学员接触简单的图标动效设计。

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《炫酷的加载登录》

本节课主要介绍路径动画形状变化,讲解抖动表达式以及光标和文字加载动画的具体操作。通过登录界面的演变,让学员接触高级、有创造力的动效设计、制作,提高学员的创造力。

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《趣味小跑车》

本节课主要介绍AI与AE软件的结合使用,以及如何把AI文件导入到AE中并分层,利用AE软件功能实现动效的各种循环动画。通过本节课的学习,可以让大家提高设计、制作效率,并掌握初级部分表达式。

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《登录界面》

该案例主要介绍使用拍摄风景图,并结合AE绘制元素制作登录页面,本案例重点介绍手机样机的处理,以及动效素材的制作和页面动效的具体制作,并简单介绍图层三维功能和运动模糊相关参数设置。

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《APP菜单栏演示动效》

本节课主要介绍PSD文件导入AE的知识讲解,以及手机APP菜单栏图标绘制具体操作,包括图层三维功能与图层父子级的关联,以及图层排序切换动画设计。通过图层三维功能的制作,实现界面及菜单栏的切换。

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《选择功能演示动效》

本案例主要介绍各类素材的分类排序,以及预合成中素材的替换及关键帧的拷贝,包括抖动的效果调整及添加等。通过画面切换及补充抖动效果制作,让学员接触并掌握抖动效果的制作及如何快速的使用预合成功能。

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

 

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《电影APP操作演示》

本案例主要介绍APP菜单栏触发动画与收缩动画、以及翻转页面效果的制作,通过页面翻转切换效果,让学员更深刻的理解AE中的三维图层的概念及使用。

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《音乐播放器演示》

本案例主要介绍图片元素的整理与排版,为音乐缩略图添加唯一动画,并设置统一父级对象,着重介绍空对象功能的使用。通过演示该动效的具体操作,重点介绍“time”表达式的使用,以及触发音乐动画界面和音乐界面动效的制作。通过在位移动画设置时间差表达式,让音乐缩略图加载依次排列出现,让学员掌握“time”表达式在AE中的应用。

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《拨动加载》

通过该案例的讲解,重点介绍缓动表达式、弹性表达式与图层的关联使用,以及AE摄像机图层的使用及界面展示效果制作。利用外部表达式程序,模拟弹性效果,让学员掌握并理解外表表达式的使用,并能熟练应用到各类动效设计、制作中。

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《奶茶与信息提醒》

本案例主要讲解运用AI绘制动效中的各元素,以及如何保存AI中的各元素和分层处理。详细分析制作奶茶及珍珠逐渐减少动效的思路,并使用AE中的偏移效果模拟数字变化的效果,结合轨道遮罩制作信息框的数字变动。

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

《屏幕解锁功能演示》

本案例主要教大家完成播放器界面绘制和动效制作,以及播放条与音乐缩略图时间、旋转的关联制作。通过实操UI演示动效,结合基础所学知识制作一个完整APP演示动画。

UI动效设计案例教程,快速掌握AE动效表现_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

>>关于平面设计学习日记网
平面设计学习日记网xxriji.cn)”是一个发布分享平面设计自学教程和分享设计经验的学习平台。为零基础自学平面设计的小伙伴提供快速入门的资源参考。让学习有路可循,成长更加高效。
>>平面设计教程资料推荐
平面设计自学视频教程:市面上最为系统全面的平面设计自学教程体系:http://www.xxriji.cn/career/9.html
设计师必备的阅读书单:百万设计师热心推荐的设计类图书目录。http://www.xxriji.cn/books

您的打赏,将用来升级服务器,感谢!

职业路径