Chocoholic Badge - Animation

I had just completed an animated raster art on April, 2013 as my signature for a certain website, www.menewsha.com.

４月２０１３年，我刚完成了一幅会动的图来当某个网站的签名，www.menewsha.com。

There are more than one way to animate it, the method I use is to have items on different layers. Before I draw, I plan out the animation I wanted to do.

1. Blink

2. Tilt head

3. Lick

4. Wink

5. Thumbs up

After listing out what you want to do, you can pick out the items that have to be in their own layers. Eyes, if wink, both eyes have to have different layers. Head one group, arm one group and tongue another layer. Head would be a more complex structure as it also affect the eyes and tongue.

动画有多过一种做法，我所用的方法是将每个动画部分分去不同的图层。还没有开始画之前，首先列出我想要做的动画。

１·　眨眼

２·　歪头

３·　舔

４·　眨单眼

５·　竖指

列出了想弄的东西，就可以挑出必须分别图层的东西了。眼睛，如果是眨单眼，双眼就必须有各自不同的图层。头一组、手臂一组还有舌头一层。头部会比较复杂因为它也会连带影响眼睛和舌头的动画。

I use Sai to draw the lines and then using Photoshop to fill in the colours plus shading it. As it will be a gif, I only use 2 tone shading, as in only 2 shades.

我用彩绘图之后用Photoshop上色和润色。因为它最后会是ｇｉｆ图，所以我只用两色调，就只有深浅。

Photoshop CS6 have two types of animation, Timeline and Frame. Frame was there ever since... I think maybe CS2... anyway, it was there for a long time, I used Frame animation for a few animations before. Timeline on the other hand is a new addition inside Photoshop, the method was a bit different from Frame, but it is very close to Flash.

Photoshop CS6有两种动画，时间轴和帧动画。帧动画自从……我想应该是CS2的时代就有了……无论如何，总之很早以前就有了，我之前还曾经用过帧动画几次。反之时间轴就是比较新的工具，方法不同于帧动画比较接近Flash动画。

Because of the new addition of Timeline, it vastly improve on the animation action you can do. Previously, Frame only supported move and transparency, now Timeline also support rotate, zoom and so on. If not because of Timeline, I won't be able to do the tilt head motion as it involves rotation.

因为新加入的时间轴，它大幅度地改进你可以做的动画类型。之前，帧动画只能弄移动和不透明的动画，现在时间轴还可以弄旋转、大小等等的。如果不是因为时间轴，我可不能弄歪头的动作因为歪头需要旋转的功能。

First, I use Timeline to animate the actions I want, then I change to Frame to adjust the timing. I will go into deeper details about each animation methods.

首先我先用时间轴弄出我要的动作，之后我转去帧动画来调时间。我会再更深入的分析各个动画作法。

---

Medium 媒介: Digital 电脑

Tool工具 : HP Pavillion, 64-bit Vista, 4gb DDR3, nVidia Geforce GT120, WACOM Intuous 3.

Programme 软件: SAI彩, Adobe Photoshop CS6