Create 3D effects and add parallax scrolling

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

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.