How to chain TextFX instances in order to create a complete banner

In this tutorial I am going to use Creative TextFX to create a presentation similar to one of the samples available on our site; of course, in order to preserve the brevity and effectiveness of the tutorial, the sample complexity was reduced – the number of Creative TextFX instances, the layer structure and so forth.

Firstly I just want to remind you that, in order to be able to solve the tutorial, you will need the Creative TextFX extension 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 chain Text FX instances in order to create a complete banner”, set its dimensions to 706x528 pixels and the background color to black (#000000). Set the frame rate to 35 fps.

Create and configure a new Flash file

Create and configure a new Flash file

2. Let’s start by creating the layer structure; we want to insert four Creative TextFX instances on two different layers so let’s build up the environment where we’ll do that. Insert two layers and name them as it follows, starting from top to bottom: “feature”, “description” and “background”. On layers “feature” and “description”, insert blank keyframes at position 151 on the timeline and frames at position 261. On layer “background”, insert a frame at position 261 on the timeline.

Create the layer structure

Create the layer structure

3. Use the link at the top of the page, download and extract the attached archive; open the “How to chain TextFX instances in order to create a complete banner.fla” file and from the library of this file (open the Library panel using CTRL+L), copy the “colorfull-letters.png” bitmap to the library of your file. Drag it on the stage abnd position it at X=0, y=0 coordinates.

Set the background image's placing coordinates

Set the background image's placing coordinates

4. Select the first frame of the “feature” layer; from the Components panel (open it using CTRL+F7), drag a Creative TextFX instance on the stage. Open the component’s configuration interface (Flash top menu, Window>Other Panel>TextFX v2 Panel), and configure the component as in the images below. Mainly, what we do is insert and configure the text (target text = “Optimized for fast and easy setup”, Arial, size 26, bolded, color white – FFFFFF – left aligned), add a Blinds effect for the In and Out Effect elements (with the default preset) and a None effect for the Wait Effect element. In the Text tab of the interface, in order to see the target text better, change the background color to black; a very important detail is NOT to forget to click “Embed Fonts” after finishing modifying the target text.

Configure the target text for the first TextFX instance

Configure the target text for the first TextFX instance

Configure the In Effect element for the first TextFX instance

Configure the In Effect element for the first TextFX instance

Configure the Wait Effect element for the first TextFX instance

Configure the Wait Effect element for the first TextFX instance

Configure the Out Effect element for the first TextFX instance

Configure the Out Effect element for the first TextFX instance

5. Select the Creative TextFX instance configure above and set its positioning coordinates to X=150, Y=260.

Set the placing coordinates for the first TextFX instance

Set the placing coordinates for the first TextFX instance

6. Select the first frame of the “description” layer; drag another Creative TextFX instance on the stage. Configure the component as in the images below; mainly, what we do is insert and configure the text (target text = “Using an intuitive interface and easy-to-use [Enter] parameter settings you can customize the [Enter] effects to suit your needs in literally no time [Enter] at all.”, Arial, size 26, color white – FFFFFF – center aligned), add a Blinds effect for the In and Out Effect elements (with the default preset) and a None effect for the Wait Effect element. In the Text tab of the interface, in order to see the target text better, change the background color to black; a very important detail is NOT to forget to click “Embed Fonts” after finishing modifying the target text.

Configure the target text for the second TextFX instance

Configure the target text for the second TextFX instance

Configure the In Effect element for the second TextFX instance

Configure the In Effect element for the second TextFX instance

Configure the Wait Effect element for the second TextFX instance

Configure the Wait Effect element for the second TextFX instance

Configure the Out Effect element for the second TextFX instance

Configure the Out Effect element for the second TextFX instance

7. Select the Creative TextFX instance configure above and set its positioning coordinates to X=105, Y=340.

Set the placing coordinates for the second TextFX instance

Set the placing coordinates for the second TextFX instance

8. Select the 151st frame of the “feature” layer; drag another Creative TextFX instance on the stage. Configure the component as in the images below; mainly, what we do is insert and configure the text (target text = “Totally rebuilt”, Arial, size 26, bolded, color white – FFFFFF – left aligned), add a Bubble effect for the In and Out Effect elements (with the default preset) and a None effect for the Wait Effect element. In the Text tab of the interface, in order to see the target text better, change the background color to black; a very important detail is NOT to forget to click “Embed Fonts” after finishing modifying the target text.

Configure the target text for the third TextFX instance

Configure the target text for the third TextFX instance

Configure the In Effect element for the third TextFX instance

Configure the In Effect element for the third TextFX instance

Configure the Wait Effect element for the third TextFX instance

Configure the Wait Effect element for the third TextFX instance

Configure the Out Effect element for the third TextFX instance

Configure the Out Effect element for the third TextFX instance

9. Select the Creative TextFX instance configure above and set its positioning coordinates to X=264, Y=260.

Set the placing coordinates for the third TextFX instance

Set the placing coordinates for the third TextFX instance

10. Select the 151st frame of the “description” layer; drag another Creative TextFX instance on the stage. Configure the component as in the images below; mainly, what we do is insert and configure the text (target text = “TextFX V2 is a completely rebuilt component [Enter] from the top to bottom. It has a more robust [Enter] engine, new effects, new interface, it is much [Enter] more easy to use and it can be extended with [Enter] new Effect Packs.”, Arial, size 26, color white – FFFFFF – center aligned), add a Bubble effect for the In and Out Effect elements (with the default preset) and a None effect for the Wait Effect element. In the Text tab of the interface, in order to see the target text better, change the background color to black; a very important detail is NOT to forget to click “Embed Fonts” after finishing modifying the target text.

Configure the target text for the fourth TextFX instance

Configure the target text for the fourth TextFX instance

Configure the In Effect element for the fourth TextFX instance

Configure the In Effect element for the fourth TextFX instance

Configure the Wait Effect element for the fourth TextFX instance

Configure the Wait Effect element for the fourth TextFX instance

Configure the Out Effect element for the fourth TextFX instance

Configure the Out Effect element for the fourth TextFX instance

11. Select the Creative TextFX instance configure above and set its positioning coordinates to X=93, Y=340.

Set the placing coordinates for the fourth TextFX instance

Set the placing coordinates for the fourth TextFX instance

12. Preview your file.

Preveiw your file

Preveiw your file

Thank you for your time and I hope this tutorial was useful to you. I invite you to read the rest of our tutorials and check out our other products on www.extendstudio.com. If you have any questions or suggestions please contact me at jon.stanciu@extendstudio.com.