Create 3D effects and add parallax scrolling

Create 3D effects and add parallax scrolling

The 3D features of can make your website leap off the screen, as Matt Booth demonstrates.

With the help of independent 3D engines such as Papervision3D, we've been able to create sophisticated 3D effects in Flash for some time now. This has, however, required a certain level of programming and 3D knowledge, which might have posed a problem for those wanting to implement simple, basic 3D touches in a site.

The latest version of Flash, CS4, enables designers with some knowledge of ActionScript to add 3D to their site quickly and easily, whether that is through the now sophisticated timeline motion-tween editor or through scripting.

In this tutorial, I'll show you how I created the viewing area for the online T-shirt site Boom!, from the initial design set-up in Photoshop to the final Flash site. We'll be scripting our motion with the use of Tweener (an open-source Class) for the parallax scrolling of the site and the 3D control.

Click here to download the support files (8.17MB)

Click here to download the tutorial for free

User avatar
Author's name
Computer Arts
About

Computer Arts is the leading magazine for designers, illustrators and creative professionals.

Computer Arts magazine subscriptions

Get our newsletter!

Sign up today to receive weekly design tips, as well as details of our latest issue the day it goes on sale!

CA Collection
Computer Arts Presents: The Design Studio Handbook

@computerarts

site stat collection