Flash Components      Flash Menu      Flash Gallery      Flash Slideshow      FLV Player      Flash Form      MP3 Player      PhotoFlow      Flash CMS      3D Wall      Flash Scroller

Flash / AS

Silverlight

WPF

ASP.net / PHP

Photoshop

Forums

Blog

About

 


FlashComponents
  Galleries
  Slideshows
  Menus
  Design & Effects
  Audio & Video
  User Interface
  Templates

 

 

 

 


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


 


kirupa.com's fast and reliable hosting provided by Media Temple. flash components
The Text Animation Component for Flash CS3
Check out the great, high-quality flash extensions. Buy or sell stock flash, video, audio and fonts for as little as 50 cents at FlashDen.
Check out our high quality vector-based design packs! Flash Effect Components

Flash Templates
CSS Templates
Dreamweaver Templates

flash menus, buttons and components
Digicrafts Components The best flash components ever!
Entheos Flash Website Templates Buy and sell FLAs at Ultrashock!
Upload, publish, deliver. Secure hosting for your professional or academic video, presentations & more. Screencast.com Purchase & Download Flash Components
flash components Learn how to advertise on kirupa.com