
原作者:シガタケ(SHIGATAKE)翻译:pixel32上面3个图形哪一个制作旋转动画最简单呢?答案是星形。


将动画分解,注意我标出来的红点,每次旋转约90度,红点所在的尖角完成了360度旋转,星形的旋转动画就完成了。而圆形和正方形旋转起来比较困难。
制作星形的旋转给了我很大的启发,在制作其他形状的旋转时,我可以利用星形旋转的规律!并且虽然只有4帧,但是实际效果却接近20帧的效果!
且看下面4帧和20帧旋转的效果对比。至少肉眼看起来差不多……这非常适合制作像素动画。
效果好,帧少!现在我详细的解说一下如何徒手画星形旋转。

“a”首先,画32×32像素的圆,点出中心点。“b”然后,在中心点向上延长交圆周于一点。
“c”星星是正五边形,360度÷5=72度。12点为0度,分别点出72度,144度。
“d”其他的点左右翻转即可。

“e”用直线把点连起来”f”填色”g”加上AA,减少锯齿感

用同样的方法画其他3帧,按照“1”→“2”→“3”→“4”→“1”→“2”→“3”→“4”…的顺序播放,为了使动画变得更加顺畅。
我决定增加到8帧版本。

方法是将之前的1和2半透明,然后叠加在一起,取中点,得到完美的中间帧!
使用相同的方法画出其他3帧过渡帧。看看效果吧!
8帧版本效果更好!


现在我们用同样的方法制作正方形的旋转动画。
还是先画圆,然后取点,再取中点,再取中点…

我用相同颜色的线将正方形画出来,你就明白了!



下一篇动画技巧2讲解立体旋转动画的制作。
