Creating Flash Hyperlinks

Creating Flash Hyperlinks

Postby Mace Z4 » Thu Jun 28, 2007 3:26 pm

Right as you should all know Flash has now come on so much that it is now not only used for making cool little animations for peoples sites, it’s also made into whole sites with the only HTML being the page that it sits in!

One thing that all sites have are hyperlinks, and making them in HTML is nice and easy, and even easier is making hyperlinks in forums.
But have you ever wondered what it takes to make a hyperlink in Flash?

Ok I’ll show you how!



Creating a hyperlink is not too difficult, but it does require some effort until you get used to hyperlinking Flash!

Creating a Hyperlink:
The following steps will guide you in creating a hyperlink:

Create a new Flash document.

A new, blank Flash movie will be displayed.

From the Tools panel, click the Oval Tool and draw a circle in your drawing area.

Once the circle has been drawn, select the circle with your mouse pointer.

Image

Once the circle has been selected, go to Insert then Convert to Symbol.

The Convert to Symbol dialog box appears.

In the Name field, give this circle a name.

I will call this circle "Hyperlink"

In the Behavior section, select the Button option.

Your Convert to Symbol dialog box should look like this

Image

Press OK to close the Convert to Symbol dialog box.

The circle is now a button.

Right click on the circle and select Actions.

The Actions panel will expand for you to input actions.

From the Actions panel, click on the plus symbol ( + ) found near the middle of the panel.

Once you click the plus symbol, go to Actions then Browser/Network and getURL.

You will see the URL, Window, and Variables field displayed in your Actions panel.

In the URL field enter your link, but it must be the full address.
Code: Select all
http://www.siriusgrafix.com


Click the Window field/drop-down menu and select _blank.

Save the file and preview the animation in your browser by going to File, Publish Preview and HTML.

Click on the button, and you will see a new browser window open.

ActionScript

If you’re one of those people that wants to skip doing all the options through the menus for the links then create your object and then when it’s selected use the following ActionScript and it’ll do the same.

Code: Select all
on (release) {
   getURL("http://www.siriusgrafix.com", "_blank");
}

What you’ll actually find is that the process using the menus creates this ActionScript!

Window States

There are a number of different states other than _blank that you could use in your hyperlink just as you do in HTML.

Here they are

_self
Loads the link in the current page or the current page in a Frame.
This is the default selection used by Flash to open any link

_blank
Loads the link in a separate browser window.
You selected _blank in the tutorial

_parent
Loads the link into the frameset file of a frame.
The frameset file controls all the frames, and setting the window to _parent will eliminate frames in the subsequent links.
As you may have seen, often times, links get loaded inside frames unintentionally.
Setting _parent will solve the misuse of frames!

_top
Loads the link on the top frame.

Enjoy!
Image
Mace Z4
Flash Developer
Flash Developer
 
Posts: 727
Joined: Sat Jun 02, 2007 12:01 pm
Location: Everywhere...!
weapons_of_choice: Photoshop CS4 | Photoshop CS2 | Flash CS4 | Dreamweaver CS4 | Paint Shop Pro X2

Re: Creating Flash Hyperlinks

Postby Joker » Thu Jun 28, 2007 5:40 pm

wow great tutorial :mrgreen:
SiriusGrafix Webmaster/Forum Designer
Image
Image
User avatar
Joker
Photoshop User
Photoshop User
 
Posts: 557
Joined: Sat Jun 02, 2007 5:37 am
Location: St.louis, Mo.
weapons_of_choice: Photoshop CS4 Extended (Lightroom addon)
Dreamweaver CS4
Poser 7

Re: Creating Flash Hyperlinks

Postby Mace Z4 » Thu Jun 28, 2007 5:42 pm

Thanks I do my best with the little time I have!
Image
Mace Z4
Flash Developer
Flash Developer
 
Posts: 727
Joined: Sat Jun 02, 2007 12:01 pm
Location: Everywhere...!
weapons_of_choice: Photoshop CS4 | Photoshop CS2 | Flash CS4 | Dreamweaver CS4 | Paint Shop Pro X2

Re: Creating Flash Hyperlinks

Postby Trickshot » Tue Jul 03, 2007 4:51 pm

8-) Great tute, and a nice feature 8-)
Image
Witness to Creativity
User avatar
Trickshot
SGFX-Worshiper
SGFX-Worshiper
 
Posts: 281
Joined: Sun Jun 10, 2007 8:18 am
Location: Motown

Re: Creating Flash Hyperlinks

Postby Mace Z4 » Tue Jul 03, 2007 5:07 pm

I did it as a yellow circle first time around then remembered Mr Smiley here so I turned it green so he didn't get any ideas!
Image
Mace Z4
Flash Developer
Flash Developer
 
Posts: 727
Joined: Sat Jun 02, 2007 12:01 pm
Location: Everywhere...!
weapons_of_choice: Photoshop CS4 | Photoshop CS2 | Flash CS4 | Dreamweaver CS4 | Paint Shop Pro X2

Re: Creating Flash Hyperlinks

Postby Trickshot » Wed Jul 04, 2007 11:11 pm

:lol: That's alright, green is fine, but you could put a pair of shades on it :lol: :lol: :lol:
Image
Witness to Creativity
User avatar
Trickshot
SGFX-Worshiper
SGFX-Worshiper
 
Posts: 281
Joined: Sun Jun 10, 2007 8:18 am
Location: Motown

Re: Creating Flash Hyperlinks

Postby Mace Z4 » Thu Jul 05, 2007 11:31 am

You want shades on it do it yourself!
Image
Mace Z4
Flash Developer
Flash Developer
 
Posts: 727
Joined: Sat Jun 02, 2007 12:01 pm
Location: Everywhere...!
weapons_of_choice: Photoshop CS4 | Photoshop CS2 | Flash CS4 | Dreamweaver CS4 | Paint Shop Pro X2


Return to Flash

Who is online

Users browsing this forum: No registered users and 1 guest

cron