问题答疑

问题答疑

提出您在创作作品时遇到的问题和疑惑
培训教程

培训教程

线上直播、线下培训、视频教程
原创分享

原创分享

分享您的原创作品,创作经验,操作技巧
BUG反馈

BUG反馈

反馈您在使用Mugeda时遇到的BUG
新功能需求

新功能需求

写下您期待Mugeda增加的新功能

2.6.1 微信功能:微信头像

mingyueliu 发表了文章 • 0 个评论 • 5535 次浏览 • 2016-09-27 15:57 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 如下图,在“微信”工具栏下点击“微信头像”按钮,在“舞台”上会出现一个圆形的微信头像区域





图2.6-1

我们发现,该微信头像的“添加/编辑行为”按钮已是绿色,点击进入“编辑行为 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 如下图,在“微信”工具栏下点击“微信头像”按钮,在“舞台”上会出现一个圆形的微信头像区域

2.6-1_.png

图2.6-1

我们发现,该微信头像的“添加/编辑行为”按钮已是绿色,点击进入“编辑行为”对话框,发现其已自带编辑行为,即行为为“显示微信头像”,触发条件为“出现”。

2.6-2_.png

图2.6-2
2.6-3_.png

图2.6-3

用行为方式提取微信头像:如下图,在“舞台”上添加一个矩形(圆形等各种形式),命名为“微信头像”

2.6-4_.png

图2.6-4

点击矩形的“添加/编辑行为”按钮,在“编辑行为”对话框中选择“微信定制”→“显示微信头像” →触发条件:出现,点击“编辑”按钮

2.6-5_.png

图2.6-5

在“参数”对话框中选择“目标元素”为“微信头像”,即设置了微信头像功能。

2.6-6_.png

图2.6-6

2.5.4 行为:擦玻璃

mingyueliu 发表了文章 • 0 个评论 • 9932 次浏览 • 2016-09-27 15:06 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 在“控件”工具栏下找到“擦玻璃”按钮,点击选中,在“舞台”上以拖拉的方式生成一个擦玻璃控件





图2.4-28

选中“舞台”上的擦玻璃控件,在其“属性”面板下可设置其各种属性,例如 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 在“控件”工具栏下找到“擦玻璃”按钮,点击选中,在“舞台”上以拖拉的方式生成一个擦玻璃控件

2.5-28_.png

图2.4-28

选中“舞台”上的擦玻璃控件,在其“属性”面板下可设置其各种属性,例如为其命名,改变背景图片(擦除后的图片)、前景图片(擦除前的图片)等。如下图,点击“背景图片”右边的“+”符号

2.5-29_.png

图2.4-29

在弹出的“媒体库”对话框中选择一张图片素材。点击“添加”。

2.5-30_.png

图2.4-30

同理,添加好前景图片

2.5-31_.png

图2.4-31

点击“预览”,发现擦除了前景图片后,背景图片即出现。

2.5-32_.png

图2.4-32
 
另外,我们还可以设置橡皮擦大小和剩余比例(即:擦除图片的大小和擦出剩余多少显示背景图片)

1.png


擦玻璃控件特有的触发条件:如下图,点击“舞台”上擦玻璃控件的“添加/编辑行为”按钮

2.5-33_.png

图2.4-33

在弹出的“编辑行为”对话框下选择“下一页”,点击“触发条件”的下拉菜单,选择触发条件为:“擦玻璃完成”。

2.5-34_.png

图2.4-34

点击添加新页面,点击预览观察效果,发现当我们将玻璃擦完后,自动跳转至下一页

2.5-35_.png

图2.4-35
 
恢复擦玻璃初始状态:我们还可以通过选中元素,点击“添加/编辑行为”按钮——“动画播放控制”来设置,如下图:

2.png

 
 

2.5.2 行为:定时器

mingyueliu 发表了文章 • 0 个评论 • 5309 次浏览 • 2016-09-27 14:44 • 来自相关话题

 在“控件”工具栏下找到“定时器”按钮,点击选中,在“舞台”上生成一个定时器。





图2.4-10

可在其“属性”栏下设置调整定时器各项属性,例如为定时器命名为“A”、改变其颜色、文本、精度、计时方向、是否循环等。





图2.4-11

1.定时器的关联动画

定时器的功能应用:以 查看全部


 在“控件”工具栏下找到“定时器”按钮,点击选中,在“舞台”上生成一个定时器。

2.5-10_.png

图2.4-10

可在其“属性”栏下设置调整定时器各项属性,例如为定时器命名为“A”、改变其颜色、文本、精度、计时方向、是否循环等。

2.5-11_.png

图2.4-11

1.定时器的关联动画

定时器的功能应用:以一个定时器关联火箭上坐标的案例进行讲解
如下图,新建一个图层1,选中图层1第1帧,点击“素材库”,在“舞台”上添加一个火箭图像素材,使用“变形”工具调整火箭大小、位置等。

2.5-12_.png

图2.4-12

选中火箭素材,在其“属性”面板下点击其“上”数值右边的“关联”按钮

2.5-13_.png

图2.4-13

在“上”的关联下拉菜单下设置关联属性:
关联对象:“A”
关联属性:“文本取值”
关联方式:“自动关联”
当主控量=“30”时被控量=“408”
当主控量=“0”时被控量=“0” 

2.5-14_.png

图2.4-14

点击“预览”,发现火箭随着定时器数值的减少而往上移动

2.5-15_.png

图2.4-15

同时,若将定时器的“精度”调整为“秒”时,观察动画效果,会发现火箭的移动出现卡顿效果。因此在用定时器制作动画时,为保证物体移动顺畅,最好将“精度”调整为“毫秒”。

2.5-16_.png

图2.4-16

2.定时器的独有触发条件

如下图,点击定时器的“添加/编辑行为”按钮

2.5-17_.png

图2.4-17

在弹出的“编辑行为”对话框下选择“下一页”,点击“触发条件”的下拉菜单,发现会多出两个触发条件:“定时器时间到”“定时器开始计时”,选择“定时器时间到”。

