“创作”页面帮助

介绍

主要按钮

编辑瓦片形状

编辑瓦片细节

编辑颜色

使用 Inkscape 绘制内部细节

保存镶嵌画

动画

分享作品

提示

键盘快捷键

介绍

“创作”页面邀请您创作自己的镶嵌艺术品:

  • 编辑关键瓦片轮廓以制作有趣的形状
  • 绘制内部细节使形状栩栩如生
  • 选择瓦片颜色
  • 保存到您的设备或 Google 云端硬盘
  • 为您的作品制作动画
  • 导出图像或视频
许多功能最好通过实验来发现。 此外,本页提供了概览,并详细介绍了可能不太清楚的功能。

此视频展示了完整创作过程的示例:

主要按钮

Back to top

有两种编辑模式 — 一种用于瓦片形状,另一种用于瓦片细节:

形状模式 通过添加和移动点来编辑瓦片形状
细节模式 使用绘图工具编辑内部瓦片细节

主工具栏有这些按钮:

保存 保存当前镶嵌画(如果有未保存的更改,按钮会变红)
文件菜单 创建、打开、保存、导出镶嵌画或查看其信息
视图菜单 缩放、显示/隐藏叠加层或显示动画
颜色面板 为瓦片和细节选择颜色
设置  
帮助 显示此页面
撤销 撤销上次操作
重做 重做上次撤销
放大 使瓦片看起来更大
缩小 使瓦片看起来更小

编辑瓦片形状

Back to top

形状模式 下,修改关键瓦片的轮廓:

  • 拖动点来移动它。其他点也会相应移动以保持瓦片相邻。
  • 点击瓦片边缘以添加点。点是角点还是曲线点取决于当前激活的工具。 也会在边缘的配对边缘上添加一个点。
  • 拖动镶嵌图进行滚动。

可以使用以下顶部工具按钮:

添加曲线点 点击瓦片边缘添加曲线点;拖动点来移动它
添加角点 点击瓦片边缘添加角点;拖动点来移动它
旋转镶嵌图 拖动镶嵌图进行旋转

当选中添加的点时,会出现这些按钮:

在选中点处放松曲线
在选中点处收紧曲线
删除选中点

您还可以撤销和重做您的编辑、为瓦片着色,以及使用键盘快捷键

编辑瓦片细节

Back to top

细节模式 下,在关键瓦片上绘制内部细节。 (请注意,作为替代方案,您可以使用 Inkscape 绘制内部细节。)

可以使用以下顶部工具按钮:

选择 选择、移动、调整大小和旋转对象
平移 滚动视图
画圆 拖动以从圆心创建圆
绘制曲线形状和线条 点击以添加一系列曲线点;返回第一个点以闭合,或双击添加最后一个点
绘制角点形状和线条 点击以添加一系列角点;返回第一个点以闭合,或双击添加最后一个点
手绘 拖动以直接绘制 
旋转镶嵌图 拖动镶嵌图进行旋转
对象菜单 选择、复制/粘贴以及提升/降低对象的选项

当选中对象时,会出现这些按钮:

编辑选中对象的点 点击此按钮(或双击对象)进入点编辑模式
删除选中对象  

在点编辑模式下,会出现这些按钮:

在选中点处放松曲线
在选中点处收紧曲线
删除选中点

您还可以撤销和重做您的编辑、编辑颜色,以及使用键盘快捷键

编辑颜色

Back to top

颜色面板 有独立的标签页,分别用于编辑瓦片本身的颜色和编辑瓦片细节对象的颜色。

在“瓦片颜色”标签页上,尝试点击几次“自动选取”按钮,寻找您喜欢的配色方案。 或者单独设置瓦片颜色,通过选择“填充”行中的色块并使用颜色控件来调整每种瓦片颜色。 您还可以使用“边框”行中的控件添加瓦片边框。

“细节颜色”标签页在细节模式下工作,用于编辑当前选中细节对象的颜色。 标签页顶部的单选按钮让您可以选择“使用瓦片颜色”或“选取颜色”。

当选择“使用瓦片颜色”时(默认选项), 选中对象的颜色是根据当前选定的瓦片颜色派生出来的。 使用以下选项设置对象的“填充”颜色和“边框”颜色:

  • 使用瓦片色度 — 对象颜色基于瓦片颜色(指定百分比的变亮或变暗)。
  • 使用相邻瓦片颜色(默认) — 对象颜色将与相邻瓦片的填充颜色相同。
  • 使用瓦片边框颜色 — 对象颜色将与瓦片边框颜色相同(即使没有可见的瓦片边框)。

或者,当选择“选取颜色”时,您可以指定细节对象在每种瓦片颜色背景下的外观, 使用上述“瓦片颜色”标签页中描述的相同控件。  此外,您可以勾选“所有瓦片相同”,使对象在任何颜色的瓦片上颜色都保持一致。

使用 Inkscape 绘制内部细节

Back to top

作为内置绘图工具的替代方案,您可以使用强大的 Inkscape 设计应用来绘制内部瓦片细节。 通过这种方法,您在 Tiled.art 中编辑瓦片形状(但不编辑细节),并在 Inkscape 中编辑瓦片细节(但不编辑形状)。 在任何阶段,您都可以在 Tiled.art 中打开组合后的镶嵌画,并像往常一样制作动画或导出。

