常用手势小动画库 for AE

用户头像
广州/艺术工作者/11年前/57923浏览
常用手势小动画库 for AE

单击、双击、长按、拖拽、缩放、旋转等常用手势动画

  Hello大家好!这次我要分享一款原创的手势小动画库(就是Demo中的那个小圆点点)。既然能称之为“库”,那一定要符合随时调用,可复用的特点。我也是为此琢磨了好一阵,制作了这么一款手势库(很可惜我不会制作脚本插件,只能以ape工程文件的形式调用,脚步插件是接下来的努力方向!)。


  那么先简单介绍一下这个手势小动画库吧。里面包含:单击、双击、长按、拖拽、缩放、旋转等常用手势;单击、长按和拖拽支持单指、双指、三指。功能不多,但基本符合大部分场景需要。


【常用手势】








【使用方法】


首先将手势.ape文件拖拽进你的工程文件中。点开手势合成,复制你需要的手势图层到你要加手势的合成中;

单击/双击/长按手势的使用方法:

①只需点开位置属性,定位好圆点位置和出现的时机,然后打一个关键帧即可(可以理解为做一个记号)。你还可以通过效果效果控件对圆点进行一些细节调整,如大小,透明度,双指,三指等等;(如下图所示)

②勾选双指,三指可以激活更多的小圆点;

③通过调整“持续时间”可以实现长按的效果;

④效果控件中有个“透明度映射”,可以将Press状态按钮的透明度关联它,即可轻松实现点击效果;(可以参照附件中的示例文件)



拖拽手势的使用方法:


①只需点开位置属性,定位好圆点位置和出现/结束的时机,然后打2个或以上关键帧即可(第一个关键帧控制出现动画,最后一个关键帧控制消失动画)。

你可以:

a.直接在手势图层的位置属性进行K帧;

b.通过父级关联到其他图层;

c.通过表达式关联到其他图层;

②勾选双指,三指可以激活更多的小圆点;

④效果控件中有个“移动距离映射”,先新建一个空图层并将其位置属性表达式关联到“移动距离映射”的滑块上,然后将你想要和圆点位移关联在一起的图层父级到空图层即可;(可以参照附件中的示例文件)



缩放&旋转手势的使用方法:


①只需点开位置属性,定位好圆点位置和出现/结束的时机,然后打2个或以上关键帧即可(第一个关键帧控制出现动画,最后一个关键帧控制消失动画)。然后对手势图层的位置属性进行K帧;

②(温馨提示)旋转动画要对效果控件中的“旋转角度”进行K帧哦!

④效果控件中有个“缩放映射值”和角度映射值,同样可以通过表达式关联将其关联出去;(可以参照附件中的示例文件)




本着兴趣和提高工作效率的想法,花了点时间制作了这么一个“小预设动画”分享给大家,希望有需要的同学能够喜欢哦!(附件请用AE CC 12或以上的版本打开)


谢谢观看!

Have a nice day~


994
举报
|
1278
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】礼物/活动icon
科技医疗透明柜UI界面设计
【新年UI图标】相机icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
钱包ui模板
UI应用平面图标
我的钱包-UI界面设计-app
高级感金属拟物 UI设计组件库
森系3D渐变流体抽象矢量UI背景图
UI 登录界面设计模板包
3D渐变流体抽象矢量UI背景图
【新年UI图标】体育icon
智能家居中心 简约 UI设计组件库
Security Camera UI kit
【新年UI图标】活动icon
新拟态风格 UI设计组件库
UI通用设计素材1
盲盒APP UI设计
新能源APP应用UIKit
【新年UI图标】美食icon
高级表盘系列UI源文件
【新年UI图标】银行卡icon
你可能喜欢
大家都在看
登录注册