In this tutorial I am going to show you the process I use to create a kiss emoticon for msn using a character called Qoobee Agapi. You also need to have basic knowledge of adobe flash in order to follow through this tutorial. Consider this a flash tutorial for beginners.
I do some research on the body postures and the movements every time before I start working on a new animated emoticon. What I will do is to look at myself in the mirror and do the fly kiss action to get a feel of what the post and timing is like. Then I will break it down into single key poses and do some rough sketches in flash.
The above pictures are the basic key frames of the emoticon. It is only to get an overall look and feel of it and I am not considering the timing and secondary motion for the animation yet. I will refine the shape until I am happy before starting on the cleaning up the key frames. And this is what I get at this stage.
Once I have the key frames finalized, I will then add in the secondary motion frames. While I am doing it, I will keep on referring back to my own actions in the mirror so that I don’t lose the feel of the actions. The frames in grey are the secondary motion frames. In the main time, I will also adjust the timing of the animation so that there are adequate pauses in between each key poses. These steps are aimed at making the animation livelier and the actions more readable by the audience.
Then I will clean up the secondary motion frames for this animated emoticon to make it more complete.
I will add in a heart flying out of the screen on another layer in order to make the kiss action more cute and romantic.
This is the final version of the flying kiss emotion with color. I have purposely increased the line thickness so that the shape is more visible when we export the smaller version for msn in the following step.
In order to install this cute emoticon in your msn, we have to export it to an animated gif in 50x50px resolution. We go to File>Export>Export Movie or Ctrl+Shift+Alt+S and choose the following settings.
Then we open up msn and go to tools>emoticons. And click “create” button on the top right corner to launch the “Add a Custom Emoticon” window.
In the first column we click on “Find Image” button and choose the animated gif that we have just exported. Then we type in a keyboard short cut in the second column and a name in the last column. And the cute emoticons for msn is ready to be passed on to your friends and lovers at a touch of your fingers, Have Fun!