3D变换功能制作游戏立体卡片动态交互动效(二)

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作

教学内容:


继续上期的内容制作卡片详情的动态效果,主要是通过模拟静态帧按0.6秒的触发时间过渡动画来完成类似动态视频的效果

*Adobe XD45版本以上已经可以使用插入视频功能,所以不需要用此类方法制作了,可直接插入一个视频



1.制作素材


分解GIF素材,将GIF素材选取6帧打成1组

CD5579FA-A8A7-4045-AFD2-D6DFD6CA314F.png

分列到画板中

显示顺序为1-2-3-4-5-6-5-4-3-2(交互链接到1行程循环)共需10个画板

32C2D15B-9602-4210-85F8-2442BC7ED063.png


2.制作交互


链接这些画板选择0.6秒的时间触发过渡动画

ADAB643E-BE55-4803-AD16-8663EFD3C4A2.png

制作完成

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


标记狮私有云部署
一键部署标记狮至私有服务器,构建快速、安全、高效、私密的UI设计团队云协作
立即部署>>
标记狮私有云部署-一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作