2.5-18_.png

图2.4-18

在定时器的“属性”面板下将定时器长度(时间)改为“3秒”,并点击添加一个新页面

2.5-19_.png

图2.4-19

点击“预览”,发现定时器时间到后会自动跳转至第2页面。

2.5-20_.png

图2.4-20

2.4.16 行为:设置背景音乐

mingyueliu 发表了文章 • 0 个评论 • 3264 次浏览 • 2016-09-26 17:37 • 来自相关话题

参考内容:素材与媒体(声音)

2.4.15 行为:定义分享信息

mingyueliu 发表了文章 • 0 个评论 • 4364 次浏览 • 2016-09-26 17:35 • 来自相关话题

参考内容:定义分享信息
 
 

2.4.13 行为:修改图表数据

mingyueliu 发表了文章 • 0 个评论 • 4242 次浏览 • 2016-09-26 17:32 • 来自相关话题

参考内容:素材与媒体(可视化图表)

2.4.12 行为:选择上传图片

mingyueliu 发表了文章 • 0 个评论 • 4218 次浏览 • 2016-09-26 17:30 • 来自相关话题

参考内容:改变图片

2.4.11 行为:录制声音

mingyueliu 发表了文章 • 0 个评论 • 3693 次浏览 • 2016-09-26 17:28 • 来自相关话题

参考内容:录制用户声音

2.4.9 行为:视频控制

mingyueliu 发表了文章 • 0 个评论 • 4999 次浏览 • 2016-09-26 17:22 • 来自相关话题

内容:播放视频/停止所有视频/控制视频
 
参考内容:素材与媒体(视频)
内容:播放视频/停止所有视频/控制视频
 
参考内容:素材与媒体(视频)

2.4.8 行为:手机事件

mingyueliu 发表了文章 • 0 个评论 • 5111 次浏览 • 2016-09-26 17:01 • 来自相关话题

手机功能包括打电话、发短信、发送邮件、地图等功能。
 
本节视频教程请点击此处。

1.打电话

点击“舞台”上的“打电话”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“手机功能”→“打电话”→触发条件:点击。点击“编辑”按钮进入“参数”对话框





图2.4-89

查看全部
手机功能包括打电话、发短信、发送邮件、地图等功能。
 
本节视频教程请点击此处。

1.打电话

点击“舞台”上的“打电话”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“手机功能”→“打电话”→触发条件:点击。点击“编辑”按钮进入“参数”对话框

2.4-89_.png

图2.4-89
2.4-90_.png

图2.4-90

在“参数”对话框内输入电话号码,点击“确认”。即设置了点击“打电话”按钮便会询问是否拨出之前输入的电话号码的行为(在手机端)。

2.4-91_.png

图2.4-91

2.发短信

点击“舞台”上的“发短信”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“手机功能”→“发短信”→触发条件:点击。点击“编辑”按钮进入“参数”对话框

2.4-92_.png

图2.4-92
2.4-93_.png

图2.4-93

在“参数”对话框内输入电话号码与消息内容,点击“确认”。即设置了点击“发短信”按钮便会询问是否发出短信内容至之前输入的电话号码的行为(在手机端)。

2.4-94_.png

图2.4-94

3.发送邮件

点击“舞台”上的“发送邮件”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“手机功能”→“发送邮件”→触发条件:点击。点击“编辑”按钮进入“参数”对话框

2.4-95_.png

图2.4-95
2.4-96_.png

图2.4-96

在“参数”对话框内输入邮箱地址、邮件标题、邮件内容,点击“确认”。即设置了点击“发送邮件”按钮便会询问是否发出邮件内容至之前输入的邮箱地址的行为(在手机端)。

2.4-97_.png

图2.4-97

4.地图

点击“舞台”上的“地图”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“手机功能”→“地图”→触发条件:点击。点击“编辑”按钮进入“参数”对话框

2.4-98_.png

图2.4-98
2.4-99_.png

图2.4-99

在“参数”对话框内输入地址、关键字,选择地图类型等,点击“确认”。即设置了点击“地图”按钮便会出现所指示地点的地图行为。

2.4-100_.png

图2.4-100

如下图,点击“预览”观察行为效果

2.4-101_.png

图2.4-101

2.4.7 行为:设置定时器

mingyueliu 发表了文章 • 0 个评论 • 6167 次浏览 • 2016-09-26 16:29 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 设置定时器行为有暂停定时器、继续定时器、重置定时器。

1.添加定时器

在操作页面左边工具栏的“控件”栏下,找到“定时器”按钮,点击添加一个定时器在“舞台”上。





图2.4-76 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 设置定时器行为有暂停定时器、继续定时器、重置定时器。

1.添加定时器

在操作页面左边工具栏的“控件”栏下,找到“定时器”按钮,点击添加一个定时器在“舞台”上。

2.4-76_.png

图2.4-76

在其“属性”面板内将其命名为“定时器”

2.4-77_.png

图2.4-77

2.暂停定时器

点击“舞台”上的“暂停”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“属性控制”→“设置定时器”→触发条件:点击。点击“编辑”按钮进入“参数”对话框

2.4-78_.png

图2.4-78

2.4-79_.png

图2.4-79

在“参数”对话框内设置参数:
定时器名称:“定时器”;
设置状态:“暂停定时器”;
点击“确认”,即设置好了点击“暂停”按钮,即暂停“舞台”上定时器

2.4-80_.png

图2.4-80

3.继续定时器

点击“舞台”上的“继续”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“属性控制”→“设置定时器”→触发条件:点击。点击“编辑”按钮进入“参数”对话框

2.4-81_.png

图2.4-81

2.4-82_.png

图2.4-82

在“参数”对话框内设置参数:
定时器名称:“定时器”;
设置状态:“继续定时器”;
点击“确认”,即设置好了点击“继续”按钮,即继续“舞台”上定时器

2.4-83_.png

图2.4-83

