Working with buttons

1

hi guys, First of all I am new to the forums.

This is my layout, that I created, now my next step is to get in flash and apply an effect to the buttons for the navigation, I am very new to flash so i need your help on that one.

  1. Do i need to crop the buttons inorder to apply the effect for them?

  2. If so how do i go by creating the effect similar to waliconsulting.com navigation buttons after you enter the site?

any help would be greatly appreciated, thanks in advance.

2

please help me guys

3

Yes, this is something i would like to know too. I think you have to import the button into flash, change it into a symbol >> button, and then got into edit mode of the button, and where it says over, insert a keryframe, and then convert that into a symbol and chose the option “mivie clip” and creat a little white rectangle in the midle of the button. Make sure its transparant though, and then creat a tween, where the rectangle expands to fill the whole button, and increase the “tinit” of the white rectangle to make it more white.

I THINK thats how its done, but i’m not quite sure, if some one else knows the proper way, then please do tell,

regards,

-Ajit-

4

as you made your interface i dont think you need to break it appart - it would be easier to work with but not necessary.

Here’s what you can do to have the same effect that wali consulting has:

  • import your interface pic in flash mx
  • create transparent buttons above your actual buttons, being the same size, thus giving it the white tweening box effect.
  • that’s basically it, each button will call a new movie clip, and your interface will be ready…

would you like me to show a flash example (using your pic) =) ?

5

that would be great mlk :smiley:

6

hope you have a screen bigger than 800x600 :smirk:

<embed src=http://mlkdesign.online.fr/misc/kirupa/interface.swf height=800 width=600 type=application/x-shockwave-flash>
check this version: 100% viewed: http://mlkdesign.online.fr/misc/kirupa/interface.html
fla: http://mlkdesign.online.fr/misc/kirupa/interface.fla

i’ll try to explain the button code (actually they’re all movie clips - no buttons in this fla :trout: )


onClipEvent (load) {
	this._alpha = 0;
}
onClipEvent (enterFrame) {
	if (this.hitTest(_root._xmouse, _root._ymouse)) {
			if (this._alpha<100) {
			this._alpha += 20;
		}
	} else {
		if (this._alpha > 0){this._alpha -= 10};
	}
}

// I probably overcoded just below but I don't know another way 
// for the mc to react as a button

onClipEvent(mouseDown){
	if (this.hitTest(_root._xmouse, _root._ymouse)) {
	_root.window.history.play()
}}

as you see on your interface the buttons are actually constantly playing (i agree it takes cpu speed - but it’s almost nothing)
when the mouse hovers over buttons the MC’s alpha (transparency) is increased, and the opposite when the mouse is not over…

need more help ?

btw be careful, since im working with transparent MCs they are quite hard to find, the only thing that shows up is a small white circle =)
and i didnt code all the MCs completely, it’s late on this side of the ocean :hangover:

7

here it is what you think mlk, btw I worked on it while you were doing that one, i really appreciate it, i like your effect, but i though it would be nice to start out simple for me since it was my first thing to do in flash ever :player:

Here it is :smiley:

comments are appreciated and if i can get the fla for that file demo, i would appreciate it

8

yeah I realized afterwards that I should have used buttons instead of movie clips… I’ll make another one this afternoon, right now I’m going to sail my boat, so later’

btw the fla is linked in my previous if you want to look at it =)

9

check this one, made with with buttons only, the effect isnt as nice but much simpler to understand; the basic idea is to put transparent MCs in the different keyframes of the button (up,over,clicked etc)

swf: http://mlkdesign.online.fr/misc/kirupa/interface2.swf
swf: http://mlkdesign.online.fr/misc/kirupa/interface2.fla