NAVIGATION:

 

SUPPORTERS:

FlashComponents
  Flash Templates
  Flash Gallery
  Flash Slideshow
  Flash Menu
  Flash Design
  Flash Video
  User Interface

 

FOLLOW:

RSS it down! Twitter it up! Facebook it like a fiend!

 

 

 

 


Liquify Image Effect
       by bAkedSOda@in2mind : 9 September 2004

Making an image look liquidly involves a tricky bit of 'masking'. A basic mask in Flash can be created two ways:

  1. By adding a Layer to your timeline, right-clicking on the layer (CTRL+click mac) and choosing 'Mask Layer" from the drop-down menu.
  2. By using action script's setMask( ) function to make one movieClip mask another movieClip while the movie is playing (as shown in the hi-tech monkey example below).
Note
A mask is a 'window'. You can see only the areas of the object which it is covering. The word 'mask' is tricky because of what we know about 'real-life' masks (put a mask on and it hides you).
 
In flash (and graphic art in general) a mask does the opposite: if you lived inside a flash movie and masked your leg, the only thing a user would be able to see is your leg.

 

 
[using action script to set one movieclip as the mask for another]

Above, you have two normal MovieClip's on the Stage, and the buttons cause one of them to mask the other, using the setMask() function.

What if:
instead of empty space behind the masked image, there were another image behind it? That other image behind it would show through. And with some sneaky layering:

- layers like this - - will produce this -

 
Now you know

How to create a basic lens effect using some easy layering tricks and how to use setMask().

Note
Instead of using the same image on the middle layer, you can use a completely different one. Click on the moving lens in the movie above to see what that looks like.

We can expand on the 'lens' idea to finish our mission here: a rubbery-looking liquefied image.


page 2 of 4


 

SUPPORTERS:

kirupa.com's fast and reliable hosting provided by Media Temple. flash components
Creative web apps. Make your own free flash banners and photo slideshows.
Buy or sell stock flash, video, audio and fonts for as little as 50 cents at FlashDen.

Flash Transition Effects

Flash Effect Tutorials

Digicrafts Components Flash effects. Art without coding.
Upload, publish, deliver. Secure hosting for your professional or academic video, presentations & more. Screencast.com Flipping Book - page flip flash component.
Flash-Gallery.com - Get your flash photo gallery (flash component or swf gallery Citrus Engine: Flash platformer and sidescrolling game engine
Learn how to advertise on kirupa.com

cdn
content delivery network (cdn)