Archive for January 2011

Tron Legacy Trailer Wallpaper and Flash Game

Have you watched Tron Legacy movie in IMAX 3D? That is really cool and you will find yourself in the grid! Tron Legacy is one of the latest American science fiction films and a sequel to the 1982 film Tron.

In Tron Legacy IMAX 3D version, you will enter a virtual world inside the computer, it is called Grid. And have adventures with Sam and Quorra, the main characters in the movie, to fight against dark evils in the grid and try to find the portal back to the real world. There are two scenes in Tron Legacy are really impressive: the Light Cycle match and the Light Jets chase. Do not ever miss that!

For those who have not seen Tron Legacy movie yet, no problem, the following Tron Legacy movie trailer, wallpapers and flash game will definitely compensate.

Tron Lagecy Flash Game (click to play)

You can also download other flash games online and convert to play Tron flash game on gadgets anytime you want.

Tron Legacy Trailer (click to play)

Player will show here

Tron Legacy Wallpaper

tron-legacy1

tron-legacy2

tron-legacy3

tron-legacy4

tron-legacy5

tron-legacy6

Enjoy and be careful of the grid!

Flash Schools and Flash Tutorials 6 – Flash Animation and Sound

This blog entry is going to be the last one of our Flash Schools and Flash Tutorials series and you can review the previous 5 blog entries by clicking here.

There are two parts of this blog, the first one is going to introduce the easy steps to achieve Flash animation and the second one is going to teach you how to audiolize the Flash animation you just created in a simple way as well.

Animate Your Flash

flash_animation

Step 1: Insert a text in the upper left corner of the Stage area. Write some text in the “textarea”.

Step 2: Use the arrow tool from the left toolbar to select the text.

Step 3: Convert the text to a symbol. Name the symbol “text”, choose graphic from the Behavior list and select OK.

Step 4: Go to Frame 30 in the Timeline, right click in this field to choose Insert Keyframe.

Step 5: Click on the Timeline any place between Frame 1 and Frame 30. Then right click and choose Create Motion Tween.

Step 6: Go back to Frame 30 in the Timeline. Move the text to the lower right corner. Choose Modify > Transform > Flip Horizontal.

Step 7: Choose Control > Test Movie from the top menu to test your Flash movie. The text should move from the first location (in frame 1) to the second location (in frame 2). The text should also turn around on its way to the second location.

Audiolize Your Flash

flash-sound

Step 1: Choose File > Import to import a sound file.

Step 2: Click in the first frame of “Layer 1” in the Timeline. Choose Window > Panels > Sound from the top menu.

Step 3: In the pop up window (Sound) choose the sound you imported in the Sound field. Choose Stream in the Sync field. Close the pop up window.

Step 4: Go to frame 50 in the Timeline. Right click and choose Insert Frame.

Step 5: Choose Control > Test Movie from the top menu to test your Flash movie.

In the end, we hope these 6 blog entries can help you to establish a basic structure of Flash, including what is Flash, how Flash works, how to embed Flash, Flash tweening methods, Flash button creation and how to animate or audiolize Flash. You can also check other Flash tools to get inspired. Enjoy!

Flash Schools and Flash Tutorials 5 – Flash Button

After the general introduction of Flash Concept, Flash How To, Flash Embedding in HTML and Flash Tweening in the previous four blogs respectively, here comes the fifth one – also the last but two entry of Flash Schools and Flash Tutorials series, how to make a Flash button by your own.

flash-button

Basically there are two ways to make a Flash button: create the Flash button based the elements inserted, for example, the images and create the Flash button totally in your own way.

The steps below will demonstrate the first way – to insert an image, convert it to a button, and add a URL to it so it becomes a link.

Step 1: Click File > Import to import an image and then locate the image and click Open.

Step 2: Select the image with the Arrow tool. Convert the image to a symbol and then name the symbol “button”.

Step 3: Right click on the image. Choose Actions from the pop-up menu.

