MovieClip and Text Animation Effects | The cost-effective pack: Creative Flash FX + Flash Scroller | Professional Flash Components
 

create a Halloween Flash animation using FlashFX (MovieFX+TextFX)

This tutorial was made using TextFX and Movie FX v2
box Creative MovieFX v2

Creative MovieFX v2  is a Flash effects component that offers the ability to apply effects on any movie clips. From the user friendly interface it’s very easy to browse the over 280 predefined effects gallery and apply them on the three transition types  available (In effects, Out effects, and Wait effects) without writing a line of code.

In this tutorial we will use Creative FlashFX, the Flash components pack that incorporates Creative MovieFX and Creative TextFX (please click here to read more about Creative TextFX). Not only that the products have similarities regarding their interfaces and the workflow while using them, but they are fully compatible with each other.

We will animate some text using Creative TextFX and, following, we will animate a movie clip using Creative MovieFX. The result will be a nice animation in the Halloween spirit.

Firstly I just want to remind you that, in order to be able to solve the tutorial, you will need both the Creative MovieFX and Creative TextFX extensions installed on your computer; if you encounter any problems while doing that, please visit the “How to install an extension” tutorial.

 

Click here to download the source file and the required files for solving this tutorial.

 

1. Let’s start by opening Flash and creating a new Flash file – ActionScript 3.0. Right click on the stage to open the Document Properties window. Name the file “How to create a Halloween animation using FlashFX”, set its dimensions to 300x151 pixels and the background color to black (000000). Set the frame rate to 35 fps.

Create a new Flash file

Create a new Flash file

2. Insert a new layer and rename the layers “CTFX” and “CMFX”.

Create the layer structure

Create the layer structure

3. Extract the attached archive in the folder of your choice. From the Flash top menu, select “File>Import>Import to stage” or click CTRL+R; import the image to the stage and place it at coordinates X=180, Y=105, on the “CMFX” layer.

Import the image at the specified coordinates

Import the image at the specified coordinates

4. With the picture still selected, click F8 or select “Modify>Convert to Symbol”, and convert it to a movie clip.

Convert the image to a movie clip

Convert the image to a movie clip

5. From the Components panel (CTRL+F7), drag an instance of Creative MovieFX on the stage, over the newly created movie clip; following, open the component’s configuration interface from the top menu: Window>Other Panels>MovieFX Panel.

Drag and drop a Creative MovieFX instance on the movie clip

Drag and drop a Creative MovieFX instance on the movie clip

6. From the Time Manager, enable the Delay (100 frames), In (40 frames), Wait (40 frames) and Out Effect components (105 frames); also, enable the Start Hidden option and leave the Loop option unmodified.

Configure the Creative MovieFX Time Manager

Configure the CMFX Time Manager

7. From the In Effect tab, select as the effect to use Burn and its preset Extend_Default.

Configure the CMFX In Effect

Configure the CMFX In Effect

8. In the Wait Effect tab, leave the used effect None and make it last for 40 frames.

Configure the CMFX Wait Effect

Configure the CMFX Wait Effect

9. From the Out Effect tab, select as the effect to use MappedSphere and its preset Extend_unfold. Let’s configure the effect to last 105 frames; make sure that the Load Preset Duration is unchecked. Modify the “fade” parameter to 100 and the “wobbleDistance” to 100 as well.

Configure the CMFX Out Effect

Configure the CMFX Out Effect

Configure the CMFX Out Effect Parameters

Configure the CMFX Out Effect Parameters

10. In the Other Options section of the interface, enable the Move Component; configure the parameters to X=10, Y=10 and Duration=185 frames. Set the easing function to Back and easing type easeIn.

Configure the Other Options section

Configure the Other Options section

11. From the Components panel (CTRL+F7), drag an instance of Creative TextFX on the stage; following, open the component’s configuration interface from the top menu: Window>Other Panels>TextFX Panel.

Drag and drop a Creative MovieFX instance on the stage

Drag and drop a Creative MovieFX instance on the stage

12. In the Text tab, the target text field, insert the text “Happy Halloween !!!”; select the font face Bookman Old Style, size 26, and color orange (F77F1D) – make sure the text is selected so that the changes will take effect. Press Embed Fonts to embed the used text into the file’s library.

Configure the Text tab in CTFX

Configure the Text tab in CTFX

13. From the Time Manager, enable the In and Out Effect components, but disable the Delay and Wait Effect option.

Configure the CTFX Time Manager

Configure the CTFX Time Manager

14. From the In Effect tab, select as the effect to use GlowEffect and its preset Extend_Default. From the Out Effect tab, enable the “Use In Effect Configuration” option.

Configure the CTFX In Effect

Configure the CTFX In Effect

Configure the CTFX Out Effect

Configure the CTFX Out Effect

15. In the Properties window, set the position of the component on the stage at X=21, Y=57 coordinates.

Set the placing coordinates

Set the placing coordinates

16. Press CTRL+Enter to preview your file.

Preview your file

Preview your file

 

Creative MovieFX v2

box Creative MovieFX v2

Creative MovieFX v2  is a Flash effects component that offers the ability to apply effects on any movie clips. From the user friendly interface it’s very easy to browse the over 280 predefined effects gallery and apply them on the three transition types  available (In effects, Out effects, and Wait effects) without writing a line of code.

windows

Windows
  • OS: Windows XP, Windows 2000, Windows Server 2003, Windows Vista and Windows 7
  • Environment:  Adobe Flash CS3, CS4 and CS5
  • View: Flash Player 9/10 with AS3 (AS2 for TextFX V1)
 

windows

Apple
  • OS: Mac OS X 10.1.x, 10.2.x, 10.3.x and 10.4.x or greater.
  • Environment:  Adobe Flash CS3, CS4 and CS5
  • View: Flash Player 9/10 with AS3 (AS2 for TextFX V1)