Posts tagged "tutorial"

October 9, 2010

Linky Friday: Pre-Pre MAX edition

Yes, first I am going to flog my MAX Bring-your-own-laptop lab again…

Intermediate Pixel Bender: Pixels and Beyond
Attend this lab for an introduction to topics like optimizing your Adobe Pixel Bender and ActionScript code; using ShaderJobs to process data asynchronously; using Pixel Bender to process audio and other non-image data efficiently in your Flash movies; taking advantage of Pixel Bender parameter metadata; and new Pixel Bender APIs in Flex 4. We’ll also give you a look under the hood regarding how the Pixel Bender runtime works in Adobe Flash Player 10.

Wednesday, October, 27th, 4:00 pm – 5:30 pm
Room: 510

Now on to the links!

Droste Pixel Bender Plug-in tutorial

Helen Bradley has posted a tutorial on using Tom Beddard’s Droste Effect in Photoshop on the Digital Photography School blog.


Francois Tarlier is back with another in his series of useful Pixel Bender filters for After Effects, this time he has a tool to help you identify pixels in your footage that are too light or dark, ft-Brightness Check. He also has some other very useful Pixel Bender filters for After Effects for sale on aescripts.

AndrewYY's UVmapper Pixel Bender plug-in for After Effects

AndrewYY's UVmapper Pixel Bender plug-in for After Effects

AndrewYY has also posted a nice set of Pixel Bender utility plug-ins for After Effects on the loops.net forums


Satya Meka has posted a new Pixel Bender filter for AE called “Dot Pixels” also on aescripts, which looks really fun.

In the some-of-the-older-stuff-I-missed-previously department…

Made By Pi Blend Modes

Made By Pi Blend Modes

Mike A from Made by Pi posted an update to his Blend Modes library for Flash.

I just came across this great Page Turn Pixel Bender filter for Flash (with Source!) from Thomas Vian.

Thanks again, and REGISTER FOR MY LAB!

12:15 AM Permalink
October 1, 2010

Linky Friday: Catching up and wishing I’d been in Brighton edition

With all my travel and prepping for travel, I’ve let my new tradition fall by the wayside a bit. Catching up…

This morning (West coast time), Ralph Hauwert posted a clip of a cool plasma generator written in Pixel Bender and rendered in After Effects:

Green Plasma 3D from Ralph Hauwert on Vimeo.

Also, I finally got a chance to watch the video of Ralph’s talk at FFK which was filmed in April in Cologne (another excellent conference). A great talk with some nice Pixel Bender goodness:

FFK10: Ralph Hauwert – SKUNKWORKS from marc thiele on Vimeo.

Simo Santavirta posted some images from his Pixel Bender Ray Tracing experiments.

Rayslime from Simo Santavirta

Rayslime from Simo Santavirta

He also posted some trickiness with #defines to help do fixed-length loops when targeting your Pixel Bender kernels for Flash. Believe me, loops are on the agenda for Flash. We feel your pain. (Literally!)

Francois Tarlier posted some new useful Pixel Bender-based filters for After Effects. This one, his filmic look plug-in, is really nice.

You can find that plug-in here.

Takayuki Fukatsu created a nice painting app using Pixel Bender, Flashpaint.

flashpaint

flashpaint

Flashpaint from Takayuki Fukatsu

Henrique Vilela posted two new real-time Flash-based filters.

Real-time Cartoonizer by Henrique Vilela

Real-time Cartoonizer by Henrique Vilela

The Real-time Cartoonizer and the Fire Webcam Effect (with source)

Andre Cavallari posted a new tutorial on creating Pixel Bender filters.

Create Custom Filters Using the Pixel Bender Toolkit by Andre Cavallari

Create Custom Filters Using the Pixel Bender Toolkit by Andre Cavallari

Lots more to catch up on, but this is all for now. Thanks!

6:53 PM Permalink
September 3, 2010

Link Friday (long weekend edition)!

Here are some of the interesting Pixel Bender links I heard about this week.

Jono Kafkaris background subtraction

Jono Kafkaris background subtraction

Jono Kafkaris posted a background subtraction Pixel Bender filter (with actionscript source) on his blog.


Nathanael de Jager is working some face detection algorithms and is using Pixel Bender (I hope for more than the pixelation in this video!)

Share photos on twitter with Twitpic => Share photos on twitter with Twitpic
Ralph Hauwert is using Pixel Bender to mimic photo effects.

