教程内容:
绘制透明的左右两个热区,并分别添加拖拽动作,实现对一个元素进行左右拖拽的交互效果
跟着下面的步骤一步一步制作吧!
1.制作素材
绘制3个矩形,拖入3张图片素材

再绘制两个矩形,一个填充红色一个填充绿色
放置上图片和文字,分别打组

将所有素材按下图的位置叠放在一起,两个填充矩形素材组放置在顶层,调整透明度为0

再绘制两个矩形做热区,需要做左右两个点击热区,把热区矩形的透明度调成0

制作完后如下图

2.制作交互
需要制作3个画板,以中间画板为起始画板,左侧热区链接左侧画板

调整左侧画板组内的素材位置和透明度如下图

右侧热区链接右侧画板

调整组内素材位置和透明度如下图

两侧均添加拖拽自动动画

制作完成
点击前往查看→查看视频教程获取源文件
