How to make an image fade right to left!?

  • BENBOB
  • Novice
  • Novice
  • BENBOB
  • Posts: 17

Post 3+ Months Ago

Hi.

Is it possible to make an image fade in from right to left (e.g the right side is the first to loose it transparency, then this gradually moves to the left hand side until the whole image is visible.)? - All I can do at the moment is the standard all fade in and out! :cry:

Hopefully this is possible to do, since I image this is a fairly comman thing to do! :wink:

Thanks
BEN.

(Btw, I havent used actionscript much before, so if it involves that please explain simply!)
  • Tchuki
  • Mastermind
  • Mastermind
  • Tchuki
  • Posts: 1774
  • Loc: Edinburgh

Post 3+ Months Ago

You could do it using a mixture of masking and the fade in/out effect :

Masking effect
  • BENBOB
  • Novice
  • Novice
  • BENBOB
  • Posts: 17

Post 3+ Months Ago

Hi. Thanks for replying.

I went to the link, but I cant quite see how this would help?

Could you please explain in a bit more detail!?

Sorry :oops:

BEN.
  • Tchuki
  • Mastermind
  • Mastermind
  • Tchuki
  • Posts: 1774
  • Loc: Edinburgh

Post 3+ Months Ago

If you make a shape of the same dimensions as your image, you can use that shape to mask your image.

Have that shape mask the whole image then motion tween away from the image hence revealing it.

Use a simple fade on the image to make it look like its also fading in as the pic begins to reveal itself.
  • mahjik
  • Novice
  • Novice
  • mahjik
  • Posts: 33
  • Loc: Las Cruces, NM USA

Post 3+ Months Ago

here's what i think you wanted to do, right?
http://www.flash-ninja.com/unused/alphaMaskFadeIn.swf

if so, heres the fla...[mx2004]
http://www.flash-ninja.com/unused/alphaMaskFadeIn.fla

if you have an older version or don't wanna download the monster file ( i just threw the first pic i found in there, and no thats not me. lol. its my brother going to some charity event where EVERYONE has to wear a red dress)

anyway, here is what you can do:

layers from top down are:

1. mask layer. make a rectangle symbol with an alpha linear gradient fill where the leading edge (right edge) is 0% alpha and left is 100% alpha, with the movie background color. have it match the height of your pic. place it on your pic, and motion tween it from 0 width (lined up on left edge) to end up same width as your pic

2. masked by layer 1. copy the above symbol and have it tween exactly as it does on above layer

3. masked by layer 1. your pic.

viola there you go. well, almost

after the tweens make the rectangles the same size as your pic, the leading edge is still 0% alpha, so extend all the layers, and motion tween the full size rectangle on layer 2 only (not size, but actually moving it) completely off the stage.

and now, viola

if my explanation sucks, you can always look at the fla

mahjik
  • R.L.D.
  • Student
  • Student
  • User avatar
  • Posts: 83
  • Loc: Astoria,Queens

Post 3+ Months Ago

heres another example simular to the above one

http://www.paper-street.net/FISH/main.html

no AS.. all done with masking.

.FLA :

http://www.paper-street.net/FISH/main.fla
  • eurosickwitit
  • Beginner
  • Beginner
  • eurosickwitit
  • Posts: 62

Post 3+ Months Ago

hey RLD i luv that scary character, did u draw it urself(sorry i kno its not on topic)
  • R.L.D.
  • Student
  • Student
  • User avatar
  • Posts: 83
  • Loc: Astoria,Queens

Post 3+ Months Ago

yeah i did that ..

i got some more here:

http://photobucket.com/albums/v296/bloodshed666/
  • morfie
  • Born
  • Born
  • morfie
  • Posts: 1

Post 3+ Months Ago

i am trying to do this same thing. For some reason the links above all dont work so i can grab the .fla or see the .swf can you guys repost new links for those??

Thanks

Morfie

Post Information

  • Total Posts in this topic: 9 posts
  • Users browsing this forum: No registered users and 5 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.