此视频展示了一个示例:

这里有一个建议的工作流程:

  在 Tiled.art 中 在 Inkscape 中
1
  • 编辑关键瓦片形状。
  • “保存 Inkscape 瓦片”(文件菜单 ) 以 Inkscape 的 SVG 格式保存单个瓦片。
 
2  
  • 打开您保存的 SVG。
  • 使用任何 Inkscape 工具绘制细节。对象是在瓦片后面还是前面并不重要, “画出界”也没关系 — 当在 Tiled.art 中打开 SVG 时,只有与瓦片内部重叠的部分才可见。
  • 保存。
3
  • 打开 SVG。
  • 如果需要,微调关键瓦片形状,保存,并重复步骤 2。
  • 检查“信息”(文件菜单 ) 中的“瓦片数量”选项。
 
4  
  • 复制瓦片和细节,使每种瓦片颜色都有一份副本。 (瓦片数量必须是步骤 3 中的“瓦片数量”选项之一。)
  • 为所有瓦片和细节对象着色。
  • 保存。
5
  • 打开 SVG 查看完整的镶嵌画。
  • 根据需要制作动画和/或导出。
 

保存镶嵌画

Back to top

文件菜单 提供了镶嵌画文件的操作 — 新建、保存、打开和导出。 镶嵌画文件可以存储在当前设备本地,也可以存储在 Google 云端硬盘中。

请注意,没有自动保存功能 — 请务必保存您的更改! 为了提醒您,当有未保存的更改时,保存按钮 会变红。

本地存储文件的行为取决于设备和浏览器。例如:

  • 在 Windows / Mac / Linux 上的 Chrome 或 Edge 中,只有初次保存会弹出对话框。
  • 在 Windows / Mac / Linux 上的其他浏览器(如 Firefox 或 Safari)中,每次保存都会弹出对话框。
  • 在 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
or  press Space bar
Jump to frame Click a stage image
or  click the slider
or  drag the slider
Move forward 1 step Press Right arrow
Move forward 4 steps Press Shift + Right arrow
Move forward ½ step Press Ctrl + Right arrow
Move backward 1 step Press Left arrow
Move backward 4 steps Press Shift + Left arrow
Move backward ½ step Press Ctrl + Left arrow
Move to start Press [
Move to end Press ]

分享作品

Back to top

分享镶嵌艺术品的最佳方式是导出图像或视频,并将其发布到您最喜欢的分享网站。

要导出图像,请从文件菜单 中选择“导出 PNG 图片”或“导出 SVG 图片”。 要导出视频,请通过视图菜单 打开动画,然后选择“导出视频”。

分享时,请使用标签 #TiledDotArt 来帮助其他 Tiled.art 用户找到您的作品。

提示

Back to top
  • 当您制作新的镶嵌画时,瓦片形状通常是不规则的。 如果您想从更对称的瓦片形状开始,只需点击撤销按钮

  • 要查看当前镶嵌画基于哪种对称性,请通过文件菜单 打开“信息”面板。

  • 如果您更改了瓦片颜色并想恢复默认颜色,请在颜色面板上更改“瓦片颜色数量”,然后再改回您正在使用的数量。

键盘快捷键

Back to top

以下键盘快捷键可用于加快编辑速度。 (在 Mac 上,请用 “Command” 代替 “Ctrl”,用 “Option” 代替 “Alt”。)

模式
形状模式 S
细节模式 D
形状模式工具
曲线点工具 Shift + CEscape
角点工具 Shift + A
旋转工具 Shift + R
细节模式工具
选择工具 Escape
椭圆工具 Shift + E
多段线工具 Shift + L
多段曲线工具 Shift + P
手绘工具 Shift + F
旋转工具 Shift + R
面板和菜单
颜色面板 Alt + C
文件菜单 Alt + F
视图菜单 Alt + V
编辑点
移动选中点 方向键
以 10 倍步长移动选中点 Shift + 方向键
在当前点处制作曲线 C
在当前点处制作角点 A
在当前点处放松曲线 L
在当前点处收紧曲线 T
选择下一个点(向前) F
选择前一个点(向后) B
在当前点后添加点 V
编辑细节对象
移动选中对象 方向键
以 10 倍步长移动选中对象 Shift + 方向键
全选对象 Ctrl + A
复制选中对象 Ctrl + C
粘贴拷贝的对象 Ctrl + V
克隆(Duplicate)选中对象 Ctrl + D
撤销
撤销上次操作 Ctrl + Z
重做上次操作 Ctrl + Y
缩放和视图
放大 +=
缩小 _
缩放至适应关键瓦片 K
缩放至适应镶嵌图 N
滚动视图 Ctrl + 方向键
显示/隐藏叠加层 O
文件
新建镶嵌画 Ctrl + M
打开镶嵌画 Ctrl + O
保存镶嵌画 Ctrl + S
另存为镶嵌画 Ctrl + Shift + S
还原到已保存 Ctrl + E
当前镶嵌画信息 Ctrl + I