Ae模板ui——如何使用AE制作UI，设计3D动态效果
动态gif展示ui作品，有以下优点:
1.显示实际工作流程
2.使用过渡来显示应用不同状态的效果。
3.便于网络共享。
after effects SCS 6 orcc
photoshopcs6orcc
后果
1.在作品中创建过渡效果。
2.在另一个构图中创建显示效果。
用计算机修改（图片或照片）
4.优化gif图像
伦敦的背景地图
一个手机透视效果模板
一、基本建设
创建过渡效果合成
打开ae并合成>；新构图(cmd+n)，尺寸640*1136，帧数29，持续6s。
导入伦敦背景图像，将图像丢入构图1，调整背景图像大小以适合画布。
创建3个蓝色方框(使用形状层)，它们将从屏幕顶部落到屏幕底部，宽度为213、214和213px。三个方框上方的方框宽度为640px，输入相应的文字。
用钢笔画一个空心的云圈和6片雪花(轮廓略水，请见谅)
创建组合2
尺寸1280x720帧号29，时间6s。
第二步。导入iphone背景并调整其大小。
将构图1拖动到构图2中，这样构图2应该是这样的:(P.S .我加了一个背景层)
选择构图1，效果>；Twist > Corner positioning，使复合1的四个角与模板中屏幕的四个角对齐。
第二，动态效果制作
接下来，我们来分解一下动画:
1.3蓝盒子变长，不同时间掉落。
2.透明框架从底部向上移动，宽度始终保持不变。
3.4箱子到达目的地后，文字开始出现。蓝色框中的文字放大+不透明到透明，透明框中的文字不透明到透明。
4.云图标，伴随雪花。
5 .出现雪文字。
在形状层中，可控制的属性有缩放、位置、不透明度、描边等。在本文的动态效果中，充分利用这些属性随时间的变化来创建动画效果。
首先我推荐两个脚本插件easeandwizz和repostionanchorpoint。
一个方便做运动曲线，一个方便设置锚点位置。
三个蓝色的盒子
打开composite 1，选择三个蓝色框，设置如下。
1.最左边和最右边的蓝框锚点位于上方(由锚点插件设置)。
2.从0-100%的比例
3.使用easeandwizz选择关键帧可以很容易地调整运动曲线。
透明框的移动开始以很快的速度移动大部分位移，然后慢下来，慢慢移动到原来的位置。这些设置如下
备注:easeandwizz中设置quad+out的效果更流畅。
1.三个蓝色的盒子。当蓝框接触底部时，文字快速弹出，不透明度从0-& gt；100%，比例从0->；100%
2.透明框中的文字随透明框移动(位置设置参考透明框)，但左边的文字在前，右边的文字在-4度后。请注意时间线中的设置。
当透明框的文本开始出现时，会出现云。第一，透明度范围从0-100%。
比例一开始是60%，当透明度达到100%时，就会从60%-->变化；100%
雪花点
当云效果完成后，雪花点开始一个个出现。
1.注意圆点会随机向右移动，然后弹回，注意移动顺序的调整。
2.这次也推荐quad+out。
3.注意点是一个一个出现的，所以透明度的变化要在时间轴上依次设置。
雪花文本效果
在这里，蒙版运动被用来创造一种效果，即雪文本逐渐出现。注意雪景的不透明度也会变化(蒙版的不透明度变化是多余的，请不要模仿)。
方法1:ae+ps。
1.保存后，在ae >中合成:添加到渲染队列
设置后，点渲染。
2.打开渲染的。mov(文件>；导入>视频帧到层)
3.cmd+shift+s或file >；另存为网络可用格式
1.永远循环选项选择
2.可以设置图像尺寸
3.注意选择gif格式
方法2:licecap
如果不想用ps，可以先在ae里调整画布大小，然后用licecap，一个把屏幕录制成gif的小软件，非常方便，堪称最好的gif录制软件。(有多平台版本)
录制效果:
Cocoachina是全球最大的苹果开发中文社区。官方微信每天定时推送各种精彩的R&D教程资源和工具，介绍app推广营销经验，企业最新招聘外包信息，cocos2d引擎和cocosstudio开发包最新动态和培训信息。关注微信，第一时间了解最新的产品和服务动态。微信在手，天下我有！Ps，闪光灯，Ae都可以。Flash可以用于互动效果。AE是一款纯视觉特效软件。虽然定位在影视后期，但是也用网页。作为一个UI设计师，AE只能说你很新潮，很厉害。AE也有自己基于JavaScript语言的表达式，实现高级动画控制。目前AE使用最多的领域是CG和多媒体行业。
Flash给大多数人的印象是一个矢量动画软件，但是很容易忽略动画并不是Flash的全部。它不像AE那样简单地构建视觉效果。它还可以做游戏和网站开发，可以做很多事情。一个明显的特点就是“互动性”。比如玩游戏就是一种互动。
作为UI设计师，flash可以用于动态效果。毕竟AE做出来的东西更适合看看。
如何用AE做UI设计3D动态效果1？
设计流程？
后遗症？
1.在作品中创建过渡效果。
2.在另一个构图中创建显示效果。
3.出口？用计算机修改（图片或照片）
4.优化GIF图像
背景图片
一个透视效果模板？
一、基本建设？
创建过渡效果构图？
打开AE并合成>；新构图(Cmd+N)，尺寸640*1136，帧数29，持续6s。
导入背景图像，将图像丢入构图1，调整背景图像的大小以适合画布。
创建3个蓝色方框(使用形状层)，它们将从屏幕顶部落到屏幕底部，宽度为213、214和213px。三个方框上方的方框宽度为640px，输入相应的文字。
用钢笔画一个空心的云圈和6片雪花。
第五步？
保存它，你可以做一些简单的动态效果，即使你没有。因为ui不是很动态。你也经常玩手机和电脑。看看网页和手机上的动态效果，都是很基础的东西。用ae最多三天就能学会90%以上的动态效果，只是说可能要花更多的时间才能熟练。
如何使用AE制作UI和设计3D动态工具
after effects SCS 6 orcc 2。PhotoshopCS6orCC
设计周期
后果
在作品中创建过渡效果。
在另一个作品中创建演示效果。
出口_照相馆
优化GIF图像
原始资料
背景图片
透视效果模板
一、基本建设
创建过渡效果合成
步骤1
打开AE并合成>；新构图(Cmd+N)，尺寸640*1136，帧数29，持续6s。
第二步
导入背景图像，将图像丢入构图1，调整背景图像的大小以适合画布。
第三步
创建3个蓝色方框(使用形状层)，它们将从屏幕顶部落到屏幕底部，宽度为213、214和213px。三个方框上方的方框宽度为640px，输入相应的文字。
第四步
用钢笔画一个空心的云圈和6片雪花。
第五步
省省吧。