Paralax/ mouse event

  • CE/ Pyrocy
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jul 14, 2006
  • Posts: 374
  • Loc: Santa Barbara, CA
  • Status: Offline

Post August 11th, 2009, 9:22 am

Can anyone point me to a good tutorial or get me headed in the right direction. I need to make a paralax effect kinda like this site has:
http://www.fridaythe13thmovie.com/index ... /epk/cast/
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post August 11th, 2009, 9:22 am

  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23407
  • Loc: Woodbridge VA
  • Status: Offline

Post August 11th, 2009, 10:09 am

I've never done anything quite like that, but it's probably roughly similar to a carousel type script which are a dime a dozen. I do like the effect in that link though. If you do find something be curious to see what you got.

//I also found this which might give you some ideas
http://stackoverflow.com/questions/1031 ... mouse-move
I didn't try it out but the horizontal scroll on mousemove could probably be extended to the y axis.
Here's the code
http://pastie.org/521432

Good search results here also

I downloaded the source files from here: http://www.netmag.co.uk/zine/flash-1/th ... -scrolling

It's pretty close.
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • graphixboy
  • Control + Z
  • Mastermind
  • User avatar
  • Joined: Jul 11, 2005
  • Posts: 1828
  • Loc: In the Great White North
  • Status: Offline

Post August 11th, 2009, 12:48 pm

its pretty easy to do. Mostly just a lot of photoshop work to make sure each part is on its own layer. Here's a good tutorial...

http://www.webdesignerwall.com/tutorials/parallax-gallery/

I think the trick is to make it narrow with a larger offset to the movement. However, if you don't need it to be interactive After Effects has an even easier way to do it: http://www.videocopilot.net/tutorial/virtual_3d_photos/
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 32 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.