火星网校
用动画工具制作天气APP动效，快来跟着学习啦！
发布时间：2024-08-30 13:12:48 浏览量：90次
大家好，现在是UI严选【每周一练】，一起来学习交互动效设计、插画设计、2.5D插画设计、C4D等各方面练习，想一起学习的小伙伴快加入吧！
今天，我们的主题是：使用AE快速制作天气APP界面动效设计。先来看一下最终的效果图：
在Dribbble和Behance上，你可能见过很多用Gif来表达设计理念的UI作品。动态GIF展现UI作品的优点有：展示实际工作流程、展示应用不同状态时的效果、便于网络分享。
工具：
Adobe After Effects CC2018
Adobe Photoshop CC2018
设计流程：
在After Effects中，创建转场效果合成，创建展示效果合成，然后导出；在Photoshop中优化GIF图像。
素材：
伦敦背景图一张
手机透视效果模板一张
一、基本构建
创建转场效果合成，导入背景图像，创建蓝色框，勾勒云朵和雪花空心圆，保存。
二、动效制作
动画分解：蓝色方框变长，透明框上移，文字出现，云朵图标，雪花，Snowy文字。利用属性随时间变化，制作动画效果。
处理过程：推荐使用Ease and Wizz和Repostion Anchor Point脚本插件，调节各元素的运动效果。
三、导出
使用AE+PS方法或LiceCap录制gif方法导出动效。
想学习更多动画制作技巧吗？点击咨询火星时代教育~
热门课程推荐
热门资讯
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
8. Photoshop操作教程：自制电子印章 | PS技巧详解
想要学会制作电子公章吗？跟随本教程，详细介绍Photoshop操作步骤，让您轻松掌握PS技巧，制作精美电子印章。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
学习平面设计要用到哪些软件？随着社会的发展，平面设计在我们日常生活中越来越重要。想了解平面设计软件都有哪些吗？本文为您介绍Photoshop、CorelDRAW、AI和CAD这四款必备的设计软件。
最新文章
