Flash Tutorials - Cool Masking Effect

Part 1
Do an image in photoshop similar to the one above. To give the image a single tone, click image, adjustment, hue and saturation. Check the colorize check box and play with the settings. When you are done, save for web. Use as much much compression as possible (low quality) because we are going to import this jpeg image into flash and bitmaps bloats up the swf file size really fast..

http://www.newtutorials.com/masking/FTmaskingExidge01.jpg

Part 2

2. Now for FLASH! open a new movie and set the dimensions to 500x350 with a nice frame rate of 20 - 30 fps. We want our effect to be smooth so a high fps is a must.

3. Set up the timeline with 2 layers. One for the bg image and one for the effect.

Now import the image we did in photoshop earlier in the BG IMG layer.Do not resize the imported image in Flash as flash handles bitmaps like browsers, they will look distorted if resized.

Go to the library (F11) and double click the bitmap symbol and uncheck allow smoothing. These are the little things you can do to make sure your animation turns out nice.

4. Now we are going to set up the mask.. select the line tool, use a thickness of around 1pixel and start tracing along the lines of the image. Do this on the EFFECT layer!




0 comments:

Post a Comment