How are 3D websites made?

  • raredesign
  • Born
  • Born
  • No Avatar
  • Joined: Dec 05, 2007
  • Posts: 3
  • Status: Offline

Post April 24th, 2009, 8:09 am

My background is with traditional SEO and W3C methods of design and development, using CSS, Php, XHTML, etc.
I have experience with Flash as well, but mainly used it to spice up my traditional pages.

I have been seeing many sites created entirely in flash, which is fine though I know some people frown on them.
My main interest is in some of the sites that I have seen on template monster that incorporate 3D models, and effects that are very much like the "Northern Lights". Also, I have seen sparkles used quite often, whether over buttons or orbs that float around.

Can someone explain how this is accomplished? I cannot seem to find much throughout my googling that leads to a direct tutorial explaining how it is done.
My thought it is that it incorporates Flash, Swift 3D, Photoshop, After Effects, and models from other programs such as Studio Max, Maya, Lightwave, etc, if they were not created in Swift 3D.

While I have dabbled in many of these applications, I still do not understand how they are directly applied to each other, or what the best practices are. It would be nice to find a tutorial that clearly defines what to look out for, and not to do so that the site is optimized, etc.

Thanks
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post April 24th, 2009, 8:09 am

  • CXLink
  • Expert
  • Expert
  • User avatar
  • Joined: Nov 22, 2004
  • Posts: 684
  • Loc: ATL-GA
  • Status: Offline

Post April 24th, 2009, 11:23 am

Can you put up some links to examples of what you are talking about?
Push-Here ::: Web Design + Identity
WordPress - like mayonnaise - goes great with anything
We adore chaos because we love to produce order. -M. C. Escher
  • raredesign
  • Born
  • Born
  • No Avatar
  • Joined: Dec 05, 2007
  • Posts: 3
  • Status: Offline

Post April 24th, 2009, 12:03 pm

CXLink wrote:
Can you put up some links to examples of what you are talking about?


http://www.ozzu.com/designs/flash_templates/template_number/23535/

Thanks
Moderator Remark: added link tags
  • graphixboy
  • Control + Z
  • Mastermind
  • User avatar
  • Joined: Jul 11, 2005
  • Posts: 1828
  • Loc: In the Great White North
  • Status: Offline

Post April 25th, 2009, 12:07 pm

Yes its little bits of After Effects brought into Flash as either an image sequence or a short video file. I doubt its even using any thing from a 3D program.

Good tutorials for similar effects are available from http://psd.tutsplus.com/ and http://ae.tutsplus.com/
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
  • dogbert
  • Novice
  • Novice
  • User avatar
  • Joined: Dec 06, 2007
  • Posts: 28
  • Loc: Tacoma, WA
  • Status: Offline

Post May 5th, 2009, 4:56 pm

"3d" is not really the best term in my opinion, the browser is not rendering anything or creating light effects, its still just pictures. 3d in a web site sence (in my opinion) is using z-index :) to get x (being width) y (being height) and z (being stacking things ontop of other things)

but getting a 3d look generaly means rendering 3d objects with a 3d program (I use Rhino as its simple, easy and was cheap.) and saving it as an image (.jpg etc) then putting them into photoshop or a pic editor to create exactly what your looking for. then positioning all your pics on the page creating the look, Or in flash. I've used swift 3d for flash stuff, cool little program, it works by making slides of the object to be pasted into flash. (or atleast ver 2.0 did) its bascily a simple object animator with preset motions.

Post Information

  • Total Posts in this topic: 5 posts
  • Users browsing this forum: No registered users and 138 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.