4.重置定时器

点击“舞台”上的“重置”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“属性控制”→“设置定时器”→触发条件:点击。点击“编辑”按钮进入“参数”对话框

2.4-84_.png

图2.4-84
2.4-85_.png

图2.4-85

在“参数”对话框内设置参数:
定时器名称:“定时器”;
设置状态:“重置定时器”;
点击“确认”,即设置好了点击“重置”按钮,即重置“舞台”上定时器

2.4-86_.png

图2.4-86
选中“舞台”上的定时器,在其“属性”面板内改变相关属性,例如,将“是否循环”选项改为“循环”

2.4-87_.png

图2.4-87

点击预览效果

2.4-88_.png

图2.4-88
 

2.4.5 行为:改变元素属性

mingyueliu 发表了文章 • 0 个评论 • 7358 次浏览 • 2016-09-26 16:00 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 本小节内容,如下图,观察元素的“属性”面板,在“属性”面板下无论是宽、高、左、上、透明度等可提取到的数值都可作为改变元素属性的属性。





图2.4-59

如下图,命名图像为“Mug 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 本小节内容,如下图,观察元素的“属性”面板,在“属性”面板下无论是宽、高、左、上、透明度等可提取到的数值都可作为改变元素属性的属性。

2.4-59_.png

图2.4-59

如下图,命名图像为“Mugeda”

2.4-60_.png

图2.4-60

在“改变元素属性”按钮元素上添加改变元素属性行为。点击“舞台”上“改变元素属性”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“属性控制”→“改变元素属性”→触发条件:点击。点击“编辑”按钮进入“参数”对话框

2.4-61_.png

图2.4-61

在“参数”对话框内设置参数:
元素名称:“Mugeda”;
元素属性:“透明度”;
赋值方式:“用设置的值替换现有值”;
取值:“20”。
点击“确认”。即设置好了点击“改变元素属性”按钮,图像(Mugeda)的透明度值即从100变成20。

2.4-62_.png

图2.4-62

点击预览效果

2.4-63_.png

图2.4-63

同理,点击“改变元素属性”按钮元素的“添加/编辑行为”按钮,点击“编辑”按钮,在“参数”对话框内改变“元素属性”为“左”,其他参数不变。即设置好了点击“改变元素属性”按钮,图像(Mugeda)“左”的取值由原来数值(此案例为89.5)变成20(即图像与舞台左边的距离变成20,图像位置由右向左移动)的行为。

2.4-64_.png

图2.4-64
2.4-65_.png

图2.4-65

点击预览效果,发现点击“改变元素属性”按钮时图像位置由右向左移动至离“舞台”左20个值的距离。

2.4-66_.png

图2.4-66

同理,点击“改变元素属性”按钮元素的“添加/编辑行为”按钮,点击“编辑”按钮,在“参数”对话框内改变“赋值方式”为“在现有值基础上增加”,其他参数不变,点击“确认”。即设置好了点击“改变元素属性”按钮,图像(Mugeda)“左”的取值在原来数值(此案例为89.5)基础上增加20(即图像与舞台左边的距离增加20,图像位置由左向右移动)的行为。

2.4-67_.png

图2.4-67

点击预览,发现每点击“改变元素属性”按钮元素,图像会向右移动20个值(即图像离“舞台”左的距离增加20个值)

2.4-68_.png

图2.4-68

同理,在“参数”对话框内,在“取值”输入框输入“-20”,即可设置图像距离往反方向改变的行为

2.4-69_.png

图2.4-69

2.4.3 行为:页的行为

mingyueliu 发表了文章 • 0 个评论 • 5456 次浏览 • 2016-09-26 15:42 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 页的行为包括“上一页”“下一页”“跳转到页”“禁止翻页”以及“恢复翻页”等行为。

1.跳转至下一页

如下图,点击“下一页”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 页的行为包括“上一页”“下一页”“跳转到页”“禁止翻页”以及“恢复翻页”等行为。

1.跳转至下一页

如下图,点击“下一页”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“动画播放控制”→“下一页”→触发条件:点击。即设置好点击即跳转到下一页的行为。

2.4-35_.png

图2.4-35

2.4-36_.png

图2.4-36

2.跳转到页

如下图,点击“跳转到页”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“动画播放控制”→“跳转到页”→触发条件:点击。点击“编辑”按钮,进入“参数”对话框

2.4-37_.png

图2.4-37

2.4-38_.png

图2.4-38

在“参数”对话框内,选择页号为“2”,“翻页方式”为“淡入”,点击“确认”

2.4-39_.png

图2.4-39

3.跳转至上一页

如下图,点击来到第2页,点击“上一页”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“动画播放控制”→“上一页”→触发条件:点击。即设置好点击即跳转到上一页的行为。

2.4-40_.png

图2.4-40
2.4-41_.png

图2.4-41

 如下图,可在右边“翻页”面板内设置“翻页效果””翻页方向”等属性

2.4-42_.png

图2.4-42

4.禁止翻页

如下图,点击“禁止翻页”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“动画播放控制”→“禁止翻页”→触发条件:点击。即设置好点击即禁止上下翻页的行为。

2.4-43_.png

图2.4-43
2.4-44_.png

图2.4-44

5.恢复翻页

同理,点击“恢复翻页”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“动画播放控制”→“恢复翻页”→触发条件:点击。即设置好点击即恢复上下翻页的行为

2.4-45_.png

图2.4-45
2.4-46_.png

图2.4-46

点击预览效果。值得注意的是,“禁止翻页”“恢复翻页”行为效果只针对系统默认的翻页效果,对前面设置的各种翻页按钮不起作用。

2.4-47_.png

图2.4-47

2.4.2 行为:帧的行为

mingyueliu 发表了文章 • 0 个评论 • 4317 次浏览 • 2016-09-26 15:29 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 帧的行为有“播放”“暂停”“下一帧”“上一帧”“跳转并播放”“跳转并停止”

本案例在讲解帧的各种行为之前,已做好一些基础铺垫:

