Tutorials Books Videos Forums

Change the theme! Search!
Rambo ftw!

Customize Theme


Color

Background


Done

Hourglass Effect

by FlashCubicle   | filed under Flash and ActionScript

This is an archived tutorial from the kirupa.com legacy collection. It covers software that may no longer be available, but it is kept online because the ideas still hold up.

This tutorial is about how to make hourglass liquid effect. What is that? Well basically, we make the fluid inside a hourglass swing up and down. The following animation is an example of what you will be creating:

[ the hourglass effect! ]

This tutorial contains several important key steps. Most of our steps involve recreating the fluid effects seen above. The following series of animations outline the individual parts that you will have created:

  • The swing effect:

 
  • Curvy movement:
     
     

     
  • The elliptical movement:
     
     

     
  • A combination of the above effects with mask:
     
     

     
  • More liquid effects:
     
     

     
  • A curve shape:
     
     

     
  • Modifications to make the shape seen below:
     
     

     
  • Duplicate the same effect for the other animation:
     
     

     
  • A more natural liquid fall effect:
     
     


Just a final word before we wrap up. What you've seen here is freshly baked content without added preservatives, artificial intelligence, ads, and algorithm-driven doodads. A huge thank you to all of you who buy kirupa's books, became a paid subscriber, watch the videos, and/or interact on the forums.

Your support keeps this site going! 😇

The KIRUPA Newsletter

Thought provoking content that lives at the intersection of design 🎨, development 🤖, and business 💰 - delivered weekly to over a bazillion subscribers!

SUBSCRIBE NOW

Creating engaging and entertaining content for designers and developers since 1998.

Follow:

Popular

Loose Ends

:: Copyright KIRUPA 2026 //--