精灵图制作后续-参考线的妙用

精灵图制作总结:

制作精灵图是为了实现一个动画,目前我已经把把整个动画做完了,。中间在实现动画效果时,遇到了很多不同的问题,所以特地回来总结一下。

一:

参考线的使用:

由于制作精灵图,最好是把每张的大小都截的一样,所以最好需要合适的画布大小和参考线,参考线建立我所知道的有两种方法:(这两种参考线的应用下面我都会讲到)

1.手拉,就是用手直接从顶部或者左侧的标尺拉出来,拉到想要的位置。

2.通过视图上的新建参考线来建立,这个也是可以建立竖向的或者水平的,但是是根据像素的大小来建立的。这个就很适合用来建立精灵图了。但是事实上,新建参考线的下面有一个更适合的选项,新建参考线版面。它可以根据你输入的参考线条数来自动划分参考线,很适合图片量大的情况。
精灵图制作后续-参考线的妙用

制作动画的注意点:

由于我制作的是一个笔记本电脑从闭合的状态到打开的一个动画,所以所有的图片关联性是很强的,不像有的精灵图,只是为了减轻服务器的压力。由于我没有经验,刚开始做的时候,因为电脑的每张图片都是在视频里截出来的,所以大小不太一致。刚开始我制作的时候,动画效果好不容易出来了,电脑却像一个蒸炉一样,一直震动,这就是因为实际上每张图片的大小不一致的问题。这时就需要用到手拉的参考线了。选择一张合适大小的图片放在精灵图上,然后用手拉的参考线在竖直方向上给框起来,也就是限制了电脑的宽,然后再放置其他图片,依照这个宽度,拉伸或者缩小电脑。制作出来的动画效果就会很平滑。

精灵图制作后续-参考线的妙用
就像这样,把所有的宽度都限定好就可以了。