智绘云创 · 企业版交互动画演示工作台
全面掌握操作与快捷键,提升创作效率。
一、界面布局
- 左侧面板:文件列表、素材库入口、保存/加载工程、选中计数、搜索框。
- 右侧画布:媒体元素放置区域,支持缩放、平移、多选。
- 顶部工具栏:导出、颜色调节、控件库、线宽预设、绘制形状、阵列、绘制工具(管道/动线/波浪线)、仅选择模式、锁定开关、网格切换等。
- 视口控制栏:背景设置、全屏、显示全部、原图、缩放工具、添加文字、隐藏/显示、选择替代、重建替代下拉菜单、跟随/断开跟随、绑定/解绑、锁定/解锁。
- 底部工具栏:撤销/重做、集体/个体中心切换、旋转、缩放、重置变换、中心点重合、选择集编辑。
- 右侧分享按钮:生成分享链接与二维码。
文件管理
- 加载图像/视频:点击“加载图像”按钮或直接将文件拖入画布(支持多选)。
- 素材库:H 打开左侧抽屉,可按分类浏览或搜索素材,点击添加到画布中心。
- 保存工程:Ctrl+S,可保存到本地(.bqs)或上传到云端历史记录。
- 加载工程:Ctrl+L,可选择替换当前工程或合并到现有画布。
视口导航
- 平移:按住鼠标中键拖动画布,或按住空格键拖拽(当未处于绘制模式时)。
- 缩放:滚动滚轮;或使用缩放工具 Z 按住左键上下拖动。
- 重置视图:点击“原图”按钮恢复默认缩放与位置。
- 显示全部:Ctrl+F,缩放至所有元素可见。
- 网格:Ctrl+G 切换网格显示/隐藏。
- 全屏:F11 切换全屏模式。
元素选择
- 单选:左键点击元素。
- 加选/减选:Ctrl+左键(加选),Ctrl+Shift+左键(减选)。
- 框选:在空白处按住左键拖出矩形框,可选择框内元素(配合Ctrl可追加)。
- 全选/反选:在选中计数栏点击“全选”或“反选”按钮。
- 选择集:Ctrl+E 打开选择集编辑,可将当前选中保存为选择集,方便快速切换。
元素变换
- 移动:左键拖拽元素;微调可使用方向键或WASD(步长0.1px)。
- 旋转:点击左转/右转按钮(每次±90°),或在旋转输入框中直接输入角度(-360~360)。
- 缩放:点击放大/缩小按钮(±10%),或在缩放输入框输入百分比(10%~500%)。
- 翻转:点击水平/垂直翻转按钮。
- 重置变换:点击“重置”按钮恢复原始大小、旋转与翻转。
- 变换中心模式:个体中心(默认)/集体中心,通过底部工具栏按钮切换。
图层与层级
- 置顶/置底:点击“开启”/“关闭”按钮(分享模式下),或使用“置顶”/“置底”按钮(普通模式)。
- 上移/下移:在层级中上移或下移一层。
- 被关联为“跟随”的子对象层级随父对象变化。
锁定与隐藏
- 锁定/解锁:Shift+空格,锁定后元素不可拖动和变换。
- 隐藏/显示:选中元素后点击“隐藏/显示”按钮,或右键菜单选择隐藏/显示。文件列表中双击文件名也可快速隐藏/显示。
历史记录
- 撤销:Ctrl+Z
- 重做:Ctrl+Y 或 Ctrl+Shift+Z
绘制工具
- 线条:空格 进入/退出绘制模式。点击画布添加折点,右键或双击完成绘制(至少2个点)。支持正交/轴测锁定。
- 矩形:点击“绘制矩形”按钮,拖拽绘制,按住Shift可绘制正方形。
- 圆形/六边形/三角形:从“绘制形状”下拉菜单选择,拖拽绘制,按住Shift可绘制正图形。
- 动线:Shift+D 立即进入绘制模式(使用上次参数),或从“绘制工具”菜单选择“绘制动线”打开设置面板。支持箭头/蚂蚁线样式,可调节数量、大小、速度。
- 管道:Shift+G 立即进入绘制模式,或从“绘制工具”菜单选择“绘制管道”打开参数面板。左键确定起点,拖动确定长度和方向,右键完成。可设置直径、颜色、材质。
- 波浪线:Shift+B 立即进入绘制模式,点击起点和终点生成正弦波浪线。
控件库
从“控件库”下拉菜单可添加:
- 简单开关:一个具有“开/关”两种状态的交互元件,外观为圆角矩形滑块。它可以绑定多种交互行为,用于控制画布上其他元素的显示/隐藏、视频播放/暂停、状态切换等。详细教程
- 滑动条:普通滑动条(0~100)或百分比滑动条(带数值输入)。
- 多档开关:二档/三档/四档开关,可绑定视频速度或元素显示/隐藏(右键菜单进行绑定)。
绑定系统
- 轮流显示:选择至少2个元素,点击“轮流显示”按钮,再点击一个触发元素。每次点击触发元素会循环显示下一个元素。
- 置顶/置底绑定:选择要置顶(或置底)的多个元素,点击对应绑定按钮,再点击触发元素。点击触发元素时所有绑定元素一次性置顶或置底。
- 隐藏/显示绑定:选择要隐藏或显示的元素,点击“隐藏绑定”或“显示绑定”,再点击触发元素。点击触发元素切换目标元素的隐藏/显示状态。
- 解绑:点击“解绑”按钮进入解绑模式,再点击绑定元素可选择解除部分或全部绑定。
替代关系
- 建立替代:先选择普通元素(将被替代),点击“选择替代”按钮,再点击一个替代元素(将替代它们)。替代元素会获得红色标签,被替代元素获得绿色标签。
- 添加替代:选中已存在的替代元素和普通元素,点击“添加替代”可将普通元素加入被替代列表。
- 取消替代:选中替代元素或部分被替代元素,点击“取消替代”可解除关系。
- 重建替代:工程加载后,点击“重建替代”可根据文件名(如“替代001”“被替代001”)自动建立关系。
阵列
- Alt+A 启动阵列模式。先选中一个元素作为源,点击起点,移动鼠标确定方向,再次点击设置终点,输入间距后生成沿线阵列。
颜色调节
- Ctrl+H 打开颜色调节面板(需选中单个元素),可调节色相、饱和度、明暗、对比度。调节实时生效。
文字工具
- 点击“文字”按钮,然后在画布上单击放置文字。双击文字可编辑内容,右键可打开颜色选择器更改文字颜色。按ESC退出编辑。
裁剪
- 选中图片或视频后,拖动边缘的红色控制点(上下左右中心)进行裁剪。按住Shift点击控制点可重置裁剪。裁剪百分比会显示在文件名中。
跟随关系
- 选中子对象,点击“跟随”,再点击父对象。此后父对象的置顶/置底操作会带动所有子对象一起移动。点击“断开跟随”解除。
分享与导出
- 点击右下角“分享”按钮,输入标题后上传到云端,生成二维码和链接,可分享给他人(分享模式下仅支持置顶/置底和原图按钮)。
- 导出图像/动图/视频:从顶部“导出图像”下拉菜单选择,需联系客服协助(功能待完善)。
四、快捷键大全
| 操作 | 快捷键 | 说明 |
|---|---|---|
| 保存工程 | Ctrl+S | 本地或云端 |
| 加载工程 | Ctrl+L | 替换/合并 |
| 打开素材库 | H | 显示素材库抽屉 |
| 缩放工具 | Z | 激活后左键上下拖动缩放 |
| 显示全部 | Ctrl+F | 缩放到所有元素可见 |
| 网格切换 | Ctrl+G | 显示/隐藏网格 |
| 全屏 | F11 | 切换全屏 |
| 加选 | Ctrl+左键 | 追加选择 |
| 减选 | Ctrl+Shift+左键 | 从选择中移除 |
| 选择集编辑 | Ctrl+E | 打开选择集对话框 |
| 微移上/下/左/右 | W/S/A/D 或 方向键 | 步长0.1px |
| 中心点重合 | Ctrl+D | 将选中元素中心对齐到目标元素 |
| 锁定/解锁 | Shift+空格 | 锁定后不可拖动 |
| 撤销 | Ctrl+Z | |
| 重做 | Ctrl+Y / Ctrl+Shift+Z | |
| 线条绘制模式 | 空格 | 开始/结束绘制折线 |
| 动线绘制(立即) | Shift+D | 使用上次参数 |
| 管道绘制(立即) | Shift+G | 使用上次参数 |
| 波浪线绘制(立即) | Shift+B | 使用上次参数 |
| 仅选择模式 | Ctrl+X | 禁止拖动,仅可选择 |
| 正交锁定 | F | 只能沿水平/垂直移动 |
| 轴测锁定 | W | 只能沿30°、150°等方向移动 |
| 颜色调节 | Ctrl+H | 需选中单个元素 |
| 复制 | Ctrl+C / Ctrl+V | 复制选中元素 |
| 删除 | Delete | 删除选中元素 |
| 阵列 | Alt+A | 需先选中一个元素 |
| 添加文字 | (按钮) | 单击放置文字 |
五、右键菜单功能
- 在画布空白处右键:显示“全部取消隐藏”、“隐藏所有元素”、“选择全部元素”以及切换网格/锁定/仅选择模式的状态。
- 在元素上右键:
- 普通元素:显示隐藏/显示相关选项。
- 滑动条/开关:弹出绑定菜单(绑定视频速度/进度/裁剪,或解除绑定)。
- 管道:弹出属性编辑对话框,可实时调整直径、颜色、材质、长度。
- 动线:弹出编辑对话框,可修改样式、颜色、箭头数量等。
- 线条:弹出编辑对话框,修改颜色和宽度。
六、小贴士
- 工程文件(.bqs)采用Base64编码,包含所有元素信息、变换状态和绑定关系。
- 分享模式下,画布元素不可编辑,但绑定按钮仍然可点击触发功能(如轮流显示、置顶等)。
- 文件名中的特殊标记(如“替代001”、“轮显1-1”)会在重建时自动恢复关联关系,因此请勿随意修改文件名前缀。
- 若元素过多影响性能,可使用“隐藏”功能暂时关闭不需要的元素。