矢量图是点,线坐标和颜色信息的凑集,矢量图可以无损缩放,不论缩小还是放大,矢量图的精度都不会改变。
矢量图的缺陷是很难用于像照片这样写实的图像。
虽然可以用矢量图创建看起来像像素画的东西,或者将像素画导出为矢量格式(须要将像素画打印到非常大的广告牌上时。
),但很少这样做。

SVG矢量图可以利用代码来天生或修正,比如下面的代码便是一个赤色的圆。

<circle cx =“50”cy =“50”r =“40”stroke =“black”stroke-width =“3”fill =“red”/>

位图则会保存每一个像素的颜色(6位数字的代码)和位置。
就像下面这样。

若何制作像素画8Aseprite像素画导出格式具体介绍

位图存储信息的办法会导致大尺寸的图片容量比矢量图大的多的多。
1080 x 1920的位图意味着须要存储2.073.600个像素,因此程序员们发明了图像压缩算法,JPG便是个中的一种。

图像压缩

图像压缩可以使图片变小,但是也会使图片变模糊。
以是画彷佛素画往后保存的时候,一定要选择无损压缩格式比如PNG或GIF。

左:PNG(无损);右:JPG(有损)

利用绘图软件的自有格式可以保存尽可能多的信息。
Aseprite的 .aseprite或Photoshop的 .psd,可以保存所有图层和元数据。

Aseprite保存

在Aseprite中,可以利用保存对话框保存文件(Ctrl + S或Ctrl + Shit + S保存到新文件)。

文件格式File type选择.ase或.aseprite保存。

Aseprite导出

当你须要将作品分享给团队成员或其他人时,纯挚的PNG可能无法知足须要,而.aseprite对程序员无效。

因此须要用到“文件”>“导出”功能。

导出文件Output File:文件名。
只需输入要利用的文件扩展名,Aseprite将以该格式保存。
我建议对静态图像利用“.png”,对动画利用“.gif”。

调度大小Resize:一样平常像素画尺寸都很小,当你完成作品须要展示或分享的时候都须要放大。
请利用100%的倍数来导出,如果是101%或110%都会使像素画变模糊。

图层Layers:可以选择要导出的图层,默认导出所有图层。

帧Frames:可以选择导出全部帧或当前帧。
选择全部帧,前面文件格式选择.gif会导出动画,选择.png则会导出序列帧。

动画播放顺序Animation Direction:一样平常默认无需变动。

Twitter导出Export for Twitter:如果gif动画要发布到twitter可以勾选。

游戏引擎

不同的游戏引擎对付图片资源的哀求不同,绝大部分引擎都支持PNG。
一样平常情形下对付游戏利用的像素画图片,建议1:1导出,空想情形所有的图片都该当由游戏引擎统一缩放,可以保持分辨率统一。

动画可以导出SpriteSheet或序列帧,不建议导出视频格式。

序列帧

将动画保存为.png格式,Aseprite会自动导出序列帧。

如果须要从0开始,就在文件名后面输入0或00,效果如下

其余一个有效都技巧是利用标签Tag。
利用标签来管理多个动画。

在导出的时候将文件名设置为boss_ {tag} {tagframe00} .png,Aseprite会自动导出:

SpriteSheet

有些游戏引擎更喜好SpriteSheet而不是序列帧,利用File> Export Sprite Sheet命令自动导出它们。

在这里,我们可以选择各种选项,个中大部分将由引擎决定。
如果不愿定,请不要修正默认配置。
可以在程序员辅导下导出。

切片和命令行(mac)

切片非常适宜在单个画布中制作多个图像,我喜好在画游戏场景道具时利用它们。

第一步是将sprite放在一个文件中,并排放置,不要让它们相互重叠。

下一步,选择切片工具选择每个工具,把稳不要包含任何其他的Sprite。
之后双击一个(或右键单击查看属性)设置名称。

导出切片须要利用命令行。
这对付美术可能有点恐怖,但是利用命令行可以帮你自动完成无聊的图片导出事情。

mac打开Terminal,前辈入文件所在目录,我将测试文件存在Downloads目录。

cd Downloads

然后输入下面代码即可

/Applications/Aseprite.app/Contents/MacOS/aseprite -b 123.aseprite --save-as {slice}.png

123.aseprite是测试的文件名。
如果你用的windows,建议找程序员帮忙哦。
或者在命令行工具中输入以下命令查看官方帮助。
(Aseprite须要安装在C盘才行,如果是其他盘,请将下面代码中的C:修正成相应的盘符)

\公众C:\Program Files (x86)\Aseprite\Aseprite.exe\公众 --help

或者

\"大众C:\Program Files\Aseprite\Aseprite.exe\"大众 --help

完。