From the Archive, I also wanted to post some links:


Andy Li's treshold and chroma-key filter

Andy Li's treshold and chroma-key filter


In December of last year, Andy Li posted a Chroma-key and tresholding filter (including source) for Flash.

Pixel Bender Intro from Satya Meka on Vimeo.

In May, Satya Meka posted a tutorial video on Pixel Bender for non-programmers to his blog.

That’s all the links for this week, but watch this blog for more info on some upcoming talks, a Pixel Bender Meetup in San Francisco in a couple weeks and a job opening in my group!

11:36 PM Permalink
August 28, 2010

Link Friday: All about the Oil Paint Tuts.

Two new Tutorials crossed my browser this week for the Pixel Bender plug-in for CS5. Both about the Oil Paint filter. Now folks, the Oil Paint filter is pretty awesome, but you know that you can run lots of other filters in the Pixel Bender plug-in too, right? :)

El tutorial primero es en español por mis amigos que hablan español: [CORRECTION: it is Portuguese, not Spanish, D'oh!]

(via http://canalphotoshop.info/2010/08/download-adobe-pixel-bender.html)

The second tutorial is in the Queen’s english, courtesy of Gavin Hoey:

Oil Painting Effect in Photoshop CS5 & Pixel Bender from Gavin Hoey on Vimeo.

12:38 AM Permalink
July 12, 2010

Russell Brown shows you how to use the Oil Paint Pixel Bender filter!

In this video, Russell shows you how to use the Oil Paint filter that comes with the Pixel Bender Plug-in for Photoshop CS5 to create some Van-Gogh-esque art.

Also, I want to give some props to Adobe Research’s Holger Winnemoeller who wrote the filter, it is really cool!

10:09 PM Permalink
February 10, 2010

more Pixel Bender learning resources from the community

Still so many cool things getting posted out there in the Pixel Bender developer community. This time, I’m going to point out some tutorials and guides that I’ve seen recently:

The AS3 to Pixel Bender Guide by Corey von Birnbaum. This is a short post with some good analysis by Corey on good ways to get good performance out of Pixel Bender in the Flash Player and also some good links to other Pixel Bender reference and tutorial sites.

Pixel Bender Tutorial by Matthew Butt. Nice, quick, tutorial which covers the basics and covers a couple of the easily messed up bits when using Pixel Bender in Flex.

CodeDependent Video on using Pixel Bender Effects in Flex 4. Ok, this isn’t strictly from the community, but it is still a nice video showing some of the cool Pixel Bender support added to Flex4. (Oh, and ignore the comment he makes about the history of Pixel Bender at the beginning, uh, that is way incorrect). I link to the page because it has a demo and the source in it.

Cory McMahon gave a talk at the LA Flex group on using Pixel Bender and doing HDR in Flex. There is some nice simple explanations of gaussian kernels before he talks about PB and he gives us some (deserved) barbs on how Pixel Bender is limited in Flash. Overall, it is a nice talk on doing image processing in Flex with and without PB.

11:12 PM Permalink
August 19, 2009

Pixel Bender audio processing sample code

I’ve been doing some playing around with processing audio using Pixel Bender in Flash and I realized that it was hard to find some working code to get started with. So i wrote up this sample. I tried to do a minimal app that actually did something interesting and would be a start for someone else. To that end, this AIR app sample loads an MP3 file and then the embedded Pixel Bender kernel lets you change the level of the individual channels separately.

The MXML code is below:

All the action is in the ProcessAudio function, that pulls samples from the input file and executes a ShaderJob across them. There is something important to reference here:

effectShader.data["source"].width = BUFFER_SIZE / 1024;
effectShader.data["source"].height = 512;
effectShader.data["source"].input = shaderBuffer;
effectShader.data["volume"].value = [ leftSlider.value, righttSlider.value ];

var effectJob:ShaderJob = new ShaderJob( effectShader, event.data, BUFFER_SIZE / 1024, 512 );
effectJob.start(true);

I pass the buffer into the shader job as a 2D buffer instead of a buffer with a height of one. This may make less sense logically, but the Flash player breaks the data up by rows for multi-threading, so this should make that perform faster.

Here is the kernel:

One thing to notice here is that rather than using an image2 as input and a pixel2 as output (which may make more sense logically again), I instead just use the buffer layout and process 2 stereo samples at the same time. This should also give you better performance for filters that can do this.

Here are the files:

For more info, the following references might be helpful

3:10 AM Permalink