"创建"页面帮助

简介

主要按钮

编辑瓦片形状

编辑瓦片细节

编辑颜色

使用 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 工具绘制细节。对象在瓦片后面还是前面都没关系, 画到"线外"也没关系 — 只有与瓦片内部重叠的部分在 SVG 于 Tiled.art 中打开时才会可见。
  • 保存。
3
  • 打开 SVG。
  • 如果需要,调整关键瓦片形状,保存,然后重复步骤2。
  • 查看"信息"(文件菜单 ) 中的"瓦片数量"选项。
 
4  
  • 复制瓦片和细节,使您为每种瓦片颜色都有一份副本。 (瓦片数量必须是步骤3中"瓦片数量"选项之一。)
  • 为所有瓦片和细节对象着色。
  • 保存。
5
  • 打开 SVG 查看完整的密铺图案。
  • 根据需要制作动画和/或导出。
 

保存密铺图案

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
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 上,将"Ctrl"替换为"Command",将"Alt"替换为"Option"。)

模式
形状模式 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
复制所选对象 Ctrl + D
撤销
撤销上一个操作 Ctrl + Z
重做上一个操作 Ctrl + Y
缩放和视图
放大 +=
缩小 _
缩放至适应关键瓦片 K
缩放至适应密铺图案 N
滚动视图 Ctrl + 方向键
显示/隐藏叠加层 O
文件
新建密铺图案 Ctrl + M
打开密铺图案 Ctrl + O
保存密铺图案 Ctrl + S
另存密铺图案 Ctrl + Shift + S
恢复到已保存版本 Ctrl + E
当前密铺图案信息 Ctrl + I