ae实操界面交互动画(ae制作ui交互动画)

AE实操:界面交互动画全流程

今天米醋是给大家的。

一个实际的AE案例被称为,

智能界面交互动画,

用米醋一步一步学!

我们先来看看最终的动态效果图。

AE实操:界面交互动画全流程

点击视频观看。

正在加载视频.

观察并理解软件PS中的case层,如图。

AE实操:界面交互动画全流程

打开软件AE,将[PSD]材质文件拖入AE,选择[构图-保持图层大小]-[可编辑图层样式到材质],双击文件观察图层,如图所示。

AE实操:界面交互动画全流程

选择【状态栏】图层,在10F的【位置】处键入关键帧,选择关键帧,添加【F9】Ease,调整【曲线】,输入【文本内容】调整【填充颜色】,如图。

AE实操:界面交互动画全流程

选择文字输入位置,选择[效果]-[文字]-[数字],调整[数字]的字体,如图。

AE实操:界面交互动画全流程

在项目视图中修改编号参数,在1秒位置添加关键帧,并将[值]调整为244。按【空格键】进行预览观察,如图。

AE实操:界面交互动画全流程

在1秒关键帧修改【数字】参数的【填充颜色】,按【空格键】预览观察,如图。

AE实操:界面交互动画全流程

选择【切换按钮】图层,添加【S】缩放在20f处添加关键点,后移打关键点,调整【缩放】为【110】,再后移添加关键帧,添加【F9】点动换入,调整【编辑速率图标】曲线,如图。

AE实操:界面交互动画全流程

双击[Home],选择[状态栏]键在10F,移动[状态栏]到顶部,添加[F9]缓出,调整曲线,如图。

AE实操:界面交互动画全流程

选择【大圆】并在10F处标记【缩放】关键帧,开始时将【缩放】关键帧调整为【0% 】,如图。

AE实操:界面交互动画全流程

选择【点光源】为【父】,调整【点光源】中心点的位置为大圆的圆心,如图。

AE实操:界面交互动画全流程

选择【点光源】图层,添加【旋转】,1秒钟添加完毕。

加一个关键帧,【旋转】参数调整为【1】,按【空格键】进行预览观察,如图所示。

  AE实操:界面交互动画全流程

  选择【点光】图层,旋转添加【F9】缓动缓入,在3秒钟添加关键帧,修改【旋转】为【4】,按【空格键】进行预览观察,如图所示。

  AE实操:界面交互动画全流程

  选择【tab】在10f添加【位置】关键帧,把【tab】移动至下方,把【开关】的父级设置为【tab】,添加【F9】缓入缓出,调整【曲线】,如图所示。

  AE实操:界面交互动画全流程

  选择【数据信息】和【功能按钮】图层,添加【T】不透明度开始关键帧为【0%】,按【空格键】进行预览观察,如图所示。

  AE实操:界面交互动画全流程

  选择【首页】图层,在1秒添加关键帧,调整【T】不透明度,如图所示。

  AE实操:界面交互动画全流程

  双击进入【浮层】,把【滑动按钮】、【进度完成】、【进度】、【组1】设置父级为【背景】,在10F【P】位置添加一个关键帧,移动【背景】到下方,如图所示。

  AE实操:界面交互动画全流程

  选择【背景】图层的【蒙版路径】,使用【钢笔工具】通过【锚点】,调整【背景】图层的形状,如图所示。

  AE实操:界面交互动画全流程

  选择【首页】图层,调整关键帧位置,添加【U】模糊,【Ctrl+C】复制模糊第一帧,【Ctrl+V】粘贴到结束关键帧,如图所示。

  AE实操:界面交互动画全流程

  添加【亮度和对比度】,调整关键帧位置,【Ctrl+C】复制亮度第一帧,【Ctrl+V】粘贴到结束关键帧,如图所示。

  AE实操:界面交互动画全流程

  修改【高斯模糊】,调整【合成设置】,修改【持续时间】,添加素材【手机壳】,如图所示。

  AE实操:界面交互动画全流程

  拖拽【空气净化器】到素材,【S】缩放图层,点击【效果】-【扭曲】-【边角定位】,通过【顶点】调整【工期净化器】的位置,如图所示。

  AE实操:界面交互动画全流程

  选择【Ctrl+M】渲染图层,导出【avi】格式素材文件,打开PS软件,添加【avi】格式素材文件,【Ctrl+Shift+Atl+S】存储为Web所用格式保存为【GIF】文件,参数如图所示。

  AE实操:界面交互动画全流程

  完成制作,最终效果如图所示。

  AE实操:界面交互动画全流程

  

机械革命深海幽灵z2 air(机械革命 深海幽灵Z2 Air 15.6英寸游戏本)

2022-8-5 3:54:13

解说文案

《我仍然相信》视频解说文案+片源网盘下载

2024-1-30 4:57:11

购物车
优惠劵
搜索