ANSWERED:My First Effect, Take a look and tell me what you think. Options

[ArthurH]

I have been trying for an effect like this for sometime now. I finally got something.

I do have one question that would finish this off. Im trying to get it to fade back out when you roll off.

Right now when you roll over the Over State starts a Glow effect, but as soon as you roll off the button goes black immediately. Can it be made to fade out like it faded in?

Also I had to mess with objects to get the effect to show up like it does on all 3 buttons. Is there a "cleaner" way to do this to anyone's knowledge?


Thanks
Arthur

Attached File(s)

 Index.swi ( 100.66K ) Number of downloads: 31

 

[David Petley]

Hi Arthur,

I don't think it is possible the way your buttons are structured right now. A button has only over | down | hit states, and you want an 'onRollout' event/action occurring.

I will try and take a look at other ways you might achieve this a bit later today.

davidp

[ArthurH]

Hi Arthur,

I don't think it is possible the way your buttons are structured right now. A button has only over | down | hit states, and you want an 'onRollout' event/action occurring.

I will try and take a look at other ways you might achieve this a bit later today.

davidp

That would be great! As I said before this was my first attempt ever at working with effects, objects, and movies. I had previously been working off pre-made templates from SwishZone and other sites. As I am a complete newb to the way a lot of this stuff works together, my first effect, while achieving what goal I was after, looks pretty mashed together. Im sure with a little knowledge I can find a better way of getting the same effect but with less complicated structuring.

Thanks for the quick reply.

[Wolf Gross]

...something like this?
 fade_in_out.swf ( 128.93K ) Number of downloads: 61

 fade_in_out.swi ( 134.31K ) Number of downloads: 17


wolf

[ArthurH]

Something Like that yes, but im trying to go from a black box, to an image, then back to the black box.

[crslz]

- insert a black shape above the image (size shape = size image)
- fade out the black shape
- now you see the image
- now fade in the black shape

grtz

[David Petley]

Hi Arthur,
I have attached a file I made this morning which might help.

Looking back, the steps were -

1) Draw a square, copy it twice and align all 3 as needed (these will end up being your buttons).

2) Copy those 3 rectangles, and 'Paste' ...this will place the copied squares in a different location on the layout (easier to see what you are doing).

3) Group the copied rectangles as a shape, name it (you will see in my movie that I have used 'groupedShape01' ...I like sensible names

4) Modify your fill to radial gradient, putting the glow color at LH end and fading to 0% alpha at the other.

5) Use the 'Fill Transform Tool' on the layout panel to modify the gradient to your needs.

6) Now that you have your fill right, copy your grouped shape twice, naming them appropriately (I have used groupedShape02 & 03).

7) Select each of your new grouped shapes and in turn use the 'Fill Transform Tool' to modify the gradient to your needs, dragging the center point across to be over the correct button.

8) Convert each of your grouped shapes to Movie Clips.

9) Look at the timeline of the grouped object in each movie clip to see how I have added the fade in and fade out effects and controlled the playhead by adding stops in the timeline.

10) Now it is a matter of converting each of the original squares you made into buttons and adding the onRollover and onRollout events which will control the movie clip playhead to fade in and out the glow.

11) When you are satisfied that the buttons work, drag each of your movie clips into alignment with the buttons.

This leaves your buttons ready to take your onPress and onRelease events.

I think that about covers what I did, hope it (along with the attachment) helps.

davidp

Attached File(s)

 firstEffect.swf ( 530bytes ) Number of downloads: 63
 firstEffect.swi ( 23.55K ) Number of downloads: 25

 

[ArthurH]

This is Perfect! This was exactly what I was looking for. Thank you for taking the time to figure out my little mess.
Arthur