1)新建好图层0、图层1、图层2;
2)如图,在图层0第1 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 帧的行为有“播放”“暂停”“下一帧”“上一帧”“跳转并播放”“跳转并停止”

本案例在讲解帧的各种行为之前,已做好一些基础铺垫:

1)新建好图层0、图层1、图层2;
2)如图,在图层0第1帧时,在“舞台”上添加“第一帧”文字元素;

2.4-9_.png

图2.4-9

3)同理,在图层0的第2帧放置“第二帧”文字元素,第3帧放置“第三帧”文字元素,第4帧放置“第四帧”文字元素;

2.4-10_.png

图2.4-10

2.4-11_.png

图2.4-11

2.4-12_.png

图2.4-12

4)在图层0第5至第18帧的位置,制作了一个矩形在舞台上由左向右移动的关键帧动画。

2.4-13_.png

图2.4-13

5)在图层1上添加一个矩形,设置其编辑行为为“暂停”,触发条件为“出现”,并在第1至5帧都有该“暂停”行为。

2.4-14_.png

图2.4-14

现在,我们以该案例来解释帧的行为。

1.播放
如图,点击回到时间轴上的第1帧,点击舞台上“播放”按钮元素的“添加/编辑行为”按钮,为其添加编辑行为

2.4-15_.png

图2.4-15

在弹出的“编辑行为”对话框中选择:“动画播放控制”→“播放”→触发条件:点击。即设置好点击即播放的行为。

2.4-16_.png

图2.4-16

2.暂停

同理,点击“暂停”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“动画播放控制”→“暂停”→触发条件:点击。即设置好点击即暂停的行为。

2.4-17_.png

图2.4-17

2.4-18_.png

图2.4-18

3.跳转至下一帧

同理,为“舞台”上的“下一帧”按钮元素添加编辑行为:“动画播放控制”→“下一帧”→触发条件:点击。即设置好点击即跳转下一帧的行为。

2.4-19_.png

图2.4-19

2.4-20_.png

图2.4-20

4.跳转至上一帧

同理,为“舞台”上的“上一帧”按钮元素添加编辑行为:“动画播放控制”→“上一帧”→触发条件:点击。即设置好点击即跳转上一帧的行为。

2.4-21_.png

图2.4-21

2.4-22_.png

图2.4-22

5.跳转并播放

同理,为“舞台”上的“跳转并播放”按钮元素添加编辑行为:“动画播放控制”→“跳转到帧并播放”→触发条件:点击。点击“编辑”按钮,进入“参数”对话框

2.4-23_.png

图2.4-23

2.4-24_.png

图2.4-24

在“参数”对话框内填写“帧号”为“6”,点击“确认”。即设置了点击“舞台”上的“跳转并播放”按钮,即可跳转到第6帧并播放动画

2.4-25_.png

图2.4-25

6.跳转并停止

同理,为“舞台”上的“跳转并停止”按钮元素添加编辑行为:“动画播放控制”→“跳转到帧并停止”→触发条件:点击。点击“编辑”按钮,进入“参数”对话框

2.4-26_.png

图2.4-26

2.4-27_.png

图2.4-27

在“参数”对话框内填写“帧号”为“6”,点击“确认”。即设置了点击“舞台”上的“跳转并停止”按钮,即可跳转到第6帧并停止动画

2.4-28_.png

图2.4-28

点击“预览”效果

2.4-29_.png

图2.4-29

我们还可通过关键帧命名的形式添加设置帧的行为。如图,点击选中时间轴上的第4帧,在“关键帧名”输入框内输入关键帧名为“第四帧”

2.4-30_.png

图2.4-30

点击“跳转并停止”按钮元素的“添加/编辑行为”按钮

2.4-31_.png

图2.4-31

在“编辑行为”对话框内点击“编辑”按钮,进入“参数”对话框内,改变参数属性:删除帧号“6”,选择“帧名称”为“第四帧”,点击“确认”。

2.4-32_.png

图2.4-32

2.4-33_.png

图2.4-33

点击“预览”,发现当点击“跳转并停止”按钮时,动画跳转至第4帧并停止。

2.4-34_.png

图2.4-34
 

2.3.11 动画:动画运动

mingyueliu 发表了文章 • 0 个评论 • 5457 次浏览 • 2016-09-21 15:34 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 关键帧动画默认是匀速运动,Mugeda可以设定不同的运动模式,比如淡入、淡出、阻尼进入、阻尼退出等。

如下图,添加一个火箭图像元素,在图层时间轴上设置好由下往上运动的关键帧动画效果


查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 关键帧动画默认是匀速运动,Mugeda可以设定不同的运动模式,比如淡入、淡出、阻尼进入、阻尼退出等。

如下图,添加一个火箭图像元素,在图层时间轴上设置好由下往上运动的关键帧动画效果

2.3-96_.png

图2.3-96

选中起始帧位置,在火箭元素的“属性面板”中设置其“运动”效果为“震荡进入退出”,点击“播放”预览效果

2.3-97_.png

图2.3-97
2.3-97_.png


也可将“运动”效果设为“阻尼进入退出”,点击预览观察效果

2.3-98_.png

图2.3-98

动画运动还可应用在曲线变形动画上,如图,在曲线变形动画的起始帧位置,改变“运动”效果为“碰撞进入退出”,点击预览观察效果

2.3-99_.png

图2.3-99
2.3-100_.png

图2.3-100
 

2.3.10 动画:遮罩

mingyueliu 发表了文章 • 0 个评论 • 9442 次浏览 • 2016-09-21 15:28 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 遮罩动画可实现很多特殊效果,需要至少两个图层,上面是“遮罩层”,下面是“被遮罩层”。遮罩层为显示区域,被遮罩层为显示的内容。
如下图,在图层0的第1帧添加一个按钮元素





图2.3- 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 遮罩动画可实现很多特殊效果,需要至少两个图层,上面是“遮罩层”,下面是“被遮罩层”。遮罩层为显示区域,被遮罩层为显示的内容。
如下图,在图层0的第1帧添加一个按钮元素

