Internet Commerce

Partners & Affiliates

Developer Channel


Featured Flash FLA
Gallery Downloads 11401 Flash Movies | 5 New Flash Movies Added
What's New | Top 100

Featured FLA

»  Author Miguel Panos
»  Title: Tarta
»  Description: It is a circle graph or pie chart that takes the data entered by user
»  More by Miguel Panos


Random FLAs | Add Flash Movie
Featured Flash Site
Gallery Downloads 4839 Flash Sites | 1 New Flash Links
What's New | Top 100 Flash Site

Featured Site

»  AuthorDeft Creative Ltd
»  Link: Home Page
»  Description: Portfolio site for .DeftCreative Ltd. A UK based web design studio specialising in flash websites, games and interactive CDROMs. With an emphasis on making things different.


Random Links | Add your own Flash Related Links
Flash Tutorials 1484 Tutorials 7 New Tutorials Added!
What's New | Top100

» Making Automatic Training Screen Capture Easily
» Create Undersea Life Animation
» Making Deinterlace Video with a low bitrate Easily
» How To Make A Simple Animation Using Christmas Clips
» Simple Step by step flash game tutorial Spot the diffrence
» How To Make A Moving Text Slide
» Create Flash Banner With Text Float Effect
» How To Make Zoo Photos Slideshow
» How To Make A Dolphin Photos Slideshow
» Unknown Tag: Title10
Random Tutorial | Add Site


Tutorials Home What's New Top Rated Submit myTutes Random!

Search Tutorials


Tutorials Tutorials » Special_Effects

Categories Morphing, Hints, Bitmap Tracing & Motion guides
Author: Chris Hitchchott | Website: http://www.utoverload.co.uk |

 
Page 1
1 2 next»

The Flash Presentation:-

How it is done:-

There are 4 main effects in this flash:

  1. Bitmap tracing
  2. Morping objects
  3. Adding hints
  4. Motion guides

Let's start with the basics

Fist, make a new flash movie, draw a circle with no stroke (the outline), then make a new layer. On the new layer, draw an arrow, by making a rectangle, then a prefect square. roatate the square by 90 degrees, and cut it in half. Then join the two together to make an arrow.

On both layers, add another (non-keyframe) 5 frames (f5), then put a blank keyframe on the end (f7).

On the blank keyframe, get a silhouette of a plane, or the thing you want to animate - you can draw this, or get an image.

You are now set up for the 'complicated' bit.

Bitmap tracing

Bitmap tracing is vital in order to make a normal photo or graphic, 'morphable' on flash, it also allows you to edit the image in greater detail in flash.

If you have insufficient talent to draw the plane (like me), you probably can get one from google images. With this image, resize it, so it fits in the blue circle. While the image is selected, use the 'Modify> Trace bitmap...' Tool. For silhouettes, I use 'Colour threshold = 30, Minimum area = 30, Curve fit = Normal, Corner threshold = 30'. This usually works really well, but you can fiddle with the variables (remember = for colour threshold, 1 = perfect, 500 = about 2 colours, but with silhouettes, it doesnt really matter).

After tracing the bitmap, you can select the background and press 'delete'. If the silhouette is not the right colour, go to the properties menu, and change the fill colour.

Place the silhouette ontop of the circle (on the same layer as the arrow, in the blank keyframe).

1 2 next»

» Level Basic

Added: : 2004-04-23
Rating: 8.26 Votes: 61
Hits: 1539
» Author
Started flash about a year ago, but i learnt quite alot on the way.
» Download
Download the files used in this tutorial.
Download (106 kb)
Get conversion and unzipping tools for PC and Mac here!

» Forums
More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.
10 9 8 7 6 5 4 3 2 1
Read or Post Comments