Step 4: In the Object Actions box click on the + sign. Choose Basic Actions > Get URL to enter a full URL in the URL field (like http://new.swfkits.com).
.
Step 5: Choose target in the Window field. Close the Object Actions box and click Test from the top menu to test your Flash movie.

The second way to create a brand-new Flash button totally in your own style is shown below:

Step 1: Insert a new symbol and name it “button”.

Step 2: Select the Rectangle tool, pick a light red Fill Color and draw a rectangle in the work area; select the Text tool, pick a dark Fill Color and write “Click Me” over the rectangle; select the Arrow tool and place the text in the middle of the rectangle.

Step 3: Add a keyframe to the Over State in the Timeline and click Edit > Edit Movie to go back to the movie..

Step 4: Repeat the step 3 – step 5 mentioned above in the first case.

Flash Schools and Flash Tutorials 4 – Flash Tweening

In this fourth entry of Flash Schools and Flash Tutorials series, we are going to discuss 3 frequently-used Flash tweens and will show how exactly it works in an animated GIF animation.

The word “tweening ” comes from another word “in between”, meaning – to generate intermediate frames between two images to give the appearance that the first image evolves smoothly into the second image. To explain it in a simple way: you can go from one keyframe to another and specify changes in the animation and let the Flash program create the frames in between.

There are 3 Flash tweening modes that are widely used to achieve the basic animation effects. They are Flash Guide Tween(motion tweening), Flash Tint Tween(color tweening) and Flash Shape Tween.

Flash Guide Tween allows you to move an object from one location to another along a specified path.

Flash Tint Tween is able to change the color of an object.

Flash Shape Tween changes one object into another.

The animated GIF below demonstrates the effects of Adobe Flash shape, motion and color tweening when they are working together.

tweening

To view the previous blog, please click here.

Flash Schools and Flash Tutorials 3 – Flash Embedded in HTML

We have introduced several ways to create Flash SWF in the previous blog titled “Flash How To“, then what to do next? Scroll down and you will see the topic today – embed the created Flash SWF into an HTML webpage.

To embed the Flash movie you just made into an HTML page, go back to the Flash program where you initially created the Flash object, and then do the following steps:

Step 1: Open the Flash movie you have created and export it by renaming the Flash file “yourflashname.swf”, exit after saving it in your web folder.

Step 2: Open the HTML page where you want to embed this Flash movie and insert this code:

flash-embedded-in-html

Note: This is the minimum code you need to embed a Flash movie in a browser. A broken icon will appear on the Web page if the user does not have the Flash plug-in installed.

Note: In the code above there is both an “embed” tag and an “object” tag. This is because the “object” tag is recognized by Internet Explorer, and Netscape recognizes the “embed” tag and ignores the “object” tag.

Step 3: Open the HTML file in your browser and check your first flash movie online.

Step 4: (Optional) If you have problem embedding the direct Flash SWF file, try to convert SWF to video or other web-friendly formats, for example, AVI, FLV, MP4, GIF, etc. This indirect way is for easy embedding while retaining the original animation effects.

Flash Schools and Flash Tutorials 2 – Flash How To

After the general introduction of Flash in the previous blog entry, including the definition of Flash and the advantages & disadvantages of Flash, now we come to the second chapter of Flash Schools and Flash Tutorials series – how to deal with Flash? This part includes the following contents:

1-view-flash-swf

Who can View and How to View Flash?

According to a survey conducted in 2000, 96.4% web users have Shockwave Player(Flash Player) preinstalled in their computers. There it goes, exactly those people can experience Flash content via the Flash Player.

2-create-flash-swf

How to Create Flash Movie?

To create your own Flash movies, Flash games, Flash banners, Flash slideshows, Flash animations, etc. you have to have some Flash programs. For example, Adobe Flash Lite, Flash SWF Editor, Flash SWF Banner Maker and so on.

3-download-flash-swf

How to Download & Convert Flash SWF Files?

Have no idea and prefer not bother to make Flash by yourself? Try to download it directly from Internet with a handy online Flash downloader and then proceed to convert the downloaded Flash SWF to video in popular formats for playback on various portable devices.

help for flash swf

How to Ask for Help about Flash?

After you have installed Flash, you should go through the lessons that are included in the program. Start Adobe Flash, click Help in the menu and choose Lessons. These lessons will teach you the basics of Flash.

Flash Schools and Flash Tutorials 1 – Flash Introduction

This blog is going to be the first entry of “Flash Schools and Flash Tutorials” series, which is aiming to systematically introduce and analyze flash in an unique way, focusing on the common issues that everybody should know, no natter you are a flash master or a beginner, and using very simple and easy-to-understand words.

The first chapter – Flash Introduction – includes two parts: What is Flash? And What is the Difference between Flash and Animated Images & Java?

flash-introduction

What is flash?

Flash files are in the SWF format, traditionally called “ShockWave Flash(SWF)” movies, “Flash movies,” or “Flash games”, usually have a .swf file extension.

Flash is a multimedia graphics program specially for use on the Web.

Flash enables you to create interactive “movies” on the Web.

Flash uses vector graphics, which means that the graphics can be scaled easily to any size without losing clarity/quality.

Flash does not require programming skills and is easy to learn.

difference-between-flash-and-java

What is the Difference between Flash and Animated Images & Java?

All of them can be used to create dynamic and interactive effects on webpages, however, flash SWF stands out because of the following advantages:

SWF is faster loading than animated images because it was intentionally created small and light.

SWF is easy and smooth to compress.

SWF supports transparencies, allows interactivity and requires no programming skills.

Everything has two sides, flash SWF is the same. The major disadvantage of SWF is the compatibility. You can not play SWF videos properly unless you have Macromedia Flash installed on your computer.

For more info, please refer to my previous blog entry here.