Web Design Tutorials: Photoshop, HTML, Flash, PHP
Currently Browsing: Flash Tutorials

Flash Tutorial – Flash Spray Effect

In this tutorial, I will show you how to create a spray effect in Flash. You can try the movie above to see how it looks. You can change the color, density and size of the spray to see how the effect changes. Let’s get started straight away! Setting up the environment 1. Create a new document of size 400×400. 2. Import an image to the stage. Make sure the image is size 400×300. 3. Position the image on the top...

Flash Tutorial – Magnifying Glass Effect

This tutorial will teach you how to create a magnifying glass effect with ActionScript 3. 1. Create a new document (size should be the same as the image’s size you’ll be using). 2. Import your image to the stage. 3. Convert the image into a movie clip called “backgroundImage”. 4. Give the movie clip an instance name of “backgroundImage”. 5. Duplicate the movie clip (backgroundImage), give the duplicate a...

Flash Tutorial – Creating a Menu via XML

In this tutorial, I’ll cover a basic XML technique, that you can use when building a menu. With XML, it’s very easy and fast to modify the menu labels etc. Intro In this tutorial, I’ll cover a basic XML technique, that you can use when building a menu. With XML, it’s very easy and fast to modify the menu labels etc. Setting up the environment 1. First, let’s create the XML file. Download the XML file...

Flash Tutorial – Revealing an Image

In this tutorial, I will teach you how to reveal an image as seen in the Flash movie. Go ahead and move your mouse over the stage to see the effect! All this is done with ActionScript 3 and a little help from TweenLite. Setting up the environment 1. Download a picture that you want to use. Make the Flash stage exactly the same size as your picture. Moving to ActionScript 3 2. Type the following code in the first...

Flash Tutorial – Advanced XML Menu

In this tutorial I will teach you how to create an advanced XML menu. We will first set up everything ready in Flash, then create the XML file and finally add some ActionScript 3 for the functionality. Hope you enjoy the tut! Note: You need TweenMax to fully complete this tutorial. Setting up the environment 1. Create a new document of size 400×350. 2. First, let’s create a menu item. Draw a rectangle of size...

Flash Tutorial – Creating a Web Portfolio

n this tutorial, I will show you how to create a Flash portfolio just by using one frame and ActionScript 3.0.   Setting up the environment 1. Create a new document of size 400×250 and background black. 2. In the top left corner, create four (4) dynamic text fields of size 90×20. Type some text for them, eg. “Home”, “About”, “Work” and “School”. 3. Convert each text field into a movie clip...

Flash Tutorial – Rotating Menu

In this tutorial, I will teach you how to create a rotating menu. This is a very basic form of the menu. You can edit your Flash movie easily, for example if you want to make the menu items visually more appealing. All the animation is done with ActionScript 3.0 as usual. Setting up the environment 1. Create a new Flash ActionScript 3 file (500×300). 2. Draw a circle on the stage. Make it 25×25. I used white...

Flash Tutorial – Glowing Text Effect

This tutorial is an easy one. We will create a Flash glowing text effect with a very few lines of code. We will use ActionScript 3 as usual. Note: You need TweenMax to fully complete this tutorial. Setting up the environment 1. Create a new document of size 300×200. 2. Type some static text to the center of the stage. Use whatever font and size you want. Use the color #FF8800 if you want the same looking glow...

Flash Tutorial – Image Borders

In this tutorial I’ll show you how to add awesome image borders to your images! The borders change according to the image size and we also add a random border color for each image. We will use ActionsScript 3 as usual. Click the stage to see the results (you can change the images by clicking the stage). Note: You need TweenMax in order to complete this tutorial. Setting up the environment 1. Create a new Flash...

Flash Tutorial – Modern Horizontal Flash Menu

In this lesson I will show you how to create a cool animated horizontal menu. We will use ActionScript 3 for the animation, so no timeline animation is involved in this tutorial. We use random colors in the menu to give it an extra spice. Check out the end result! Cool eh? Note: You need TweenMax in order to fully complete this tutorial. 1. Create a new Flash document of size 400×100. 2. First create a rounded...

Flash Tutorial – Image Borders

In this tutorial I’ll show you how to add awesome image borders to your images! The borders change according to the image size and we also add a random border color for each image. We will use ActionsScript 3 as usual. Click the stage to see the results (you can change the images by clicking the stage). Note: You need TweenMax in order to complete this tutorial. Setting up the environment 1. Create a new Flash...

Flash Tutorial – 3D Tunnel Around Text

Learn how to create a cool 3D tunnel around text. We will use ActionScript 3 for the animation, so no timeline animation is involded. Check out the result! Get TweenMax We will use TweenMax for the movement and animation. Therefore, download TweenMax for AS3. TweenMax will save us a lot of time from coding the animation ourselves! Save the “gs” folder to the same location where your .fla file will be...

« Previous Entries Next Entries »

Powered by WordPress | Designed by Elegant Themes