Flash Explained

Learn Flash easily.

Learning to create a scanning cursor that shows the mouse coordinates

October 15th, 2008 by Luka


Ever seen this small piece of interface that can look really cool? A little crosshair-like cursor that shows the mouse coordinates in real-time? Or a similar design in sci-fi movies, like some cyborg’s targeting system, for example?

You’ll see in my tutorial that it is really, really easy to make. Move your mouse over the Flash example below to see an example of that.

Read more...

Design a big animated promo button with scrolling text

October 15th, 2008 by Luka


In this easy Flash 8 tutorial, I will show you how easy it is to make an attractive and effective promo button. You will learn the following design techniques during the process of making this button:

  • How to make a nested animation – one that continually moves inside the button symbol itself,
  • How to use the blending filters in Flash 8 professional to give your button more depth and a more realistic look,
  • How to implement a mask to create scrolling text visible only in certain areas of the button and more.

Below is the actual example of the promo button that you are going to create in this tutorial.

Read more...

Making the complete internal preloader in Flash 8, with a loading bar and mathematical preloaders – part 1 of 3

October 14th, 2008 by Luka

In this tutorial, you will see how easy it is to create an internal preloader for your Flash site, complete with:

  • A graphical loading bar,
  • An animated text field showing the percentage of your Flash movie loaded so far and,
  • A dynamic text field showing the amount of bytes loaded and total bytes.

Moreover, you are going to learn:

Read more…

ActionScript trace method explained

October 14th, 2008 by Luka


The trace() method is your best friend in ActionScript. In this tutorial, I will show you how to use it so that you can check the values of variables, the number of iterations in a loop and the flow of a conditional statement. You will also learn what are comments in ActionScript and how to use them. Dive in!

Read more…

Creating a colored gradient background for your SWF movie via ActionScript

October 14th, 2008 by Luka


In this lesson, I will show you how to create a background for your Flash document using no design tools at all! Besides being far more easy to change then a drawn graphic, this background created with ActionScript will adapt itself automatically to any size your movie may have. But more on that later.

The examples below show what you’re going to achieve at the end of this tutorial.

Read more...

Creating a site that can change colors and visual appearance with a simple mouse click

October 14th, 2008 by Luka


In this tutorial you will learn to create an interface that will enable your users to change the looks of your flash site with a simple mouse click.

This makes for a more appealing and interesting site. Also, if a user has any preferences over colors used in your site, or finds it easier to read text at a different size or color, you will enable him to do exactly that, thanks to some simple ActionScript code.

Look at the example below – try clicking the three buttons in the top right corner and see what happens. Slick, huh?

Read more...

Making an antique analog clock

October 14th, 2008 by Luka


This tutorial shows how you the way to design and code an old-style analog clock which shows the correct time.

In a previous tutorial, I showed you how to make an analog clock using ActionScript only. This time, there will be much less coding involved, and a lot more design.

Below is an example of what you can achieve by following my tutorial. You will be doing this in Flash 8, but you’ll have the source code for Flash MX (that is, if you are targeting Flash player 6 when publishing your .swf) available too.

Read more...

Moving and rotating a movie clip with button symbols, via ActionScript

October 14th, 2008 by Luka


In this lesson, you will learn how to manipulate a movie clip via button symbols. You will create an interface and write ActionScript that will enable the rotation and movement of a movie clip across the screen.

Press and hold the buttons on the example below to see the little rocket spaceship move and rotate!

Read more...

Mouse cursor preloader

October 14th, 2008 by Luka


I will show you how to make a preloader that acts as the cursor on the screen.

As you can see in the example below, the preloader moves and acts as the substitute of your mouse. This example is a document with small dimensions. However, what you will learn in this lesson can be applied to any flash document.

Of course, the user has to move the mouse over the flash area on the page in order to see the effect.

Read more...

How to make a shiny rollover effect for a movie clip that will function as a button

October 14th, 2008 by Luka


In this easy tutorial made for Flash MX, Flash MX 2004 or Flash 8, you will learn to create a shiny animated effect which will appear once a user rolls his mouse over a button. Many visitors to my site have asked me to explain how to make this kind of effect once they have seen it in my tutorial in which I explain how to make a tabbed website menu in Flash. To all of you who have requested this – here it is! In particular, you will see how to:

  • Make a button shape using the drawing tools in Flash,
  • Turn the shape into a movie clip,
  • Add more design layers inside the movie clip to create a button that looks more real,
  • Use the linear gradient to create the shiny effect,
  • Animate the effect via the frame-by-frame animation and
  • Implement some simple ActionScript code to make the effect work.

You can see an example of what you are going to learn in this detailed lesson below. Move your mouse over the button to see the glittery shining rollover effect!

Read more...