AfterEffects移动UI交互动效设计与制作（全彩慕课版）（第2版）课件 模块7　综合案例_第1页
AfterEffects移动UI交互动效设计与制作（全彩慕课版）（第2版）课件 模块7　综合案例_第2页
AfterEffects移动UI交互动效设计与制作（全彩慕课版）（第2版）课件 模块7　综合案例_第3页
AfterEffects移动UI交互动效设计与制作（全彩慕课版）（第2版）课件 模块7　综合案例_第4页
AfterEffects移动UI交互动效设计与制作（全彩慕课版）（第2版）课件 模块7　综合案例_第5页
已阅读5页，还剩7页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

模块7综合案例制作天气界面动效动效分析在天气App界面中，常常会根据当前的天气情况加入各种天气的表现动效，从而使界面的信息更加直观，也能够更直接地渲染出当前天气效果，非常实用。在本小节中将带领读者完成一个下雪天气界面动效的制作，在界面中除了会制作各种天气信息元素入场的动画外，还将通过CCSnowfall效果制作出下雪的动效，从而使整个天气App界面的动效更加真实。制作天气界面动效制作步骤任务1：制作天气界面动效源文件：源文件\模块7\7-1.aep视频：视频\模块7\7-1.mp4制作界面加载动效动效分析界面内容加载等待动效是目前网站和移动应用设计中都无法绕过且必需的组成部分，合理的加载动效不仅能够丰富界面的视觉表现效果，并且能够有效提升产品的用户体验。本案例设计的界面加载动效是一个环绕星球旋转的火箭动画效果，使界面表现出很强的趣味性。在该加载动效的设计过程中，主要是通过“CCSphere”效果将平面图形处理为一个球体，并制作出球体自转的动画效果，再绘制环绕地球运动的轨迹路径，通过添加摄像机图层和空对象图层，实现火箭在三维空间中环绕星球旋转的界面加载动效。制作界面加载动效制作步骤任务2：制作界面加载动效源文件：源文件\模块7\7-2.aep视频：视频\模块7\7-2.mp4制作App界面滑动动效动效分析在一些特殊的App界面中，当用户对App界面进行滑动操作时，为界面添加一个交互操作动效，可以使App界面的表现更加富有个性和趣味性。本实例将制作一个App界面滑动的交互动效，当用户在界面中进行向上或向下滑动操作时，界面中的菜单选项会表现出弯曲变形的效果，从而使界面的表现更加富有趣味性。制作App界面滑动动效制作步骤任务3：制作App界面滑动动效源文件：源文件\模块7\7-3.aep视频：视频\模块7\7-3.mp4制作App欢迎界面动效动效分析很多App都会设计一个欢迎界面，通过动效的形式来表现欢迎界面，能够给用户带来新鲜感，并有效引起新用户的关注。本实例所制作的App欢迎界面动效，主要是通过曲线运动与遮罩的方式相结合进行表现，体现出该App的特点并且很好地实现了界面的切换转场。制作App欢迎界面动效制作步骤任务4：制作App欢迎界面动效源文件：源文件\模块7\7-4.aep视频：视频\模块7\7-4.mp4模块小结

UI中各种各样的交互动效非常多，但很多动效无非是多种基础动效的组合，在本模块中通过多个UI交互动效的制作练习，希望读者掌握UI动效的制作方法和技巧，并能够举一反三，制作出更多更精美的动效。素养拓展本模块通过一系列精选的移动UI动效案例实践，旨在巩固并提升读者在AfterEffects中创作UI动效的专业技能与独特视角。在学习过程中，我们鼓励学生们不仅要锤炼技术，更要培养敏锐的审美眼光和源源不断的创新力，以此不断拔高个人的综合素质与艺术修养。这样的锤炼将使学生们能够设计出独具匠心、充满创意的UI动效作品。同时，我们强调学生们应树立科学的世界观、积极的人生观和正确的

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论