Flash in Flex tutorial installation guide

My internship guide Maikel asked me to find out what you have to do to get Flash in Flex. I started to search for a nice tutorial about this but I have to say that there isn’t a step by step tutorial that is explaining this. Opportunity for me to help people.

If you already installed flexComponentKit and patched Flex builder 2.0.1 you can skip this installation guide and start building my WeatherComponent tutorial

Why use Flash in Flex?

  • It is very easy to make animations in Flash
  • Flash is easier to control movement from animations

to use Flash in Flex you need the next 3 programs:

  • Flash CS3
  • Flex Builder 2.0.1 (I used that one don’t know if my tutorial works for other versions)
  • Adobe Extention Manager

Installation
first I guide you true the installation because this is pretty complex. I hope that they make it in Flex Builder 3 easier.

Note: I wrote this installation tutorial for Windows

Flash installation

  1. Download the FlexComponentKit. If you download it from the adobe site you get version 1.o.o and this is version 1.1.2 that I got from the Flex Builder 3 SDK
  2. Start Adobe Extention Manager (can be found in: START -> Programmes -> Adobe (of Adobe CS3) -> Adobe Extension Manager CS3)
  3. After started Adobe Extension Manager go to: File -> Install Extention…
  4. Now browse to the “FlexComponentKit.mxp” file and click “install”.
  5. The Flash CS3 installation is ready. The Flex Builder installation is complexer

Flex installation

  1. First download the flex201patch.zip
  2. Make sure that Flex Builder 2.0.1 is closed
  3. Browse to the Flex Builder folder “lib” that can be found in:
    1. Windows Standalone: C:Program FilesAdobeFlex Builder 2Flex SDK 2lib
    2. Windows Plugin: C:Program FilesAdobeFlex Builder 2 Plug-inFlex SDK 2lib
  4. Make a backup from these files: swfkit.jar, mxmlc.jar & fdb.jar
  5. Now copy and past the files “swfkit.jar, mxmlc.jar & fdb.jar” from the downloaded en extracted folder “flex201patch” to the “lib” folder and overwrite the other files if you get that question
  6. Go to the “lib” folder in “com.adobe.flexbuilder.flex_2.0.155577 plugin”. Found in:
    1. Windows Standalone: C:Program FilesAdobeFlex Builder 2pluginscom.adobe.flexbuilder.flex_2.0.155577lib
    2. Windows Plugin: eclipsepluginscom.adobe.flexbuilder.flex_2.0.155577lib
  7. Make a backup from the files: swfkit.jar, mxmlc.jar & fdb.jar
  8. And again copy paste the “swfkit.jar, mxmlc.jar & fdb.jar” files from the downloaded “flex201patch” folder to “lib” folder and replace the old files
  9. The Flex Builder installation is ready now, congratulations

Posted

in

, , , , ,

by

Comments

3 responses to “Flash in Flex tutorial installation guide”

  1. […] If you finished the Flash & Flex installation you can now continue with this tutorial. If you have no clue where i’m talking about you have to make sure that you installed the Flex component kit and Flex 2.0.1 patch correct. I explain that in the installation guide […]

  2. Murali Avatar
    Murali

    Hi,
    Here i am doing flash animation into flex with help of your tutorial.. my doubt is i am using flex 3 version, is that i need to install flex 2.0.1patch is required?

    Regards
    Murali.J

  3. Arno Manders Avatar

    No you don’t have to patch Flex Builder 3 anymore. You only have to install the Flash Extention.

    More info here:
    http://blog.flexexamples.com/2007/09/02/installing-the-flex-component-kit-for-flash-cs3/

Leave a Reply to Arno Manders Cancel reply

Your email address will not be published. Required fields are marked *