2.3-82_.png

图2.3-82

点击“新建图层”按钮新添加图层1、图层2

2.3-83_.png

图2.3-83

鼠标点击图层0第1帧,按住Ctrl+C复制该帧上的物体,点击选中图层2第1帧,按住Ctrl+V粘贴进物体

2.3-84_.png


图2.3-84
点击选中图层1的第1帧,在“舞台”上绘制一个白色矩形

2.3-85_.png


图2.3-85
调整白色矩形的透明度为40%

2.3-86_.png


图2.3-86
选择“变形”工具调整其角度,使其右倾一些

2.3-87_.png


图2.3-87

将图层2重命名为“遮罩层”,图层1为“被遮罩层”

2.3-88_.png


图2.3-88
选中“遮罩层”图层,点击“转为遮罩层”按钮

2.3-89_.png


图2.3-89
点击图层0的“关闭可视图层”按钮,关闭图层0上物体的可视化

2.3-90_.png


图2.3-90
如图,在“被遮罩层”内设置一个关键帧动画,即右键→“插入帧”,右键→“插入关键帧动画”

2.3-91_.png


图2.3-91
鼠标选中最后一个关键帧,将“舞台”上的白色半透明矩形移至右侧

2.3-92_.png


图2.3-92
点击图层0的“关闭可视图层”还原图层0物体的可视化,在图层0上选中与“被遮罩层”最后关键帧相同的帧数,右键→“插入帧”补全图层0的帧数。

2.3-93_.png


图2.3-93
同理补全“遮罩层”的帧数

2.3-94_.png


图2.3-94

点击“播放”预览走光动画效果

2.3-95_.png


图2.3-95

2.3.9 动画:分页/加载页

mingyueliu 发表了文章 • 0 个评论 • 7702 次浏览 • 2016-09-21 15:23 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 如下图,在右侧“加载”页面,选择“加载样式”为“进度条”,在其下拉菜单内可自行设置加载属性。例如填写“提示文字”、设置文字大小、颜色,添加背景图片、前景图片等





图2.3-67

查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 如下图,在右侧“加载”页面,选择“加载样式”为“进度条”,在其下拉菜单内可自行设置加载属性。例如填写“提示文字”、设置文字大小、颜色,添加背景图片、前景图片等

2.3-67_.png

图2.3-67

点击“预览”观察效果

2.3-68_.png

图2.3-68

如图,将样式改为“进度环”,其他属性设置不变

2.3-69_.png

图2.3-69

点击“预览”观察效果

2.3-70_.png

图2.3-70

将样式改为“旋转加载”,可观察到加载效果如下:

2.3-71_.png

图2.3-71

将样式改为“旋转加载+百分比”,可观察到加载效果如下

2.3-72_.png

图2.3-72

将样式改为“首页作为加载页面”可完成更个性化的加载形式定制。

如下图,在首页添加一个火箭图片素材,调整大小与位置。鼠标选中该素材右键→“转换为元件”

2.3-73_.png

图2.3-73

双击该元件进入元件编辑页面。在时间轴20帧的位置右键→“插入帧”,右键→“插入关键帧动画”

2.3-74_.png

图2.3-74

在20帧的位置右键→“插入关键帧”

2.3-75_.png

图2.3-75

鼠标选中第10帧关键帧位置,将火箭图片向上拖动一些位置,制作出火箭上下移动的动画效果

2.3-76_.png

图2.3-76

点击回到“舞台”,新建一个图层1,选中图层1的第一帧,点击“矩形”工具在“舞台”上拉出一个长条矩形作为进度条,可适当调整矩形颜色大小等。

2.3-77_.png

图2.3-77

同时选中图层0、图层1的第30帧,鼠标右键→“插入帧”

2.3-78_.png

图2.3-78

选中图层1的有帧位置,右键→“关键帧动画”

2.3-79_.png

图2.3-79

选中图层1的起始关键帧,点击矩形元素,在其“属性面板”内将其“宽”值设为“1”

2.3-80_.png

图2.3-80

添加一个新页面,点击预览动画效果,发现长条矩形出现横向拉长,即加载的动画效果,动画播放完后自动跳至第2页。

2.3-81_.png

图2.3-81

2.3.6 动画:变形动画

mingyueliu 发表了文章 • 0 个评论 • 7927 次浏览 • 2016-09-21 14:41 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 曲线变形动画可以实现一个形状变成另一个形状的动画效果。

如下图,选中新图层0的第1帧,鼠标点击“矩形”工具在“舞台”上绘制一个矩形。





图2.3-35

在时间轴20帧的位置,右 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 曲线变形动画可以实现一个形状变成另一个形状的动画效果。

如下图,选中新图层0的第1帧,鼠标点击“矩形”工具在“舞台”上绘制一个矩形。

2.3-35_.png

图2.3-35

在时间轴20帧的位置,右键→“插入帧”

2.3-36_.png

图2.3-36

在时间轴有帧的位置,右键→“插入曲线变形动画”

2.3-37_.png

图2.3-37

选中最后一帧,鼠标点击“节点”工具

2.3-38_.png

图2.3-38

改变矩形形状为三角形

2.3-39_.png

图2.3-39

点击“播放”,观察矩形变成三角形的动画效果

2.3-40_.png

图2.3-40

同理,点击选中时间轴上的最后一帧,在“属性面板”下改变物体填充色为红色,点击“播放”观察动画效果,发现矩形变成三角形的同时,物体颜色也逐渐由紫色变成红色。

2.3-41_.png

图2.3-41
2.3-42_.png

图2.3-42
 

2.3.1 动画:时间轴以及图层

mingyueliu 发表了文章 • 0 个评论 • 6140 次浏览 • 2016-09-21 14:15 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 

 时间轴是制作动画的关键功能,时间轴把图层和图像帧按时间进行组合、播放来形成动画。
