1. Open new document of any size and create a shape that going to be a button. The below is the shape I have created.

2. Select some irregular portion of the shape which going to be the higlight area in button. Copy and paste the highligt area to new Layer.

3. Next Apply white to alpha gradient to shape.

Below is the gradient setting I applied.

4. Select the highlight area and scale it by pressing Ctrl + alt + s and scale it down by 97%

Here is the final button with dropshadow filter effect

Download the Final Output Files.

Difficulty:
To Beginners

Final Output File:

Open New Document in Flash using File -> New or Ctrl + N

Change Background color(#090D11) of the document By pressing Ctrl + J or from Properties Dialog box

Create A oval shape With alpha 1% and of any dimension

Convert the Oval Shape to MovieClip by selecting the shape in stage and select Modify-> convert to symbol.. from Menu

Next double click to edit the MovieClip. Create a guide layer for layer1 and draw an oval outline.
Note: To draw an outlite, create an oval shape and delete the fill.

Next Animate the oval shape on the layer 1, use many frames to move the object very slow.

Make sure the starting point and end point are the same in animation (Download and Open Steps_Middle.fla)

Duplicate the animate shape and resize them using transform tool.

Final file is ready.

Flv files need to be played using special FLV players.

Here comes the Play Flv package that enables the Windows Media Player to play FLV files

Here the Key features

• Plugin that enables Windows Media Player to playback FLV files
• Features all default functions, such as zooming, skipping and full screen view
• Creates file association: Double-click FLV files to play them in Windows Media Player
• Very lightweight plugin
• Free and open source

Visit
http://www.playflv.com/

Here some of the free preloader animations created by me this morning.

Idea of preloader is indicating the user that some assets are being loaded, and making them to wait.
But we should keep in mind that the user may lost their patience, so keeping the Flash assets filesize minimal is much important while making Flash websites or Flash applications.

This is a kind of effect that long back I have seen on a website and recreated for my portfolio site. But unfortunately the harddisk of mine got crashed and lost all the  files. Today I have seen the same in theflashblog website and recreated the same with minimal code for the designers to make use of it.

Code is simple that even beginners can use in their project.

Menu can be used to display Images, Works in portfolio sites.

The source flash file is attached at the end of the tutorial.

Code Explanation

Importing the necessary tarnsition classes

import fl.transitions.*;
import fl.transitions.easing.*;

Storing the initial X,Y position of the MenuItem, which we use later in the code to reset the button.

var xx:Number = menuItem.x;
var yy:Number = menuItem.y;

Registering the MouseMove and RollOut Event

btn.addEventListener( MouseEvent.MOUSE_MOVE, handleMouseMove);
btn.addEventListener( MouseEvent.ROLL_OUT, handleRollOut);

Storing the current X,Y position of the MenuItem and Animating to the Mouse position

function handleMouseMove(e:MouseEvent):void
{
	var tempX:Number = menuItem.x;
	var tempY:Number = menuItem.y;
	var tweenX:Tween = new Tween(menuItem, 'x', Elastic.easeOut, tempX, menuItem.parent.mouseX,.2,true);
	var tweenY:Tween = new Tween(menuItem, 'y', Elastic.easeOut, tempY, menuItem.parent.mouseY,.2,true);
	//updateAfterEvent is to refresh screen
	e.updateAfterEvent()
}

Storing the current X,Y position of the MenuItem and Animating to the initial position

function handleRollOut(e:MouseEvent):void
{
	var tempX:Number = menuItem.x;
	var tempY:Number = menuItem.y;
	var tweenX:Tween = new Tween(menuItem, 'x', Back.easeOut, tempX, xx,.4,true);
	var tweenY:Tween = new Tween(menuItem, 'y', Back.easeOut, tempY,yy,.4,true);
}

Example of code:

Full Action script code for proximity Menu:

import fl.transitions.*;
import fl.transitions.easing.*;

var xx:Number = menuItem.x;
var yy:Number = menuItem.y;

btn.addEventListener( MouseEvent.MOUSE_MOVE, handleMouseMove);
btn.addEventListener( MouseEvent.ROLL_OUT, handleRollOut);

function handleMouseMove(e:MouseEvent):void
{
	var tempX:Number = menuItem.x;
	var tempY:Number = menuItem.y;
	var tweenX:Tween = new Tween(menuItem, 'x', Elastic.easeOut, tempX, menuItem.parent.mouseX,.2,true);
	var tweenY:Tween = new Tween(menuItem, 'y', Elastic.easeOut, tempY, menuItem.parent.mouseY,.2,true);
	e.updateAfterEvent()
}
function handleRollOut(e:MouseEvent):void
{
	var tempX:Number = menuItem.x;
	var tempY:Number = menuItem.y;
	var tweenX:Tween = new Tween(menuItem, 'x', Back.easeOut, tempX, xx,.4,true);
	var tweenY:Tween = new Tween(menuItem, 'y', Back.easeOut, tempY,yy,.4,true);
}

HexoSearch – The world’s first search engine dedicated for actionscript.

HexoSearch is aiming to provide the best actionscript search experience which we believe is to offer a best solution for any specific topic.

To achieve that, actionscript developers are able to vote for the link that they find useful. Given enough time, links that provide useful information will be pushed up to save everybody’s time.

As requested by many users I updated the FaderFileMaterial Class, now it includes the following features.

Features:

Ability of handling Image and SWF together.
SWF may also be an animated file.
No Need of Preloader- Since the animation will not happens until the next file is loaded.
Customized events to handle the Slideshow

Added Features:

Move to next or previous slides.
Ability to jump to particular slide
Randomize the slide

Updated Documents

FaderFileMaterial.html
FaderURL.html

Featured tutorial:
Creating slideshow from XML and FaderFileMaterial

But keep in mind, when you using patterns that should match our website and that should not look different from the website.

There are site where you can download patterns directly for free.

Squid

Â

Â

Ava

Â

DinPattern

Â

Everyday Icons

Â

Â

IF you want to create your own patterns.. no problem there are site where we can generate our own

patterns.

Â

 StripMania

Â

Â

StripDesigner

Â

Â

Tartan

Â

Â

Pixelknete

Â

Cheers

The website contains useful Skins and Themes that can be used in Flex and AIR…

I recoment to use the skins and themes to make your Flex application more exciting and cool UI for flex

Â

Â

Â

Â

Some of the themes contains flash version too ..This site also contains instructions to install the themes..

The theme contains SWF, CSS, and background image too..Hope this will solve our design time in Builder…

Some of the eye catching Flex UI here too

 enjoy

Â

Each pack of wallpaper design contains standard- and widescreen-optimized resolutions o f 2048×1536 and 1900×1200. Pack contains images of landscapes, abstract, 3D typography, 3D Abstract.

Digital-Landscapes:

Â

Abstact Designs:

Â

 3D- Digital Abstract:

Â

3D- Typography:

Â

Change your desktop wallpaper and make your desktop look better.

To download check madpotato.de

Â