Comments on: Liquid Metal Effect

By: rk

rk — Thu, 20 Jan 2011 18:20:50 +0000

That is awesome. Can you share any source?

By: Oksana

Oksana — Mon, 29 Nov 2010 14:19:36 +0000

It’s fantastic! I would never imagine that such realistic looking liquid effect is possible to create in Fl. Total Respect.

By: Rob Muller

Rob Muller — Thu, 01 Jul 2010 00:25:31 +0000

Hi Nick,

The effect is created using overlapping bevel filters with varying width and angle. Here are the settings I used for the two bevel filters (applied in this order):

var bevel1:BevelFilter = new BevelFilter(4, 135, 0×000000, 1, 0×000000, 1, 4, 4, 1, 1, “inner”, false);
var bevel2:BevelFilter = new BevelFilter(8, 225, 0xFFFFFF, 1, 0xBEBFC0, .5, 4, 4, 1, 1, “inner”, false);

By: Nick

Nick — Tue, 22 Jun 2010 14:09:26 +0000

How in the world did you make the water? I have been trying to get my water to look like for hours and I am failing. I’m doing it in photoshop (not flash) just to familiarize myself with creating the look before adding animation to it. I can’t grasp how you got the bevel’s to look like that! You have a nice sharp black edge around the side, but it doesn’t obstruct the white rim.

Have any source files I could look at for the art? Or even better have any tips?

By: Faycal

Faycal — Mon, 14 Sep 2009 14:44:56 +0000

Great!….

It’s very impressive effect.. can you share your source????

Wonderful…

By: rmdesign

rmdesign — Mon, 23 Feb 2009 04:32:18 +0000

Thanks for your comment Omarrr. I’ve updated the post with a link to one of the campaign banners.

The banner is just under 26k. The effect by itself is just 2k – the rest is taken up by bitmaps, logos & fonts.

By: omarrr

omarrr — Sun, 22 Feb 2009 00:49:33 +0000

Hey Robert, that’s a really nice effect you have there. You’ve nailed the look of those metaballs.

I would be curious to see that Sony ad campaign you are talking about. Looking at #tweetcoding I wonder if you fit all the code in 30K!