常用手势小动画库 for AE

用户头像
广州/艺术工作者/10年前/57917浏览
常用手势小动画库 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吧!
加载中
推荐素材
科技医疗透明柜UI界面设计
高级感金属拟物 UI设计组件库
【新年UI图标】家具icon
智能家居中心 简约 UI设计组件库
新能源APP应用UIKit
新拟态风格 UI设计组件库
盲盒APP UI设计
UI应用平面图标
【新年UI图标】美妆icon
UI 登录界面设计模板包
UI通用设计素材1
钱包ui模板
Security Camera UI kit
矢量立体简约UI蓝白图标
【新年UI图标】美食icon
【新年UI图标】珠宝icon
【新年UI图标】影音icon
高级表盘系列UI源文件
柠檬黄主题UI作品集模版
【新年UI图标】酒店icon
手表表盘UI系列
我的钱包-UI界面设计-app
UI界面 组件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
登录注册