picture home | art | events | music | rack extensions | downloads | pixel blog | qt_tools

omino pixel blog

pixels, motion, and scripting
entries for category "pixel bender"
david van brink // Sun 2010.06.27 22:41 // {after effects pixel bender}

AE: Omino Stamp, a Pixel Bender Filter

Early this month, we visited the San Jose Museum of Quilts and Textiles, featuring patterns and clothing by the Hawaiian designer Alfred Shaheen. Great stuff! Yeah, I have a closet full of Hawaiian shirts.

alfred_shaheen_print.jpg

(Show show goes til August 8, worth visiting. On the first Friday of the month, many of the galleries on First Street in San Jose, CA are open late, definitely a nice night out.)

Since I adore repetition, and halftoning, I got to wondering if I could recreate some of the patterns programmatically. The “Omino Stamper” filter runs in After Effects and attempts to do this.

download ==> omino_stamp.pbk, an After Effects filter.

The idea is pretty simple: draw a “stamp image” in a pattern which can be affected by the source image. It’s a little bit like a particle effect, but more mechanical.

Here’s the controls and few examples, which look nothing like Hawaiian shirts.

stamper_screenshot.png

A quick rundown:

  • The pattern- settings adjust the stamping grid
  • The stamp- settings adjust orientation and size of the stampimage image
  • The stampOverlaps setting controls how many nearby stamps are computed for each pixel; slows down the render a bit but is necessary for closely-spaced stamping. (If you see missing corners and such, increase this setting. (Those of you familiar with Pixel Bender will immediately apprehend why this is so. :)
  • The affectsStampSizeAmount, affectsStampColorAmount, and affectsStampRotationAmount settings control the halftoning features of the filter.

Here’s a basic stamp:

Next, we adjust the bricking a little, to make it less square-y:

And let the color of the underlying image affect the stamp color:

How about affect the rotation, instead of the color? Kinda wild:

Or back to basics, let the underlying image affect the stamping-size:

Here’s a festive little animation playing with the effect a bit, and does include a Tiki god or two.

WKJwCt0ik_E

click for
http://www.youtube.com/v/WKJwCt0ik_E&hl=en_US&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999

download ==> omino_stamp.pbk, an After Effects filter.

Enjoy!

2 comments
omino stamp for after effects, a pixel bender filter // Tue 2010.06.29 11:0411:04 am

[…] 29, 2010 Omino continues with their onlsaught of Pixel Bender Plugins for Adobe After Effects, with a new one – Omino Stamp. Omino Stamp is a Pixel Bender Filter that was inspired in part by “Hawaiian Shirt” […]

Happy 1st Linky Friday Everybody! « Kevin Goldsmith // Fri 2010.07.30 17:395:39 pm

[…] posted another Pixel Bender filter oriented towards After Effects users on his Omino Pixel Blog: Omino Stamp a Pixel Bender Filter. This is really useful for creating some nice patterned fills. Pattern example from Omino […]

oh, i dont know. what do you think?


david van brink // Mon 2010.05.17 00:20 // {after effects pixel bender}

AE: Omino Spindala, a Pixel Bender Filter

download ==> omino_spindala_32.pbk, an After Effects filter.

Always doing things the hard way. Needed a wheel with some symmetry, like so:

How else to do it than by drawing a circle with some blobs, and then treating it with… a handwritten pixel bender kernel:

I started describing its controls, but wouldn’t it be more fun to just try it out? Below is a slightly reduced version of the Pixel Bender kernel running in Flash.

Give it a spin! Try the parameters, or click Scramble a few times, or Go, to let it choose random parameters.

spindala_for_flash.swf

click for
http://omino.com/pixelblog/wp-content/uploads/2010/05/spindala_for_flash.swf

There’s no shortage of vaguely-trippy image manglers, these days, but that’s no reason not to indulge.

oh, i dont know. what do you think?


david van brink // Mon 2010.05.3 17:54 // {after effects pixel bender}

AE: Omino Staragon, A Pixel Bender Filter

download: ==> omino staragon 32 <== a pixel bender filter

Just recently, Dale Bradshaw posted a rounded-rect pixel bender plugin. Pretty nifty!

It got me thinking, What about other rounded-corner polygons? It was a bit of a puzzle. As with all Pixel Bender plugins, the question is, What color is this pixel? How does a given pixel know if it’s inside a rounded-corner pentagon or not?

hex_and_star.png

I stuck to regular and stellated polygons to start. One solution goes like so:

  • Divide the plane into pie-slices, one for each edge of the polygon.
  • For each point, decide which slice you’re in.
  • Decide if you’re inside or outside the edge.
  • For the rounding… decide which corner you’re nearest
  • Are you in the arc of that corner? If so, decide if you’re inside the rounding-radius.

pentagon_pie.jpg

Well, that was a bit of obsessive fun. Here’s a screen shot, including the parameter controls:

And here’s a little demo of it.

6swtGElxOzs

click for
http://www.youtube.com/v/6swtGElxOzs&hl=en_US&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999

download: ==> omino staragon 32 <== a pixel bender filter

oh, i dont know. what do you think?


david van brink // Wed 2010.04.21 07:41 // {after effects pixel bender}

AE: Omino Glass, A Pixel Bender Filter

download: ==> omino glass 32 <== a pixel bender filter

There was a flurry of interest in "chromatic aberration" a while back, like here. I’d actually played with it a bit, simulating lens-effects, but only now have gotten around to weighing in on it.

The implementations I’ve seen work by splitting out your RGB and moving them around a little bit independently.

Here’s my weigh-in: Come on, people! The spectrum has more than three colors!

I find that five to seven is about right. I’ve implemented this combined with refraction into a pixel bender plugin.

omino_glass_title_card.jpg

Refraction happens when a ray of light changes its direction as it passes from one substance to another, if they have aaah, varying, that is, if they have different, um, refractive indexes. And that’s how aaah magnifying glasses work. See.

It looks like this.

The blue lines are rays of light moving up, or cast-sight-rays going down. It’s all very technical.

But I’ve got this Pixel Bender filter, right?

The filter takes in two images: a bump map (the refracting surface) and an image to view through the refraction. Here’s a bump map:

ripples.jpg

And here’s a source image:

Those chairs are known as “Chadwick Modular Seating”, from Herman Miller, designed by Don Chadwick, who later designed the Aeron chair, and that room hasn’t been that empty for, like, six years, after my girlfriend moved in and filled it up with shoes and stuff. So anyway.

And here’s the image, through the omino_glass Pixel Bender filter:

Now the fun part. Chromatic aberration happens when different colors are refracted by different amounts. Here’s the same image with just a touch of chromatic aberration applied:

Livens it up a little bit, yes?

The “flat” parts of the image, under the non-sloping parts of the bump map, appear undistored, and uncolored. But the distorted parts of the image have their colors splayed out a bit.

That’s chromatic aberration, comma, simulated.

By the way, you can get this effect in After Effects using CC Glass and overlaying multiple tinted copies, with slightly different settings for Height, and adding them back together. But that’s a lot of layers and settings to juggle; my pixel bender filter does it all in one at 32bpc instead of 8.

Here’s a test grid set with no basic refraction, and lots of chromatic aberration. This leaves the central green portion of the spectrum centered on the original image.test_grid.jpg

The inset image is the bump map.

We can see how omino_glass breaks the spectrum up into seven regions. It’s arbitrary, but I like the look.

And here’s a little demo showing the filter in motion, animated in After Effects, out on the ‘Tube.



click for
content

download: ==> omino glass 32 <== a pixel bender filter

Other chromatic aberrations of interest, from some of my favorite blogs:
ae-tuts
maltaannon
satya meka

4 comments
rs // Tue 2010.05.4 01:231:23 am

Superb, thank you!

Harry Frank // Thu 2010.06.3 17:055:05 pm

Love it! I mention it in my next episode of RGTV and in a new preset I am posting for Red Giant People.

Thonbo // Fri 2010.07.2 01:251:25 am

ill try this out in flash at some point, this is great – ive been a great fan of the displacementmap filter and this add a serious take to that category

ill even try to add some lines of code to make you able to designate the starting point of the filtermap (mappoint) this is very usefull for lens effects

david van brink // Fri 2010.07.2 08:288:28 am

^ I’d love to see where you take it!

I havent tried it in Flash. (It might be necessary to restructure somewhat, I think there’s some limitations to do with function definitions in Flash vs AE Pixel Bender.)

oh, i dont know. what do you think?



0.0964s
(c) 2003-2013 omino.com / contact poly@omino.com