智绘云创 · 交互动画工作台
1. 界面快速浏览
- 左侧面板:用户信息、上传文件、素材库、工程保存/加载、文件列表(支持搜索)
- 右侧视口:画布区域,所有元素放置于此。顶部有绘图工具栏,左下角有视口控制栏,底部是变换工具栏
- 文件列表:双击文件名隐藏/显示,点击选中,右侧×删除,循环图标控制视频/GIF循环
2. 基础操作
2.1 添加媒体
本地文件:点击“加载图像”按钮(支持多选图片/视频)。
素材库:点击“素材库(H)”打开抽屉,搜索或浏览分类,点击素材添加至画布中心。
2.2 选择元素
- 单击:选中单个,显示蓝色虚线边框+八个控制点。
- 框选:空白处按住左键拖拽出矩形,框内元素被选中。
- 加选/减选:按住 Ctrl 单击加选;Ctrl+Shift 单击减选。
- 全选:右键空白处菜单选择“选择全部元素”。
2.3 移动元素
- 拖拽:选中后左键移动。
- 键盘微调:方向键(或 WASD)每次移动0.1像素。
- 仅选择模式:Ctrl+X 切换,开启后只能选择不能拖动。
2.4 删除与复制
- 删除:选中按 Delete 或点击文件名旁的×。
- 复制:选中后按 Ctrl+C 或按住 Shift 拖拽选中元素(可多元素同时复制)。
2.5 隐藏/显示
- 点击工具栏
隐藏/显示按钮,或双击文件名。 - 右键菜单中可选择“隐藏选定对象”、“全部取消隐藏”、“隐藏未选定元素”。
2.6 层级调整
- 置顶/置底:工具栏对应按钮(分享模式下变为“开启/关闭”)。
- 上移一层/下移一层:
上移/下移按钮。
3. 变换与编辑
缩放
底部工具栏 - / + 或输入百分比。支持个体中心/集体中心切换。
旋转
左转(-90°) / 右转(+90°),或直接输入角度。
翻转
水平翻转 / 垂直翻转 按钮。
中心点重合
先选移动对象,按 Ctrl+D 再点目标,使两者中心对齐。
锁定元素
空格 锁定/解锁选中元素(Shift+空格)。锁定后无法移动变换。
裁剪
图片/视频四边红色控制点拖动裁剪,Shift+点击重置。
颜色调节
选中单个元素,按 Ctrl+H 调节色相/饱和度/明暗/对比度。
4. 绘制工具
| 工具 | 操作说明 | 快捷键 |
|---|---|---|
| 线条 | 点击画布添加点,右键/双击完成。支持正交/轴测锁定。 | 空格 切换绘制模式(再次空格完成并退出) |
| 矩形/圆形/六边形/三角形 | 从“绘制形状”下拉选择,拖拽绘制。Shift 保持正形。 | — |
| 管道 | 设置直径、颜色、材质后绘制(左键起点-拖拽-释放) | Shift+G 立即进入管道模式 |
| 动线 | 选择箭头/蚂蚁线样式,点击起点→终点,自动生成动画。 | Shift+D 立即进入动线模式 |
| 波浪线 | 设置幅度/频率后点击两点生成波浪曲线。 | Shift+B 立即进入波浪线模式 |
| 文字 | 点击“文字”后在画布上放置,右键文字可更改颜色。 | — |
5. 高级功能
5.1 替代关系
建立:先选中多个“被替代”元素 → 点击 选择替代 → 再点击一个“替代”元素。替代元素的操作会同步到所有被替代元素。
添加被替代:选中一个替代元素和若干普通元素 → 点击 添加替代。
取消替代:选中替代元素或被替代元素 → 点击 取消替代。
重建替代:加载工程后点击“重建替代”,根据文件名前缀(替代001/被替代001)自动恢复关系。
5.2 轮流显示
选中2~10个元素 → 轮流显示 → 再点击触发元素。点击触发元素时,组内元素依次显示。文件名标注“轮显X-Y”和“【轮显触发-X】”。重建功能同理。
5.3 置顶/置底绑定
选中需要置顶的元素 → 置顶绑定 → 点击触发元素。点击触发时所有绑定元素一次性置顶。置底绑定同理。重建按钮可恢复。
5.4 隐藏/显示绑定
选中需要隐藏的元素 → 隐藏绑定 → 点击触发元素。点击触发切换隐藏状态。显示绑定同理。
5.5 跟随(父子关系)
选中子对象 → 跟随 → 点击父对象。子对象在父对象置顶/置底时跟随。断开:选中子对象 → 断开跟随。
5.6 绑定到按钮
选中一个媒体元素 → 绑定到 → 点击任意功能按钮(如“原图”、“文字”等)。对于“隐藏/显示”按钮会弹出选项。元素上显示绑定数量角标。解绑:进入解绑模式点击元素即可。
5.7 阵列
选中单个元素 → Alt+A → 点击画布设置起点(自动取元素中心) → 移动鼠标预览 → 点击终点 → 输入间距后生成阵列。
5.8 选择集
选中若干元素 → Ctrl+E → 输入名称保存。之后可从下拉列表快速选中。在对话框中可管理选择集(重命名、添加/移除)。
6. 视图与工程
- 缩放:鼠标滚轮,或激活缩放工具 Z(上下拖动缩放,右键退出)。
- 平移:按住鼠标中键拖动画布。
- 显示全部:Ctrl+F 自动调整以显示所有元素。
- 原图:点击“原图”重置缩放为100%。
- 网格:Ctrl+G 显示/隐藏20px网格。
- 背景:点击“背景”设置纯色或渐变背景。
- 保存工程:Ctrl+S,可选本地(.bqs)或上传网络。
- 加载工程:Ctrl+L,可选择替换或合并模式。
- 分享:右下角“分享”上传并生成链接/二维码。进入分享模式后仅能查看、缩放、平移及使用“开启/关闭”(原置顶/置底)。
7. 快捷键大全
| 快捷键 | 功能 |
|---|---|
| Ctrl+S | 保存工程 |
| Ctrl+L | 加载工程 |
| H | 打开/关闭素材库 |
| 空格 | 切换线条绘制模式(再次空格完成并退出) |
| Shift+D | 立即进入动线绘制模式(无面板) |
| Shift+G | 立即进入管道绘制模式 |
| Shift+B | 立即进入波浪线绘制模式 |
| Ctrl+G | 切换网格显示 |
| Z | 激活缩放工具(上下拖动缩放,右键退出) |
| Ctrl+X | 切换“仅选择模式”(只能选不能动) |
| Ctrl+O / Shift+F | 正交锁定 / 轴测锁定 |
| Ctrl+D | 中心点重合(先选移动对象,再点目标) |
| Ctrl+E | 打开选择集编辑对话框 |
| Alt+A | 启动阵列模式 |
| Ctrl+H | 打开颜色调节面板(需选中单个元素) |
| 空格 / Shift+空格 | 锁定/解锁选中元素(Shift+空格) |
| Delete | 删除选中元素 |
| Ctrl+C / Shift+拖拽 | 复制选中元素 |
| 方向键 / WASD | 微移选中元素(0.1px/次) |
| F11 | 切换全屏 |
| Ctrl+Z / Ctrl+Y | 撤销 / 重做 |
| Ctrl+F | 显示全部元素 |
| Esc | 取消当前绘制/绑定模式,关闭弹出面板 |
8. 右键菜单
- 元素上右键:显示基本信息(尺寸、旋转等);Shift+右键 查看媒体信息和绑定情况;Ctrl+右键 查看完整属性。
- 空白处右键:弹出视口菜单,包含“全部取消隐藏”、“隐藏所有元素”、“选择全部元素”、“显示网格”、“正交锁定”、“仅选择模式”等快捷操作。
9. 常见问题
- 无法移动元素? 可能元素被锁定(文件名前🔒),或处于“仅选择模式”,或是替代元素(需操作替代元素)。
- 替代元素和被替代元素区别? 替代元素是“控制方”,对它做的隐藏/显示、变换会同步到被替代元素。被替代元素自身不可直接操作。
- 如何快速重建复杂绑定? 使用“重建替代”、“重建轮流显示”等按钮,它们会根据文件名前缀自动恢复关系。
- 分享模式下能做什么? 缩放、平移、使用“开启/关闭”调整层级。点击绑定的元素可触发按钮功能。
- 视频/GIF控制条:视频底部有播放/暂停、静音、进度条(±5%步进);GIF底部有暂停/播放。
- 清除所有替代关系:选中替代元素或被替代元素,点击“取消替代”。
10. 基础版 vs 企业版 功能对比
| 功能模块 / 特性 | 基础版 | 企业版 |
|---|---|---|
| 🎛️ 企业版独家 · 工业控件与实时绑定 | ||
| 颜色调节功能 | ||
| UI控件库 (滑动条/百分比滑动条/二/三/四档开关) | ||
| 滑动条绑定视频速度/进度/裁剪方向 | ||
| 多档开关绑定视频速度 (每档独立速度) | ||
| 简单开关绑定 (隐藏/显示 + 置顶/置底 批量控制) | ||
| 导出图像/动图/视频 (联系客服协助导出) | ||
| 支持本地电脑加载的素材保存进工程后加载分享 | ||
| 重建控件绑定 (从文件名解析控件关联) | ||
| 🎨 核心绘制与动画 | ||
| 管道绘制(直径/材质可调) | ||
| 动线 / 箭头动画 / 蚂蚁线 | ||
| 基本形状 (矩形/圆/六边形/三角形) | ||
| 文字标注 / 富文本 | ||
| 波浪线 / 自由线条 | ||
| 🔄 变换与编辑 | ||
| 移动/旋转/缩放/翻转 | ||
| 阵列复制 | ||
| 裁剪(四边单独控制) | ||
| 锁定/解锁元素 | ||
| 隐藏/显示元素 | ||
| 层级调整 (置顶/置底/上移/下移) | ||
| 网格显示 / 正交/轴测锁定 | ||
| 🔗 高级绑定与逻辑 | ||
| 替代关系 (替代/被替代 + 自动编号) | ||
| 轮流显示绑定 (点击切换元素) | ||
| 置顶/置底绑定 (一键置顶/置底组) | ||
| 隐藏/显示绑定 (点击切换可见性) | ||
| 按钮绑定 (媒体元素关联最多3个按钮) | ||
| 跟随关系 (父子对象) | ||
| 从文件名重建绑定 (替代/轮流/置顶等) | ||
| 📁 工程管理 & 分享 | ||
| 选择集 (保存/加载选择) | ||
| 中心点重合 | ||
| 保存/加载工程 (本地文件/云端历史) | ||
| 无限撤销/重做 | ||
| 生成分享二维码 + 复制链接 | ||