在时间轴上,我们可以以拖拉的方式进行预览动画效果。





图2.3-1

也可点击“播放”按钮进行预览





图2.3-2 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 

 时间轴是制作动画的关键功能,时间轴把图层和图像帧按时间进行组合、播放来形成动画。
在时间轴上,我们可以以拖拉的方式进行预览动画效果。

2.3-1_.png

图2.3-1

也可点击“播放”按钮进行预览

2.3-2_.png

图2.3-2

循环播放:点击“动画”→“循环”,即在预览时动画效果会循环播放,再次点击“动画”→“循环”,即将循环播放功能取消。

2.3-3_.png

图2.3-3

锁定与打开图层:点击最上方“锁定图层”按钮,即可将所有图层锁定,点击每个图层右边的“锁定图层”,即可锁定该图层,该图层在锁定状态下不可被编辑操作。再次点击可打开图层。

2.3-4_.png

图2.3-4
2.3.2 动画:选择工具
2.3.3关键帧动画
2.3.4 动画:路径动画
2.3.5 动画:进度动画
2.3.6 动画:变形动画
2.3.7 动画:预置动画
2.3.8 动画:元件动画
2.3.9 动画:分页/加载页
2.3.10 动画:遮罩
2.3.11 动画:动画运动

2.2.4 素材与媒体:幻灯片

回复

mingyueliu 发起了问题 • 2 人关注 • 0 个回复 • 7193 次浏览 • 2016-09-20 16:02 • 来自相关话题

2.2.2 素材与媒体:文本/富文本

mingyueliu 发表了文章 • 0 个评论 • 5080 次浏览 • 2016-09-20 15:59 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​​


 
1.“文字”工具

鼠标在“媒体”工具内选择“文字”按钮,在“舞台”空白处点击出现文字工具选框。鼠标通过双击选框进入编辑文字工具,点击“舞台”空白处退出,编辑。





图2.2-15




图2.2-1 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​​


 
1.“文字”工具

鼠标在“媒体”工具内选择“文字”按钮,在“舞台”空白处点击出现文字工具选框。鼠标通过双击选框进入编辑文字工具,点击“舞台”空白处退出,编辑。

2.2-15_.png

图2.2-15
2.2-16_.png

图2.2-16

选中文字元素,可在“舞台”右边的“属性面板”内调节文字属性、编辑文字内容。例如:加粗、倾斜、字体、字号等。

2.2-17_.png

图2.2-17

2.“文本段落”工具

鼠标在“媒体”工具内选择“文本段落”按钮,在“舞台”开白处点击出现文本段落选框。双击进行编辑内容。

2.2-18_.png

图2.2-18

选中选框中的内容,可调节字体属性。例如加粗、倾斜、字体、字号等。

在文本段落中还有加入超链接、插入图片、视频等功能。

2.2-19_.png

图2.2-19

通过“变形”工具将文本段落选框拉长,使添加进的素材显现出来

2.2-20_.png

图2.2-20

鼠标点击“选择”工具,选中文本段落中的所有素材,可点击调节素材对齐方式。

2.2-21_.png

图2.2-21

如图,在一个完整的文本段落中,可添加文字、图片、超链接、视频等各种形式素材。

2.2-22_.png

图2.2-22

2.5.5 行为:绘画板功能

songyue 发表了文章 • 0 个评论 • 6289 次浏览 • 2016-09-20 15:33 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 

 如果想在作品中使用手绘图的功能,可以使用Mugeda的【绘画板】控件。  
 
1、首先找到工具面板中的【绘画板】控件:




 
2、然后在舞台上通过拖拽添加一个画布控件(就像添加矩形一样),在右侧的属性栏里可 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 

 如果想在作品中使用手绘图的功能,可以使用Mugeda的【绘画板】控件。  
 
1、首先找到工具面板中的【绘画板】控件:
1.png

 
2、然后在舞台上通过拖拽添加一个画布控件(就像添加矩形一样),在右侧的属性栏里可以通过【填充】和【背景图片】设置画布背景:
2.png

 
3、在右侧的属性栏,可以设置【画笔颜色】和【显示编辑器】,【显示编辑器】里可设置三个选项,分别是【仅显示清空和保存】,【显示全部】,【不显示】:
3.png

 
设置【仅显示清空和保存】的预览效果:
4.png

 
设置【显示全部】的预览效果,其中第一个是设置画笔粗细的,第二个是设置画笔颜色的,第三个按钮会清空画布,第四个按钮保存并上传绘图内容:
5.png

 
设置【不显示】的预览效果:
6.png

 
4、如果想自定义按钮,可以在舞台里添加按钮内容:
7.png

 
5、然后给按钮添加【触发条件】和【控制行为】,控制画布内容的保存和清除:
8.png


9.png

 

 

2.1.3 Mugeda界面与舞台:快捷工具栏

回复

mingyueliu 发起了问题 • 2 人关注 • 0 个回复 • 6584 次浏览 • 2016-09-19 17:39 • 来自相关话题

​2.1.1 Mugeda界面与舞台:界面概览

mingyueliu 发表了文章 • 0 个评论 • 4853 次浏览 • 2016-09-19 17:35 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​​
 

  
1. 常用菜单栏

包含基本操作菜单,例如文件、编辑、修改、视图、动画、帮助等。





图2.1-1

2. 工具箱(快捷工具栏)

包含保存、预览等常用的一些工具的快捷访问。





图2.1-2 查看全部

 

  
1. 常用菜单栏

包含基本操作菜单,例如文件、编辑、修改、视图、动画、帮助等。

2.1-1_.png

图2.1-1

2. 工具箱(快捷工具栏)

包含保存、预览等常用的一些工具的快捷访问。

2.1-2_.png

图2.1-2

3. 时间线(时间轴)

用来方便的对动画进行精确的控制,可以添加关键帧动画、进度动画、变形动画、遮罩动画等形式。

2.1-3_.png

图2.1-3

4. 工具条

包含选项、元素、绘制、动画控制、手机功能等内容

