Okay, a lot of people have asked about how do i make my signature scroll. Until now it has been a secret because i wanted to do a business with them ^_^. Well, now I don't care as much because you are the people who know what you want your signature to do so yeah, this tutorial is for you. I tried to make this as in depth as possible but you need to know that i made my signature with Flash MX 2004 Professional and that the scroll bar with be very different looking if you just have MX. So, with that in mind if you still want a scrolling signature like mine don't be afraid to ask.



To guide you thought the process of making a scrolling signature i'm going to guide you on how to make mine. So this will include how to make buttons link to website in your signature too. Hope you enjoy this and feel free to hit the rep button. ^_^ Once you know how to make one the possiblilities are limitless. Hope you enjoy the in depth tutorial.

Steps to making a scrolling signature:

Step 1: Open up a new document.

Step 2: Go to File > Import > Import to Library

Step 3: Import all 4 items for my signature into the Library.

Step 4: Click on "paperclipsig6rt" and drag it onto the stage.

Step 5: Highlight the image and go to properties.

Step 6: Copy down the width and height properties of the image.

Step 7: Add ten to the width for the addition of the verticle scroll bar. View Image...

Step 8: Now go to document settings and put in the new demensions for the image size.

Step 9: Click okay and you should have a stage the size of my image plus a little extra width for the verticle scroll bar.

Step 10: Now press Ctrl + K to get the alignment panel up. Alignment Panel Image...

Step 11: Now, "align horizontal center" and "distribute vertical center" to get my image to be perfectly centered on the stage.

Step 12: Next go to the Library and drag out onto the stage "paper1qn".

Step 13: Align paper1qn under the big image and make sure there is an equal spacing on both sides.

Step 14: Next pull out the "flashmx_user" and position it under the paper1qn image. Again making sure it is equal on both sides.

Step 15: And finally drag out the last image, "msnuser0ws" and posistion it under the flashmx_user.

Step 16: Now that we have it so that all our images are positioned equally time to add the credits.

Step 17: Click the text tool and select the font "Trebuchet MS", make sure it's color is black and the font size is 14. View Text Settings...

Step 18: Type the message, "Credit to Areks and KizZ for the user bars!".

Step 19: Then type in another text box, "Credit to Paperclip for the Scrolling Signature"

Step 20: For my signature i wanted it to be helpful and add links to my tutorial to do this you need to make a couple of text buttons. I used the same font but changed the color to blue.

Step 21: Once you make the button you will need to do a bit of action scripting. The code used for making the buttons link to a webpage or website is this:

on (release) {

geturl("http://www.awebsite.com");

}

Suggestions for your scrolling signatures. You might have noticed that because the signature can be scrollabe you will have blank white space where there is no picture or text so i suggest that you also pick out a backround to put on a layer as your backround. This will make your signature more colorful depending on what you put behind everything and it will make everything look nicer. No blank space...^_^

Step 22: Now once you have finished your whole signature you will need to conver the whole thing to a movieclip.

Step 23: Name the movieclip "Signature" w/o the quotes.

Step 24: Click on the advance tab or advance options and check the box that says "Export for Actionscripting". View image...

Step 25: Make sure the name you put in that box is the same as the name of your movieclip.

Step 26: Now, delete your movieclip that is on the stage.

Step 27: Go to Windows > Designer Panels > Components

Step 28: Open up the Components Window and Go to UI Database. View Components List...

Step 29: Scroll down the list and drag out onto the stage the item named "Scroll Pane".

Step 30: Highlight the Scroll Pane and press Ctrl + V to get the align options up.

Step 31: Do the same thing you did to the images and align the Scroll Pane to the document.

Step 32: Next align it so that the Scroll Pane matches the height and the width of the document. (The 2 buttons on the bottom left, last row.)

Step 33: Highlight the Scroll Pane and go to Properties.

Step 34: Click on "Peramiters" and go to the top cell that says "contentPath". View Peramiter Image...

Step 35: Type in "signature" and then type in "signature" again for the Scroll Panes Component Name.

Step 36: Test your movie and see if everything in your "signature" movieclip works.

Step 37: If neccessary you can turn off the horizontal scrolling by going to paremeters and looking for hscrollPolicy > and turn it off. View hscrollPolicy Image...

Step 38: Export your new signature and password protect just in case.

Step 39: Upload it and post it in your signature.

Step 40: Just so i could get to an even number ^_^

Hope this has helped. If it is still confusing please pm me and i'll will explain it as best as i can. Hope you enjoy you days.

Do I need flash fo this? 0_0

i did mine a long time ago but where do i upload it

more rep for you!!!!!!!!!!!!!

Upload at www.photobucket.com , www.imageshack.us , www.zodm.com and do the swf tag options for your signature...

thanx, rep for you paperclip.

WOW! mine came out really tiny. lol

Added some images to help you guys understand...

You ROCK pp! Reppeh reppeh! Youre too nice -.- need to be a little more mean..

Made only some sense you need alot more pictures like where to position it I
don't know what your talking about when you say "go to properties and click
parameters"

I can't see any parameters

Obviously you don't understand your way around flash because it is the easiest thing to do. Everyone else got it. Click on properties and click the tab that says parameters. That's it.

PP, think u should add buttons for the users to take and try on their own, otherwise they wont know how to make the buttons or the scroll bar, just a thought man :P (u really dont need the scrollbar but w/e)

There is another tutorial i wrote on how to make buttons and program buttons. To bad if they don't know how.

what flash are you using?

I'm using MX 2004...

I'll even post a screen shot if you want me too

EDIT: Don't worry I found it....

but why do you delete your images and stuff?

EDIT2: And also you said to add 10 pixels to this image...

and then when you change the size of box to fit it then there is no room for the
scroll bar >_>

lol it's extremely confusing

need more pictures

No, i said add 10 more to the width of the document...