通行线像素排版工具通行线像素排版工具文档

快速上手

简单几步,快速制作你的第一个像素作品

跟着这个简单的演示,我们将带您快速走一遍从创建内容到导出成品的整个核心流程。如果您已经有使用专业制图工具的基础,上手则会更加容易。只需简单几步,就能轻松完成您的第一个像素排版作品。

在开始快速上手之前,请先看看我们的工具界面长什么样吧!

界面概览

本指南中的界面操作均基于电脑端进行,移动端、平板端的操作大同小异,这里不重复展示。有关移动端、平板端的使用技巧,可参阅 在移动设备上使用

界面布局示意图

整个界面大体可以分成以下四个大区域:

  • 工具栏:位于界面顶部,包含添加元素、撤销/重做、对齐、字体管理、清空画布、清空存储、导出LED等操作。

  • 画布区域:位于界面中央,显示编辑中的LED屏幕内容预览。

  • 图层管理面板:位于界面底部左侧(移动端位于界面底部下方),管理元素层级和顺序,亦可控制图层的锁定、显示/隐藏图层、删除图层、复制图层。

  • 属性面板: 位于界面底部右侧(移动端位于界面底部上方),用于调整选中元素的属性。

接下来,一起来看看如何从头开始打造一个像素作品吧!

更快的上手方式——从模板开始!

您可以在通行线LED粉丝群等渠道获取到已经做好基础排版的JSON模板文件。在工具栏中点击图标,选择JSON文件即可将排版快速导入,之后按照下方的步骤继续操作即可。

1. 设置画布尺寸

画布尺寸

请先在界面的右上方,选择您预期生成的像素图片尺寸(通常和您购买的LED屏像素点一致)。我们预设了一些通行线常见LED产品的尺寸供您快速选择,您也可以选择自定义尺寸。

2. 上传字体

工具内默认不提供字体内嵌,您需要上传合适的字体以供文字显示。

由于LED显示屏的像素有限,目前市面上普遍使用的矢量字体未必能提供较好的显示效果。通通为大家简单整理了一份 字体推荐 ,您可从中找到合适的字体。

字体选择

在工具栏中点击字体管理,再点击上传字体,即可将您的OTF或TTF格式的字体文件上传。您可以选择单个字体文件,或是批量上传多个字体文件。若上传重名字体则会触发提示,由您选择是否需要覆盖。

3. 添加元素

元素列表

文字

在工具栏中点击“文字”按钮,即可添加文字。您可在属性面板里修改文字内容、文字坐标、文字颜色以及是否描边等。

形状

在工具栏中点击“形状”按钮,即可在矩形、圆形、椭圆和圆角矩形当中选择您需要的形状。您可在属性面板里修改其名称、宽度、高度和显示模式等。

图片

在工具栏中点击"图片"按钮即可将本地图片导入到画布中。

图片功能是用于让用户上传图标和已经排版好的其它内容,本工具不支持缩放所上传的图片,因此请确保上传的图片尺寸正确。此外,图片中的黑色部分会被“透明化”,视作不亮的像素点。

4. 元素操作

图层操作

分区(可选)

分区是用于辅助LED排版的功能,并不是所有像素排版作品均需要分区,您可按需使用。通过合适的分区,配合工具栏上的居中按钮,即可让元素在分区范围内实现垂直居中或水平居中。

  • 点击“分区”按钮创建新分区。
  • 您可以在预览框中拖拽其覆盖范围,也可以拉动右下角方框调整分区大小。
  • 您可以将现有的元素添加至分区。请点击该元素,在右侧编辑栏中的“分区”选择您想加入的分区当中。

选择与移动元素

  • 在画板上点击元素,或是在图层管理面板中选择对应元素,即会显示控制点。
  • 您可以直接拖拽元素来调整位置,或者在属性面板调整X、Y坐标实现微调。

属性面板里的X、Y坐标分别以左上角为零点,向右方向移动1格则X值加1,向下方向移动1格则Y值加1。您在拖动元素时,X、Y值也会自动变化。

调整大小

  • 对于形状元素,您可以拖拽右下角的控制点或在属性面板设置尺寸大小。
  • 若要调整文字元素的大小,您需要在属性面板里调整对应文字元素的字体大小。

复制元素

  • 在图层管理器中选择元素并点击复制,该图层的副本即可显示在左侧的图层栏。
  • 请注意,为避免元素混淆,请及时为复制后的图层重命名。

元素层级

与其它专业制图工具类似,本工具也引入了图层层级的概念。您可点击图层管理面板中的具体元素,通过元素右侧的上下箭头来调整元素层级。

锁定与解锁元素

为了防止已经放置好的元素被意外拖动,工具内引入了元素锁定的概念。您可点击图层管理面板中的具体元素,通过元素右侧的图标来锁定/解锁元素。

删除元素

您在图层管理面板上点击对应元素旁的图标来删除不需要的元素。

5. 导出作品

在完成了排版操作后,是时候导出您的大作了!您可点击工具栏上的“导出LED”按钮导出图片,建议选择GIF格式,并通过原厂的LOY PLAY/LED空间等APP将其刷入屏幕中。

6. 保存配置(可选,推荐)

为了方便下次使用时复用当前排版,或是将当前排版保存为模板分享给他人,您可将当前的排版配置导出。在工具栏上点击 按钮即可将当前排版导出为JSON文件。导出的JSON文件可以用于重复编辑,相当于专业制图工具的源文件。

本工具会利用浏览器的本地存储功能实时保存您所作的修改,但工具本身不支持多项目编辑,因此做好一次完整的排版后,通通十分建议您将配置文件保存下来,以便日后复用。当然,如果您没有进行一些破坏性的操作(例如清空存储),也可以不保存配置。每次打开本工具时,均会默认加载您最后一次的修改状态。

📚 更多资源

想要了解更多信息,请点击下方选项或左侧菜单栏。

On this page