2.1-4_.png

图2.1-4

5. 页面栏

用来进行页面的增加、复制、删除、插入等操作。

2.1-5_.png

图2.1-5

6. 舞台

整个界面的核心区域,是编辑、制作、播放动画的区域

2.1-6_.png

图2.1-6

7. 属性栏

包含你所选的元素(图片、文字、视频等)属性,这些属性包括位置、大小、旋转、行为等。

2.1-7_.png

图2.1-7

2.1.2 Mugeda界面与舞台:菜单栏

回复

mingyueliu 发起了问题 • 2 人关注 • 0 个回复 • 6977 次浏览 • 2016-09-19 17:32 • 来自相关话题

​1.6.3 作品创建前必读: 声音及视频处理

mingyueliu 发表了文章 • 0 个评论 • 5984 次浏览 • 2016-09-19 16:47 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​​
 
 
本节知识点:添加声音、替换声音图标、添加视频、替换视频图标
  声音处理方式

注:Mugeda中上传的音频一般为mp3格式,如果是背景音乐的话建议时间控制在20s内,不要超过20M,选择专门的音频处理软件进行压 查看全部

 
 
本节知识点:添加声音、替换声音图标、添加视频、替换视频图标
  声音处理方式

注:Mugeda中上传的音频一般为mp3格式,如果是背景音乐的话建议时间控制在20s内,不要超过20M,选择专门的音频处理软件进行压缩。
 
添加声音:点击“媒体”栏下的“声音”按钮,在弹出的“导入声音”对话框中点击“选择文件”按钮,添加所选音频素材。

1.3-15_.png

图1.3-15
1.3-16_.png

图1.3-16
“上传”→“添加”,将音频素材添加进舞台

1.3-17_.png

图1.3-17

选中舞台上的音频素材,在其“属性”面板内设置播放属性:“自动播放”:是;“循环播放”:是

1.3-18_.png

图1.3-18

替换图标:选中舞台上的音频素材图标,在“属性”面板内点击“声音图标”右边的图标标志,在弹出的“媒体库”中选择自己想要的图标素材

1.3-19_.png

图1.3-19
1.3-20_.png

图1.3-20
点击保存,并预览效果

1.3-21_.png

图1.3-21

由于是背景音乐,无需将图标显示在画面中,因此可将舞台上图标用鼠标拖动至舞台之外。

1.3-22_.png

图1.3-22

视频处理方式

注:添加的视频格式为mp4,视频大小控制在20M以内,太大的话在手机上播放会出现卡的情况。
点击添加第2页面,在第2页面中,点击“视频”按钮,在弹出的“导入视频”对话框中点击“选择文件”按钮,选择自己想要添加的视频文件。

1.3-23_.png

 
图1.3-23

1.3-24_.png

图1.3-24

点击“上传”→“确定”,将视频素材添加进舞台,点击保存。

1.3-25_.png

图1.3-25

替换视频控制图标:首先点击“素材库”按钮,在“媒体库”对话框中添加自己想要的控制图标素材。

1.3-26_.png

图1.3-26

使用“变形”工具调整素材大小位置

1.3-27_.png

图1.3-27

鼠标选中“选择”工具,点击图标右边的“添加/编辑行为”按钮

1.3-28_.png

图1.3-28

在“编辑行为”对话框中选择“媒体播放控制”→“播放视频”,点击“编辑”按钮

1.3-29_.png

图1.3-29

在“参数”对话框中选择“视频元件”为“视频1”,点击“确认”,点击保存,点击预览效果。

1.3-30_.png

图1.3-30

隐藏播放按钮:在舞台上选中视频素材,在其“属性”面板内将“隐藏播放按钮”设置为“是”,其他视频属性可自由调控。

1.3-31_.png

图1.3-31

注:音频、视频添加至舞台后,可作为元件自动列属在“元件”面板下,这些元件在舞台上被删除后,仍可在“元件”面板中找到。选中需添加的元件,点击“元件”面板下“添加到画布”按钮即可将选中元件添加至舞台,同时也可用鼠标直接将元件拖至舞台放开的方式添加元件至舞台。
1.3-32_.png

图1.3-32
1.3-33_.png

图1.3-33
 

​1.6.2 作品创建前必读: 图片的处理

mingyueliu 发表了文章 • 0 个评论 • 6485 次浏览 • 2016-09-19 16:40 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​​
 


