Skinning of Flash Player User Interface

Posted on Jul 1, 2008 by Makubex, 2 comments

In this tutorial, I will teach you how to remove the user interface of the flash player using Adobe AIR with Flash CS3.

Flash CS 3,

Adobe AIR - Tutorial.

Download Source Files

Step 01: Before getting started, check if you have installed the following. If you have not installed these before, install it.

Adobe AIR - click here

Adobe Flash Player Update for Flash CS3 Professional (9.0.2):
Windows | Mac | Other Language Versions

Adobe AIR Update for Flash CS3 Professional:
Windows | Mac | Other Language Versions

Step 02: After you have installed all the above three files, open your Flash CS3.
Under Create New you can find a new option Flash File (Adobe Air)

Step 03: Select the Flash File (Adobe AIR) type. Now don't get scared that it is different from the usual Flash File type. All the concepts are same from movieclips to actionscript. Only the output will be rendered using Adobe AIR when you press Ctrl + Enter.

Step 04: On your main flash stage, just place a rectangle and a text above it.

Step 05: On the top menu, go to Commands -> Adobe AIR - Application and Installer Settings.
A settings window will open up, under window style select Custom Chrome (transparent)

Step 06: Click on Publish AIR file. A Digital Signature window will open up, click on create button to create signature and fill in the details and save the signature. In the Digital Signature window select the saved signature and click OK.

Step 07: Press Ctrl + Enter to test the movie, a window less (transparent) flash application will open up.

Tips:
1. To get the .exe file of the flash application, install the .air file that you have created.
2. You can add Adobe AIR to existing flash file, go to publish settings (Ctrl + Shift + F12), click on flash tab and select version as Adobe AIR 1.0

- End of Tutorial.

Labels: ActionScript 2, Adobe AIR, Flash, Flash Tutorial

Comments