1、创建与保存作品
*** 作步骤：登陆——单击【创建作品】
保存——输入【保存名称】——单击【保存】，如下图所示。
2、界面介绍
界面包括舞台设置、适配设置、安全框、预览作品、添加页面、添加关键帧动画、设置微信转发标题，如下图所示。
3、一键生成动画
*** 作步骤：把图片拖动到编辑器上——选中图片——单击【添加预置动画】，如下图所示。
PS：在【属性面板】或单击【编辑预置动画】按钮，可对预置动画的效果、是/否自动播放、循环播放、时长、延迟、方向进行设置。
4、关键帧动画
名称解释：
关键帧动画：物体在两个时间点上属性的变化。
*** 作步骤如下面视频所示。
5、添加交互
*** 作步骤：选中图形——单击【添加编辑/行为】——展开【动画播放控制】——单击【下一页】，如下图所示。
6、添加背景音乐
*** 作步骤：不要选中任何物体——单击【属性】——单击【上传】——单击“加号”按钮即可添加音乐，如下图所示。
PS：这个方法可以为整个H5添加背景音乐，如果想单独为某一页添加音乐，点击这里看 *** 作步骤。
7、发布作品
*** 作步骤：保存作品后—单击【发布】。
木疙瘩编辑行为暂时没有快捷键，只能通过鼠标点击屏幕进行 *** 作H5是我们日常生活中常用的一种宣传方式，木疙瘩是一款专业、实用的H5制作工具，动画片剪辑能力最强，是业界最大的创作空间，该软件能帮助专业设计师更快更高效地完成H5内容制作发布，同时还能提供帐号管理，协同工作，功能支持源文件引导、屏幕自动调整、数据采集等功能。本商店使用此软件时，可支持注册后的帐号进行登录，同时可实现离线数据与在线数据的同步，满足不同场景、不同用户的需求。
使用教程：创作作品。一旦木疙瘩打开Mugeda软件，你就需要创造一个新作品，在软件首页的菜单栏里，你可以点击“新建”选项，或者在工具条上点击“新建”按钮，就可以创建一个新作品。作品的保存：当作品保存到计算机时，只需点击菜单栏中的“保存”按钮，或直接点击工具栏上的“保存”图标即可。工作的同步：在网络上支持同步运行工作程序。点击菜单栏上的“文件“选项，选择“同步到云“，或直接在工具栏上单击“同步到云“，以便您可以将当前的动画直接和云同步。同步到云后，你就可以在Mugeda的编辑器里打开或者修改动画了。打开作品：您可以在软件菜单栏上单击“打开”选项，或者单击工具栏的“打开”按钮，打开d出“我的作品”对话框。当您使用离线内容或在线内容时，它将显示在对话框的左上角。脱机内容被保存在本地离线MugedaApp，编辑后保存。如果是网络状态，在线内容将显示保存在云中的所有东西。
如下图，点击“导入Photoshopshop(PSD)素材”按钮，将PSD格式内的图片素材原位置“分层导入”编辑页面2
可为每个素材添加预置动画效果
3
将“点击”图标右键转换为元件，双击在元件页面为其设置一个放大缩小的动画效果。点击回到舞台后可重新为其添加一个预置动画效果。
END
步骤2：设置长图元件动画
1
新建图层，在第3帧插入帧，插入关键帧，同时添加进长图背景素材
2
将背景图片右键转换为元件，进入元件页面。新建图层，分层导入其他图片素材。
3
为所有素材图层插入关键帧动画，分别设置素材的动画效果，例如给人物素材设置放大缩小动画，为“向左滑动”图标设置向左滑动动画效果。
4
回到舞台，补全所有图层的帧数，为长图元件添加预置动画，如图为“向右移入”
5
如下图，为“点击”图标添加“点击跳转到第3帧并停止”的行为。同时新建图层“行为层”，添加矩形，为其添加一个“出现即暂停”的行为。注意随时保存作品。
6
选中长图元件，在其属性栏内设置“拖动/旋转”为“水平拖动”
END
步骤3：设置点击出现提示效果
1
新建图层“提示层”，在第4帧插入空白关键帧，同时导入原先预备好的提示素材。可为其添加预置动画效果等。
2
新建两个按钮层，分别在一个图层的第3帧放置“分享”按钮，在另一个图层第4帧提示页面放置一个“返回”按钮。
3
补全“行为层”及其他图层帧数，为其中一个需提示介绍的人物素材添加“点击跳转到第4帧并停止”的行为
4
为第4帧的“返回”按钮添加“点击跳转到第3帧并停止”的行为。即为第一个人物素材设置好了提示出现和消失的动画，同理可为接下来的人物素材设置提示出现消失的动画。
5
设置分享动画的提示：如下图，新建“分享”图层，添加分享提示的素材，命名为“分享”，将其移至舞台之外。
END
步骤4：为“分享”按钮添加“改变元素属性”行为
属性控制→改变元素属性→触发条件：点击。 设置“参数” 元素名称：“分享” 元素属性：“左” 赋值方式：“用设置的值替换现有值” 取值：“0”
同理为“分享”素材组合添加“点击改变其左坐标为‘1000’”的行为，即点击将其移至舞台之外。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）