Tag Archives: Flash

Animated Clock in Flash

Use the video as a complement to the tutorial. If you have any problems with the tutorial, you will find out how it was done in the video.

SWF Clock
SWF Clock

This tutorial is not just an analog clock animation, but you learn to use some simple Actionscript code by using the Time Function in Flash new Date() to make the clock work.

After designing the clock and hands, and aligning those hands, you open the actions window to add code that will rotate the hands according to the current date on your computer.

Continue reading Animated Clock in Flash

Flash Rollover Button Tutorial

Rollover Buttons
Rollover Buttons

In this tutorial you will learn how to make Flash animated buttons for the web. It’s easy to make a rollover button animation for your website. This will involves using a “Tweener Class” you can download from the link below.

We include the actionscript code for you to copy and paste. No need to learn programming in this tutorial, but you can study the code if you are an actionscript programmer. By using the “Tweener Class” in your project folder, you just have to cut and paste the code examples below into the Actions window.

Now, this tutorial will give you 3 Flash rollover buttons to experiment with. The first button will scale up when you move your mouse over it. The second button will rotate 360 degrees, and the third button will highlight itself.

Once you finish the project, you export the Flash animated buttons as a SWF file which you can embed on a website or blog. Continue on to read the tutorial below, and watch the video if you have any problems. Good Luck!

Continue reading Flash Rollover Button Tutorial

Adobe Flash Water Effect with Ripples (Ocean Sunset Scene)

In this wave ripple effect in Flash tutorial, you will learn how to animate ocean waves with a sunset background. This is an easy tutorial, very similar to the Animated Flag.

Adobe Flash Water Animation Tutorial
Adobe Flash Water Animation Tutorial

We will use an ocean image which you can download below. Then we will add the wave’s animation over the ocean part of the image. We do all this in a few layers, with techniques like masking, and drawing the curved lines for the wave effect.

Then we create a motion tween for an animation timeline for the wave animation in Flash.

We will create a sunset scene with the sun close to the horizion. Then create a reflection of the sun on the waves. Then we add a red overlay to the scene.

And that is how I made a rippling water effect in Adobe Flash Professional. Read the tutorial below.

Continue reading Adobe Flash Water Effect with Ripples (Ocean Sunset Scene)

Flash Animated Flag Tutorial

In this Flash 2D animation tutorial you will learn how to make a simple Flag animation. This involves masking and motion tweening to create a looping animation.

2D Flash Animation Tutorial
2D Flash Animation Tutorial

Basic knowledge of Flash is required to optimally follow this tutorial (MovieClips, layers, frames, etc.)

Note part of this tutorial was done in the Mac version of Flash, then in Windows version. Both can run the files you can download below.

Download files Zip

 

 

Continue reading Flash Animated Flag Tutorial

Cool Text Animation in Flash Tutorial

In this Adobe Flash animated text effects tutorial, we will make a cool text animation. We will use our website name and animate the text just using layers and various tools and animation effects available in Adobe Flash Professional. Check the animation shown.

Adobe Flash Text Animation Tutorial
Adobe Flash Text Animation Tutorial

So, to animate text in Flash, you basically break apart your text so you can animate each one as a letter. Each letter has own layer. Learn how to use motion tweening to start a timeline animation. Each letter can be scaled or rotated in its own layer, creating individual animations of the letters. Publish to a SWF file when you are finished.

Check the final SWF animation at the end of this tutorial.

 

Continue reading Cool Text Animation in Flash Tutorial

How to Make a Flash Animation in Adobe Flash Professional / CC

This tutorial covers a step-by-step process on how to make Flash animation. We will draw a jetpack with a thrusting animation in Flash and give it vertical flight with some simple actionscript code.

How to do Flash Animation!
How to do Flash Animation!

The actionscript code is short, giving just vertical mouse control over the animation. So you are free to experiment with additional code for horizontal movement, and even add more animation. You will see that creating a simple flash animation is not that hard after all. So give it a try!

At least basic knowledge of Flash is required to follow the tutorial smoothly. But you can learn from this Flash animation tutorial, even if you are an absolute beginner. Watch the video for a quick preview.

Continue reading How to Make a Flash Animation in Adobe Flash Professional / CC

Flash Beginner Game with Object Oriented Programming in Flash Professional

Frame by frame animation in flash
Frame b

In this simple Flash tutorial, we will go through making a simple click-and-move-to-point game with OOP (Object Oriented Programming).

At least a basic knowledge of Flash Professional, Actionscript and Math is recommended.

About the game. Click anywhere on the stage and make the character move to that point. The character will also follow that point.

Continue reading Flash Beginner Game with Object Oriented Programming in Flash Professional