界面与舞台简介

一、界面概览

1. 常用菜单栏

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

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

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

3. 时间线(时间轴)

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

4. 工具条

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

5. 页面栏

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

6. 舞台

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

7. 属性栏

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

二、菜单栏

菜单栏包括“文件”“编辑”“视图”“动画”“功能演示”五大板块。
1.“文件”:包括“新建”“打开”“保存”等功能。

2.“编辑”:包括“撤销”“重做”“剪切”“复制”“锁定物体”及“全部解锁”等功能。

2.1“锁定”功能
选择舞台上需锁定的物体,点击“编辑”→“锁定物体”,即将物体锁定。锁定后不能对其进行位置、大小等属性调节。点击“编辑”→“全部解锁”即解锁所有被锁定的物体。

2.2“排列”功能
“排列”功能即排列舞台上各个物体的层次覆盖顺序。例如选择舞台上的红框,点击“编辑”→“排列”→“上移一层”,即可将红框移至蓝框之上。

2.3“对齐”功能
“对齐”功能用于舞台上物体之间的排版。包括“左”“右对齐”“上”“下对齐”等对齐方式。如图,同时选中需对齐的物体,点击“编辑”→“对齐”→“右对齐”,即出现两个物体右对齐效果。

2.4“变形”功能
“变形”功能包括“左右翻转”“上下翻转”两种变形方式。如图,选中需翻转的物体,点击“编辑”→“变形”→“左右翻转”即可将物体左右翻转。

  • 注:“排列”“对齐”“变形”等功能可直接在舞台上选中物体,右键出现功能列表。

3.“视图”:包括“工具条”“工具箱”“标尺”等功能。

3.1 “标尺”功能

点击“标尺”功能即可在舞台上出现标尺,便于排版等操作。

4.“动画”:包括“插入关键帧动画”“删除关键帧动画”“插入进度动画”“删除进度动画”等功能。

5.“功能演示”:包括“快捷键”“交互教程”,“交互教程”下会有Mugeda相关教程讲解。

三、快捷工具栏

如下图,快捷工具栏包括“新建”“打开”“保存”“剪切”“复制”“粘贴”“删除”“撤销”“重做”“播放”“停止”“预览”“通过二维码共享”“脚本”“发布”等快捷按钮。

其中,“通过二维码共享”中包括预览地址链接、编辑地址链接、手机可扫描预览的二维码等功能。

四、时间线

时间线是制作动画的关键功能。时间线把图层和图像、帧按时间进行组合、播放来形成动画。时间线包含“图层”“帧”区域;底下有“新建图层”“新建图层夹”“删除图层”“洋葱皮”“转为遮罩层”“添加遮罩层”“切换遮罩显示”功能按钮;“帧速”“当前帧位置”“当前帧时间”等显示。

五、工具条

工具条包含“选择”“媒体”“绘制”“控件”“表单”“微信”六大工具板块。

1.“选择”:包括“选择”“节点”“变形”“缩放比例”“快捷工具”五大工具。

2.“媒体”:包括“素材库”“图像”“声音”“视频”“文字”“文本段落”“幻灯片”“网页”“曲线图表”工具。

3.“绘制”:包括“直线”“曲线”“矩形”“圆角矩形”“椭圆”“多边形”等工具

4.“控件”:包括有“擦玻璃”“点赞”“绘画板”“定时器”“随机数”“陀螺仪”等工具。

5.“表单”:包括“输入框”“单选框”“多选框”“列表框”“表单”等工具。

6.“微信”:包括“微信头像”“微信昵称”“定制图片”“录音”等工具。

六、页面栏

在“页面栏”下可通过点击页面下的“+”添加多个新页面,通过点击切换页面,页面栏下的每个页面都是一个单独的动画。

点击页面右下角“从模板中添加”按钮可从Mugeda自带模板中选择添加模板页面。

七、舞台

“舞台”是整个界面的核心区域,位于界面的中央,在其周围,留有一定的编辑缓冲区域,该区域内的对象不会在最终的内容展示上出现,但是可以用来很方便的组织暂时不在舞台的对象。动画在“舞台”区域内制作和播放。

八、属性面板

1.“属性面板”

“属性面板”显示和控制“舞台”及动画元素的各种参数,其中包括“内容标题”“舞台”或“元素”及其图像、宽高、帧速设置、填充色设置等功能。

2.“元件库”

“元件库”包含声音元件和动画元件。“元件库”对元件进行管理的必要功能,例如新建元件,复制元件、生成文件夹、删除元件、导出导入元件、等。一个元件是一个包含有自身独立的时间线的动画片段,可以反复在舞台上使用,创建比较复杂的组合动画。

3.“翻页面板”
“翻页面板”包括“翻页效果”“退出效果”“翻页方向”“循环”“翻页时间”“翻页图标”

4.“分享面板”
“分享面板”包括转发标题、转发描述、朋友圈转发标题等分享信息。

5.“加载”设置
“加载”的样式包含“默认”“进度条”“进度环”“旋转加载”“旋转加载+百分比”“首页作为加载界面”

观看本节视频教程:
http://medu.mugeda.com/lesson/5948eb0f9aeb7060c44f03e4