简介
"创建"页面让您可以创作自己的密铺艺术:
- 编辑关键瓦片轮廓以创建有趣的形状
- 绘制内部细节使形状栩栩如生
- 选择瓦片颜色
- 保存到您的设备或 Google 云端硬盘
- 为您的作品制作动画
- 导出图片或视频
这个视频展示了完整的创作过程:
主要按钮
Back to top有两种编辑模式 — 一种用于瓦片形状,一种用于瓦片细节:
| 形状模式 | 编辑瓦片形状,通过添加和移动点 | |
| 细节模式 | 编辑内部瓦片细节,使用绘图工具 |
主工具栏有以下按钮:
| 保存 | 保存当前密铺图案(如果有未保存的更改,按钮会变红) | |
| 文件菜单 | 新建、打开、保存、导出或查看密铺图案信息 | |
| 视图菜单 | 缩放、显示/隐藏叠加层或显示动画 | |
| 颜色面板 | 选择颜色用于瓦片和瓦片细节 | |
| 设置 | ||
| 帮助 | 显示此页面 | |
| 撤销 | 撤销上一个操作 | |
| 重做 | 重做上一个撤销 | |
| 放大 | 使瓦片显示得更大 | |
| 缩小 | 使瓦片显示得更小 |
编辑瓦片形状
Back to top在形状模式中,修改关键瓦片的轮廓:
- 拖动点来移动它。其他点也会移动以保持瓦片相邻。
- 点击瓦片边缘添加点。根据活动工具,点将是带角度的或曲线的。 点也会被添加到边缘的配对边缘上。
- 拖动密铺图案来滚动。
这些顶部工具按钮可用:
| 添加曲线点 | 点击瓦片边缘添加曲线点;拖动点来移动它 | |
| 添加角点 | 点击瓦片边缘添加角点;拖动点来移动它 | |
| 旋转密铺图案 | 拖动密铺图案来旋转它 |
当选中添加的点时,会显示这些按钮:
| 放宽所选点的曲线 | |
| 收紧所选点的曲线 | |
| 删除所选点 |
编辑瓦片细节
Back to top在细节模式中,在关键瓦片上绘制内部细节。
这些顶部工具按钮可用:
| 选择 | 选择、移动、调整大小和旋转对象 | |
| 平移 | 滚动视图 | |
| 绘制圆形 | 从圆心拖动创建圆 | |
| 绘制曲线形状和线条 | 点击添加一系列曲线点;返回第一个点关闭,或双击添加最后一点 | |
| 绘制角度形状和线条 | 点击添加一系列角度点;返回第一个点关闭,或双击添加最后一点 | |
| 自由绘制 | 拖动直接绘制 | |
| 旋转密铺图案 | 拖动密铺图案来旋转它 | |
| 对象菜单 | 选择、复制/粘贴和上移/下移对象的选项 |
当选中对象时,会显示这些按钮:
| 编辑所选对象的点 | 点击此按钮(或双击对象)进入点编辑模式 | |
| 删除所选对象 |
在点编辑模式下,会显示这些按钮:
| 放宽所选点的曲线 | |
| 收紧所选点的曲线 | |
| 删除所选点 |
编辑颜色
Back to top颜色面板有单独的选项卡,用于编辑瓦片本身的颜色和瓦片细节对象的颜色。
在"瓦片颜色"选项卡上,尝试多次点击"自动选择"按钮来找到您喜欢的配色方案。 或者单独设置瓦片颜色,在"填充"行中选择色块并使用颜色控件调整每个瓦片颜色。 您还可以使用"边框"行中的控件添加瓦片边框。
"细节颜色"选项卡在细节模式下工作,用于编辑当前所选细节对象的颜色。 选项卡顶部的单选按钮让您选择"使用瓦片颜色"或"选择颜色"。
当选择"使用瓦片颜色"时(默认为此选项), 所选对象的颜色派生自当前选择的瓦片颜色。 使用以下选项设置对象的"填充"颜色和"边框"颜色:
- 使用瓦片颜色的阴影 — 对象颜色基于瓦片颜色(指定的百分比更浅或更深)。
- 使用相邻瓦片的颜色(默认)— 对象颜色将与相邻瓦片的填充颜色相同。
- 使用瓦片边框颜色 — 对象颜色将与瓦片边框颜色相同(即使没有可见的瓦片边框)。
或者,当选择"选择颜色"时,您可以指定细节对象在每种瓦片颜色下的显示方式, 使用与"瓦片颜色"选项卡相同的控件。 此外,您可以选中"所有瓦片相同"使对象的颜色在任何颜色的瓦片上保持相同。
保存密铺图案
Back to top文件菜单有密铺图案文件的操作 — 新建、保存、打开和导出。 密铺图案文件可以存储在当前设备的本地,也可以存储在 Google 云端硬盘中。
请注意没有自动保存 — 请保存您的更改! 为了帮助提醒您,当有未保存的更改时,保存按钮会变红。
本地存储文件的行为取决于设备和浏览器。例如:
- 在 Windows/Mac/Linux 上使用 Chrome 或 Edge,只有首次保存会弹出对话框。
- 在其他浏览器(如 Firefox 或 Safari)上在 Windows/Mac/Linux 上,每次保存都会弹出对话框。
- 在 iOS 或 Android 上,每次保存都是"下载",没有替换先前版本的选项。
保存到 Google 云端硬盘时,无论设备和浏览器如何,只有首次保存会弹出对话框。
动画
Back to top从视图菜单中,您可以用两种不同的方式为当前密铺图案制作动画。 "从网格动画"显示类似首页上的动画, "从形状动画"显示类似艺术页面上的动画。
You can interact with the animation using these controls:
| Play or pause |
Click "play" button or click the artwork |
| Jump to frame |
Click a stage image or click the slider or drag the slider |
分享您的作品
Back to top分享密铺图案艺术品的最佳方式是导出图片或视频,然后发布到您喜欢的分享网站。
要导出图片,请从文件菜单中选择"导出 PNG 图片"或"导出 SVG 图片"。 要导出视频,请从视图菜单打开动画,然后选择"导出视频"。
分享时请使用标签 #TiledDotArt 来帮助其他 Tiled.art 用户找到您的作品。
技巧
Back to top当您创建新的密铺图案时,瓦片形状通常是不规则的。 如果您想从一个更对称的瓦片形状开始,只需点击撤销按钮。
要查看当前密铺图案基于哪种对称性, 通过文件菜单打开"信息"面板。
如果您更改了瓦片颜色并想恢复到默认颜色, 更改颜色面板上的"瓦片颜色数量",然后再改回您使用的数量。