Make your own mobile Flash theme animation

now smartphones have become a hot topic in the digital world, with many digital enthusiasts using high-end smartphones and working on applications. Following the boom, Macromedia has also developed a Flash animation player for use on mobile phones: Flash Lite 1.1. Initially this player can only be used in I-mode handheld devices, and later Sony Ericsson, Nokia brand Some mobile phones can also use the player. In the market this year has been able to see bundled flash Lite 1.1 mobile phones, especially Samsung mobile phones and Macromedia reached a cooperative agreement, full support for Flash Lite 1.1.

Since the mobile phone can use Flash animation theme, a lot of friends like Flash will ask, how do we make it? Flash MX Pro 2004 provides a number of ready-made tools for making Flash animation topics on your phone, and today we are working with Flash MX Pro 2004 to create a simple mobile animation theme to understand basic processes and methods.

　　Background: The application conditions of Flash Lite

Flash Lite is similar to the Flash 4.0 mobile phone program, why is FLASH4 so early version? After all, the smartphone system CPU can not be compared with the computer, to the mobile phone on the fun to run Flash animation must be limited to the SWF file, limited content is mainly: File size not more than 20k, can not use the phone does not support the font, do not support complex ActionScript, animation cycle, Excessive layers, elements, don't use graphical elements and transparency effects, and so on. As a result of the above conditions, Flash animation with Flash MX Pro 2004 is best to use tween combination, key frame animation, the use of mobile phone built-in fonts, optimization path and so on.

Mobile Flash Theme Animation production　　

First, the preparation of mobile phone theme material

According to the requirements of the design of the mobile phone is very simple, so we can use a rich picture combination to create a simple animation effect. The size of the footage is based on the design of the mobile phone theme of the model to decide, open Flash MX Pro 2004, select a new file from the template, you can see the Mobile Device template options (Figure 1).

Figure 1

Mobile device templates provide a variety of brand phone templates, which are directly capable of running on the phone (Macromedia with the cooperation), we choose the market more popular Nokia 7650 phone templates, determined to return to the main scene of Flash edit can see the appearance of the phone, You can also see in the layers panel that the animation is based on the size defined by the template (Figure 2), and the Nokia 7650 display size is 176*208 pixel.

Figure 2

So what we need to prepare is a picture of a 176*208 pixel as a theme background, search the web for a nice picture and use the fireworks tool to edit or crop directly (Figure 3).

Figure 3

The following is to prepare the mobile phone theme animation icon, such as phone, chat, games and so on the various functions of the mobile phone icon (Figure 4), the few icons to make a small map, and then use fireworks on the basis of the original to make subtle changes to make a mouse across the effect.

Second, the mobile phone theme animation production

To import the footage into the Flash MX Pro 2004 Library, first place the background picture in the main scene and adjust the picture's position to 0*0 (Figure 5).

Figure 5

The following create a few button elements, each icon made into a button in advance prepared to combine the two effects of the mouse across the animation effect (Figure 6).

Figure 6

Drag these buttons to the main scene, and then use the Text tool to add Chinese text descriptions to the tools, and note that the font uses the phone font (Figure 7).

Figure 7

Finally, add an absolute path address to each function, so that users click on the theme of these function buttons to enter the corresponding function on the phone interface, such as phone book on the smartphone on the E disk, then in Flash to the button to add a mouse release and then jump to "z:/system/apps/phonebook/ Phonebook.app "ActionScript script (Figure 8).

Figure 8

Now a simple Nokia 7650 mobile phone Flash theme mode is complete, the following select the "Export" function under the File menu export SWF file, in the Export dialog box Note that the exported version is "Flash Lite1.0" (This version is exported by default with animations designed by mobile device templates) (Figure 9).

Figure 9

We watch this theme on the computer animation is not to see the editor when the phone shell of Nokia 7650, just a size 176*208 pixel animation, note that the last generated SWF can not be greater than 20KB, the animation volume of this example is more suitable for 14k.

Flash Theme Animation Demo

This article is simply introduced with the Flash MX Pro 2004 development of Mobile Flash animation production process and design principles, to develop a complete mobile phone flash theme need to master a lot of flash design and Flash Lite Program application technology, now to get mobile phone version of the Flash Lite player player requires each user to send an email to the mobiledeveloper@macromedia.com application, the application needs to enter their phone model and phone code to get the official version of the animation can be played. Little Jean Jiehuaxianfo for everyone to develop a full featured mobile phone Flash theme animation ( download ), for interested customers to study the new flash technology.


third, the use of mobile phone to create a good Flash animation theme

Get Flash Lite Player official version can be unimpeded on the phone to play Flash animation, but unfortunately now Macromedia has stopped the application. But we can find the Flash Lite player trial version from the online mobile forum, although the function is not complete, but also can experience the effect that the mobile phone plays flash.

Install Flash Lite 1.1 on your phone first, so you can see the familiar flash icon (Figure 10) on the phone's Program menu interface.

Figure 10

Add your own flash files to your phone's memory card, and then use your phone's resource Manager software to find Flash animation files (Figure 11).

Figure 11

Choose to open this Flash file, you can see our animation on the mobile phone demo (Figure 12).

Figure 12