Hello, in this tutorial I will show you how to export some of your creations and put them in flash and add some effects to it. It this tutorial I will make a button and add some effects to it. Lets get started!

First off open up Photoshop and create a new document.
Now Click on Rectangle marquee tool and have these settings.


Now use that marquee and make a selection in the middle of the document and fill it with white.

To shorten this tutorial and lots of image uploading I've just added the effect I used on the button into a style. Download it from HERE. Its uploaded on www.Zshare.net it might get deleted if not downloaded soon. Now add the style into your photoshop. Select the layer of the button and add the effect called "FlipXSStyle". It will look like this.


Now Add a new layer and add a random text to it. Make sure the text is black and I made the text all capital.


Now Click on File and click on Save as.. And Save it as a .png file with any name.

NOW THE SECOND PART

Open up Flash ( I AM USING FLASH PRO 8 ).
Create a new document.
Click on File > Import > Import to stage (CTRL+R) and Import that button image that we just created.

Now select the image and change it X and Y Axis to Following.While the Image is still selected press F8. and have following settings.


Now, double click on the image to edit it in place.
Rename the "Layer 1" to "Image".

Now select the image again Press F8 again have following settings.


Now this might be confusing for some people. Goto Frame 5 of the Image layer press F6. After that goto frame 10 and press F6. After that goto frame 15 and press F6. Last time, goto frame 20 and press F6 so you got keyframes every 5 frames. It will look like this :


Now lock that layer. Create two new layers. Call First one "Actions" and lock it. Call the second one "Lables" and lock it.

Click on the First frame of Lables' layer and name it "_up". Now goto frame 5 of the Lables' layer, press F6 and name it "_over". Goto Frame 15 of the Lables' layer press F6 and name it "_out".

Now, Goto Frame 1 of the Actions layer press F9 to open up actions' panel and put the following code.
This will stop the animation on the first frame and not go all the way to frame 20 which we don't want.

Now goto frame 10 of the actions' layer and press F9 and put this code.
This will stop the animation here once again.

Now your layers panel will look like below. If it doesn't then you probably have older version of flash and you are doing everything right. If you have he same version and not see like mine then you did some thing wrong.


Now the animating and the fun part !

Now unlock the Image layer. Goto Frame 10 of Image layer. and then click on the image. From the properties panel on the right side it will say "Color" And beside it there is dropdown menu it says none right now. Select it and Select "Brightness". When you do that there will be another menu beside it it will say 0% by default. Just click on that and change it to 45%.

Do that in frame 15 of Image layer. Meaning.
.

After that right click on Frame 10 and click on "Create motion Tween". Do that in Frame 15 too. Now it will look like this.


Now you have to go back to Scene 1. If you don't know how to do that click on "Scene 1" From the Top.


Now select the Image and give it a instance name of "talk_mc".

Create a new layer and call it "Actions" and lock it.

Goto Frame 1 of Actions' layer Press F9. And Copy and Paste the following code.
I will explain the code in a minute. To Make sure it works now Press CTRL+ENTER. To Test the movie and now, Now get your cursor over the image... It works doesn't it?

:: OPTIONAL PART ::
If you want to make it so when you click on the button it will goto a Webpage add take out that code and put this code.

Quote:

talk_mc.onRollOver = function () { this.gotoAndPlay("_over"); } talk_mc.onRollOut = function () { this.gotoAndPlay("_out"); } talk_mc.onPress = function () { getURL("http://www.talk-mania.com"); }

.

Basicly the first to codes are the same as the old ones the third line makes it so when a visitor or who ever clicks on it it will goto Talk-Mania.com.

:: CODE EXPLAINING ::
The first three lines mean that when a person rolls over it will go and Play the lable part we made "_over" and after that it will stop on frame 15 because there is a STOP action we made. And the second three lines mean that when we rollout it will go and play the "_out" part. And It is going to stop at Frame 1 anyways because there is already a STOP action there. This is it.. We're done.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

:: CREDITS ::
Imageshack - Pictures uploaded there.
FlipXs - My Website which I'll use to upload all my tutorials. NOT STARTED YET.


I hope you learned some thing new from here and I hope you reply and tell me what you think about this. Please mind my English not good in gramer .

thanks for the tut. good for learning the basics.

thanks for your help

For a site i am doing, this will definatly help!

thats awesome

interesting...i'll try that...

still trying to learn the basics so thnx

I really suck at flash...I'm gonna try doing this. Hope I get better!

you can also use a photoshop plugin call PSD2FLA, which is a great resource for please who design in photoshop first. The program is designed by media lab(i think)
Anyways just though I would let you all know.

nice work