Instead of AdBlock, enjoy ad-free CAN by becoming a member. Everybody wins!

SoBe ReSkin [Flash]

SoBe ReSkin in an installation created for SXSW Interactive this year, utilising Flash to provide the public with an opportunity to “Virtually reskin yourself, then fool your friends”.

Few words from Dofl Y.H. Yun, Lead Developer on the project:
This project has couple of special meaning to me. Fist of all, I moved to NYC to do interactive installation jobs and this is the first project here. FB proposed clients installation projects since I joined and finally Pepsi accepted our proposal. Secondly, I learned how our work with simple idea makes people happy and then they make me happy again while staying in Austin for 5 days of SXSW Interactive. You might understand what I mean after looking at photos I took.

Here is a list of what Dofl did to add tattoos realism.

- Matching the quality of tattoo to user photo. Because the kiosk used a built-in low quality camera and the condition of space wasn’t perfect to take best quality photos so the quality of tattoo was reduced to match quality of them dynamically.
- Multiply Blend mode.
It is basically used to overlap a tattoo to skin.
- Tattoo Opacity.

- Contour to skin. This part would be the most great part.
The displacement map filter which is a Flash built in feature is mainly used to add skinning tattoo realism. The kiosk application reads pixel values, especially red channel this time, from user photos in runtime and performs a displacement effect on tattoos. By controlling amount of distortion, a tattoo can be not only overlapped as flat as a pancake but also mapped to skin based on user photos .
- Redness Opacity and Thickness.

- Transforming.
This allows user to move, rotate, skew and scale a tattoo.

Try the DEMO here.

AGENCY: Firstborn / CLIENT: SoBe / Date: March 2010 / Lead Developer: Dofl Y.H. Yun
Executive Producer : Crytinue Cho / Creative Director  : Dave Snyder

Dofl Y.H. Yun is a Senior Developer at Firstborn Multimedia, code artist and technical writer. More about Dofl can be found on his website.

Posted on: 05/05/2010

Posted in: Flash

Post tags:

  • http://www.LawrieCape.co.uk Lawrie

    Awesome! At first I was quite impressed, but then the “Contour to skin” effect blew me away! Displacements maps are hard to get right, and this seems to work beautifully!

  • thomas

    Awesome ! it's shame that we can't upload photo or take photo with webcam in the demo

  • Thedofl

    We just launched online version. You can try full functions including uploading your photo at http://reskin.sobe.com

  • http://www.facebook.com/profile.php?id=714765094 Gill Ng

    It’s so cool. I am trying to make something similar but the code gets me crazy. Thanks for the post.