3D effect on SI.com

[deesee]

Hey all,

I was just looking at the Sports Illustrated website (for the articles, not the models of course :afro:) when I stumbled upon this 3D section. They have pictures of the models on a beach for example. As you rollover the background, the model image gets blurry as if to simulate Depth of Field with a camera and hence a 3d sense is achieved.

Is this done with Flash? If so, how'd they do that?

Here's the link.

http://sportsillustrated.cnn.com/features/2007_swimsuit/3d/index1.html

[wheatleyweb]

its probably done in flash and im certain it simply overlaid images that are given a rollover blur.... really easy... cool effect.

[lorren.biffin]

its probably done in flash and im certain it simply overlaid images that are given a rollover blur.... really easy... cool effect.

Yep :) (Don't forget to mention the x_mouse and y_mouse interaction :P...jk)

[deesee]

Thanks guys. That's what I thought.

Does anyone have a simple example of what this script might look like?

[wheatleyweb]

Yep :) (Don't forget to mention the x_mouse and y_mouse interaction :P...jk)


lol yes how could I have forgotten... I mentioned the basics, the rest is up to him...

tutorials to help you...

image panning: http://www.kirupa.com/developer/flash8/interactive_image_pan.htm

blur:
http://www.kirupa.com/developer/mx2004/animated_blur.htm

That should be enough to get you there.

wheatleyweb

[hybrid101]

^that's the easiest with basic coding. i think there are virtual 3d room tutorials somewhere, lemme see if i could still dig them up...

[traderonline]

looks promising :)