图片素材处理:如果你的舞台是320*520(像素)大小,那么素材应处理成640*1040双倍精度。设计时考虑到某些素材被截掉,需要我们在设计平面时预留一些安全空间(注:如果你的舞台是320*520大小,那么安全框 查看全部

 


图片素材处理:如果你的舞台是320*520(像素)大小,那么素材应处理成640*1040双倍精度。设计时考虑到某些素材被截掉,需要我们在设计平面时预留一些安全空间(注:如果你的舞台是320*520大小,那么安全框应局限在320*416像素,即宽高分别为320像素、416像素),在安全空间内不要放重要的设计元素。

1.3-5_.png

图1.3-5

压缩素材:将素材导入Mugeda时,我们需要将其压缩。

压缩方法一:PS压缩

在PS中打开PSD素材,除去透明度,按住Ctrl+Shift+Alt+S,打开“储存为Web和设备所用格式”对话框,选择“优化的文件格式”为“PNG8”,点击“存储”将素材存储至所选位置。

1.3-6_.png

图1.3-6

压缩方法二:TinyPNG压缩

输入网址https://tinypng.com/进入TinyPNG官网,将需压缩的文件拖进相应位置
1.3-7_.png

图1.3-7
1.3-8_.png

图1.3-8

等待其自动压缩

1.3-9_.png

图1.3-9

压缩完后,点击“Download all”下载全部压缩文件

1.3-10_.png

图1.3-10

压缩方法三:Mugeda压缩

如下图,在Mugeda页面导入PSD格式,“文件”→“导入”→“Photoshop(PSD)文件”,打开“导入Photoshop(PSD)素材”对话框

1.3-11_.png

图1.3-11

将PSD文件直接拖动至对话框,或点击对话框打开PSD文件

1.3-12_.png

图1.3-12

将PSD文件拖至对话框后,如图点击全选中PSD文件的各个素材,点击“分层导入”

1.3-13_.png


图1.3-13

即可将PSD文件中的每图层上的素材依次分层导入Mugeda。

1.3-14_.png

图1.3-14

​1.51 快速入门:学会使用Mugeda模板

mingyueliu 发表了文章 • 0 个评论 • 6631 次浏览 • 2016-09-18 17:37 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​​
 
 
点击创建新作品,进入新作品操作页面。点击“从模板添加”按钮,





图1.2-83

在“选择模板”对话框中选择自己想要的模板,点击“确定”将模板编辑页面移入新作品操作页面。





图1.2-84

查看全部

 
 
点击创建新作品,进入新作品操作页面。点击“从模板添加”按钮,
1.2-83_.png


图1.2-83

在“选择模板”对话框中选择自己想要的模板,点击“确定”将模板编辑页面移入新作品操作页面。

1.2-84_.png

图1.2-84

在模板中,替换自己想要的素材,如图,选中背景图片,点击“属性”面板中的图像“编辑”按钮,在弹出的“媒体库”中选择自己想要的背景素材进行替换(注:替换的素材宽高数值必须是与被替换素材等比例缩放的大小)

1.2-85_.png

图1.2-85
1.2-86_.png

图1.2-86

替换“头像”素材:由于该模板中该头像素材已被编成组,因此需鼠标双击该素材,进入“组”操作页面。

1.2-87_.png

图1.2-87

在“组”页面中,可点击“头像”素材,在其“属性”面板中点击图像“编辑”按钮,替换素材。

1.2-88_.png

图1.2-88
1.2-89_.png

图1.2-89

同理,可以相同方式替换模板中的其他素材。

案例模板介绍:回到Mugeda账号首页,在Mugeda官网上可选择“模板”进入模版库中。
在模板库中,点击想要选择的模板右下角“使用”按钮,使用该模板。(注:只有普通版和专业版可以使用该H5模板)

1.2-90_.png

图1.2-90
 

​1.4.1 快速入门:H5作品相关设置-加载、文档信息

mingyueliu 发表了文章 • 0 个评论 • 6109 次浏览 • 2016-09-18 17:12 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程 
 

 方法一:在操作页面右侧的“加载”面板里设置加载页面属性。如下图,设置加载样式:进度条;提示文字:“正在加载……”;文字大小:12;动态文字:否





图1.2-67

设置颜色:点击有颜色的正方形方框,在出现 查看全部

 

 方法一:在操作页面右侧的“加载”面板里设置加载页面属性。如下图,设置加载样式:进度条;提示文字:“正在加载……”;文字大小:12;动态文字:否

1.2-67_.png

图1.2-67

设置颜色:点击有颜色的正方形方框,在出现的颜色框内选取自己想要的颜色。也可以按住Alt键,鼠标在舞台上选取某一颜色。

1.2-68_.png

图1.2-68

添加加载页面图片:点击“背景图片”“前景图片”右侧“+”标志,在弹出的“媒体库”中选择自己想要的图片素材。

1.2-69_.png

图1.2-69

改变“图片宽度”为100像素(等比例缩放),点击保存、预览。

1.2-70_.png

图1.2-70

方法二:点击第1页面左上角的绿色“+”标志在第1页面前插入一个新页面

1.2-71_.png

图1.2-71

在新首页添加一张图片素材

1.2-72_.png

图1.2-72

在右侧“加载”面板里将样式设为“首页作为加载页面”,点击预览,即首页为加载页面。

1.2-73_.png

图1.2-73
 
编辑文档信息
 
点击“文件”→“文档信息”

1.2-74_.png

图1.2-74

在弹出的“文档信息选项”对话框填写信息,如下图所示,填写转发标题:“来!摇个配偶吧!”;转发描述:“你会摇中谁来当配偶”;导出名称:“单身狗相亲”,点击“选择文件”选择预览图片,点击“确认”,并保存。

1.2-75_.png

图1.2-75
 
以下操作素材可通过:“素材库——新手入门素材”中找到。

1.2.4 快速入门:制作翻页动画

mingyueliu 发表了文章 • 0 个评论 • 6828 次浏览 • 2016-09-18 16:24 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​​
 

制作翻页动画

添加新页面:点击“添加新页面”按钮,可添加一个新空白页面。





图1.2-26

复制页面:点击“复制页面”按钮,可复制一个与上页面完全相同的页面,包括素材及其动画效果。





图1 查看全部

 

制作翻页动画

添加新页面:点击“添加新页面”按钮,可添加一个新空白页面。

1.2-26_.png

图1.2-26

复制页面:点击“复制页面”按钮,可复制一个与上页面完全相同的页面,包括素材及其动画效果。

1.2-27_.png

图1.2-27

替换背景图片:选中复制的第2页,选中舞台上的背景图片素材,点击属性栏内的“编辑”按钮,在弹出的“媒体库”对话框中选择要更替的图片素材,点击“添加”按钮,替换原有图片。

1.2-28_.png

图1.2-28
1.2-29_.png

图1.2-29

同理复制第3页面,替换背景图片。点击保存并预览效果。

1.2-30_.png

图1.2-30

:若在预览中出现某素材动画效果不断循环重复的情况,可在上方菜单栏选择“动画”→去掉“循环”效果。

1.2-31_.png

图1.2-31
1.2-32_.png

图1.2-32

制作翻页效果:在“翻页”菜单栏内设置翻页属性。
  • 翻页效果:三维翻转;
  • 退出效果:无;
  • 翻页方向:左右翻页;
  • 循环:是;
  • 翻页时间:600毫秒;
  • 保存并预览效果。


1.2-33_.png

图1.2-33
以上操作素材可通过:“素材库——新手入门素材”中找到哦