矢量图是点,线坐标和颜色信息的凑集,矢量图可以无损缩放,不论缩小还是放大,矢量图的精度都不会改变。矢量图的缺陷是很难用于像照片这样写实的图像。虽然可以用矢量图创建看起来像像素画的东西,或者将像素画导出为矢量格式(须要将像素画打印到非常大的广告牌上时。),但很少这样做。
SVG矢量图可以利用代码来天生或修正,比如下面的代码便是一个赤色的圆。
<circle cx =“50”cy =“50”r =“40”stroke =“black”stroke-width =“3”fill =“red”/>
位图则会保存每一个像素的颜色(6位数字的代码)和位置。就像下面这样。
位图存储信息的办法会导致大尺寸的图片容量比矢量图大的多的多。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
完。