UI交互动效

用户头像
深圳/UI设计师/5年前/173浏览
UI交互动效
用户头像
learn一
最近参考了很多大神的动效教程
我来总结下UI动效的一些知识要点,就当给自己复盘用
1:N健(时间帧的起点)
2:B健(时间帧的结束点)
3:P健(图层位置属性)
4:T健(图层图明度属性)
5:A健(图层瞄点属性)
6:S健(图层缩放属性)
7:U健(展开所有k帧图层属性)
8:ctrl+D/command+D(复制图层)
9:F9缓动
10:图表编辑器--点击可以编辑速度图表
11:效果和预设(在搜索框里搜索自己想要的例如:雪花,闪电)
12:视频和动图的导出
⩗菜单栏-合成-添加到渲染队列-(设置到最佳设置和无损)-主要选项-格式-Qnicktime-确定-输出到(选择到保存的路径)-渲染
⩗菜单栏-合成-添加到AME队列(media Encoder软件的安装)
⩗导出gif:把到处的mov格式的视频拖到ps里面。
文件-导出-存储为web所有格式-gif-永远
13:文件-整理工程(文件)-收集文件-保存-全部-存储(文件不管到哪个电脑文件也不会丢失)
14:剪断视频:control+shift+D
15:预合成:control+shift+C
16:导入-合成(保持图层大小)-可编辑的图层样-确定
17:标尺:ctrl+R
18:纯色设置:ctrl+Y
19:3D旋转,新建文件夹,运动模糊,蒙版,父子级,时间指示器,表达式等
20:首选项——脚本和表达式——允许脚本写入文件和访问网络
首选项——媒体和磁盘缓存——选择文件/清空磁盘缓存
首选项——自动保存——保存间隔/自定义位置
21:补针=差值(空间差值和时间差值)
22:低版本课适用于高版本,高版本不适用低版本(如:15版可以在20版打开)
23:修剪路径(适合线性图标的动效)。选中图层——添加(修剪路径)
效果(重要的知识点)
搜索🔍
编号(数字滚动效果)
偏移(卡片滑动效果)
径向——径向擦除(饼形图的径向擦除效果)
边角定位(将做好的界面透视到手机模型里面)
交互动效软件:墨刀/principle/flinto/AE等;
UI动效:加载动效,缺省页,引导页,交互效果,数据可视化等
其他动效:电视包装,影视广告,影视片头,大屏开场动画,创意视频,扁平mg动画,企业宣传片包装等
运动原则:频率,持续时长,速度,触发器,辅助功能
注意:部分动效属于临摹练习,版权归原著所有
UI交互动效(图ZMjM5NTYxODI0) - 动效设计 - 站酷设计师learn一原创素材 - 站酷ZCOOL
Collect
UI交互动效(图ZMjM5NTYyMDc2) - 动效设计 - 站酷设计师learn一原创素材 - 站酷ZCOOL
Collect
UI交互动效(图ZMjM5NTYyNjY4) - 动效设计 - 站酷设计师learn一原创素材 - 站酷ZCOOL
Collect
UI交互动效(图ZMjM5NTYyNzMy) - 动效设计 - 站酷设计师learn一原创素材 - 站酷ZCOOL
Collect
UI交互动效(图ZMjM5NTYzMDY0) - 动效设计 - 站酷设计师learn一原创素材 - 站酷ZCOOL
Collect
2
Report
|
2
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
Log in