$show[vbsec2]
Page 1 of 3 123 LastLast
Results 1 to 20 of 42

Thread: TUTORIAL: 3D-ing in Photoshop

  1. #1
    Join Date
    Aug 2007
    Posts
    1,607

    Lightbulb TUTORIAL: 3D-ing in Photoshop

    Since most people don't want to shell out $20 for Imandix and the free version only makes low-res versions, I'm posting a tutorial on how to make your boxes 3D in Photoshop. This is just an example using my current latest box.

    Since I doubt most of you can get the angle perfect, I've created a template (angle referenced off Imandix) which serves as the plastic for your box.

    http://i239.photobucket.com/albums/f...-DTemplate.png
    EDIT: Don't use that one, use this one instead: http://img528.imageshack.us/img528/3...nostempnq6.png
    It's much cleaner and high res. Made by Indexenos.

    For boxes for other consoles, simply give it a color overlay (i.e. white for Wii boxes).

    STEP 1: Sectioning


    (Yes, this is what CS1 looks like, no flash photography please.)

    Once you have the template scaled to your (2D) box as such, you must split your box into three sectons: Front, spine and back. To do so, select each part and use the Cut tool (Crtl+X).

    STEP 2: Skewing



    After entering Free Transform mode (Crtl+T), skew (Click and drag corners while holding Ctrl) each individual section to fit the plastic.



    When you're done this step, it should look like this.
    NOTE: If you want to, you can stop here, but for a more realistic look, I recommend you continue.

    STEP 3: Shine and Shadow



    Select the layer transparency of the front (See window), and add a white-to-transparent linear gradient at 15% opacity, from the left of the front halfway through. Rinse and repeat for the back, except with black instead of white.



    The spine's slightly different. Go from left to right with the same settings, but with black-to-white.

    STEP 4: Reflection



    Merge all layers, and duplicate. Flip it vertically, and move it under the original box image. Then go Image > Reveal All.



    Separate into three parts and then skew it to line up with the original box image (the back might need to be nudged up a couple pixels). Then cut off approx. 25% of the image at the bottom.



    Add a layer mask (See window), and with the layer mask selected, add a black-to-transparent gradient over it at 100% opacity from bottom-to-top. Then make the reflection layer 50% opaque.



    And there's our finished product. Feel free to give me feedback on this tutorial.
    Last edited by Star89er; 07-14-2010 at 07:24 AM.

  2. #2
    Join Date
    Dec 2005
    Location
    England
    Posts
    2,612

    Default

    Good job , sticky.

  3. #3
    Join Date
    Feb 2007
    Location
    I got Brawl: 5370-5382-1241
    Posts
    1,565

    Default

    Great tutorial and all but I payed nothing and I have the full version of imandix...downloaded right off their site
    Maybe add a low opacity white-transparent glow on the box in certain places to make it look like light on it

  4. #4
    Join Date
    Aug 2007
    Posts
    1,607

    Default

    Thanks for the sitcky.
    @Shadow: Really? How? I downloaded it and it has this big "IMADNDIX TRY OUT" bar...

  5. #5
    Join Date
    Sep 2007
    Location
    (S)Nottingham, UK
    Posts
    604

    Cool

    Nice one Star89er. Nice tut.

    Similar to how I make my boxes, although the front and back, I usually use the Perspective transform option... but, does the same thing. Also, to change colour, I use the hue/saturation -- but again, same thing too

  6. #6
    Join Date
    Jan 2008
    Location
    Vancouver
    Posts
    306

    Default

    Quote Originally Posted by Star89er View Post
    Thanks for the sitcky.
    @Shadow: Really? How? I downloaded it and it has this big "IMADNDIX TRY OUT" bar...
    Great tutorial, very informative.

    Did you get it from here? I think this is the one with out the stamp on the box.
    http://www.imandix.com/vers1/enu/lizenzcover.htm


  7. #7
    Join Date
    Jan 2008
    Location
    Southern California, United States
    Posts
    598

    Default

    Quote Originally Posted by Star89er View Post
    Thanks for the sitcky.
    @Shadow: Really? How? I downloaded it and it has this big "IMADNDIX TRY OUT" bar...
    me too.


    and when i do 3d in photoshop i use distort. but this is cool too.

  8. #8
    Join Date
    Feb 2007
    Location
    I got Brawl: 5370-5382-1241
    Posts
    1,565

    Default

    Quote Originally Posted by Star89er View Post
    Thanks for the sitcky.
    @Shadow: Really? How? I downloaded it and it has this big "IMADNDIX TRY OUT" bar...
    I don't know. I just downloaded it and it was the full version. Try downloading again
    EDIT: I'm pretty sure I got it from the site Veronica posted

  9. #9

    Default

    Quote Originally Posted by Shadow the Hedgehog View Post
    I don't know. I just downloaded it and it was the full version. Try downloading again
    EDIT: I'm pretty sure I got it from the site Veronica posted
    I believe an elaboration is in order.

    The Standard (Full) version is free, however, it is limited in its resolution size, and overall features.

    The Pro version is the one that costs money, and allows you to create imitation 3D images of very high resolution.

  10. #10
    Join Date
    Feb 2007
    Location
    I got Brawl: 5370-5382-1241
    Posts
    1,565

    Default

    Quote Originally Posted by TheSlyder View Post
    I believe an elaboration is in order.

    The Standard (Full) version is free, however, it is limited in its resolution size, and overall features.

    The Pro version is the one that costs money, and allows you to create imitation 3D images of very high resolution.
    Nope, I can control the output size and the file extension

  11. #11
    Join Date
    Feb 2008
    Location
    Black Mage Village in Gaia
    Posts
    292

    Default

    Where Did You Get It

  12. #12
    Join Date
    Mar 2008
    Location
    Florida
    Posts
    1,064

    Default

    Nice tutorial. However, I wonder how you would go about making a PS3 template 3D...hmm...

    Does Imandix make PS3 boxes 3D with the plastic and all?

  13. #13
    Join Date
    Feb 2007
    Location
    I got Brawl: 5370-5382-1241
    Posts
    1,565

    Default

    Quote Originally Posted by vividamage123 View Post
    Where Did You Get It
    Right off their website :-\
    Google imandix, its the first thing that comes up

  14. #14
    Join Date
    Apr 2007
    Location
    California, USA
    Posts
    640

    Default

    Great tutorial! I might just have to try and 3D my next box just for fun

  15. #15
    Join Date
    Sep 2007
    Location
    (S)Nottingham, UK
    Posts
    604

    Cool

    Quote Originally Posted by Dersnap View Post
    Nice tutorial. However, I wonder how you would go about making a PS3 template 3D...hmm...

    Does Imandix make PS3 boxes 3D with the plastic and all?
    If anybody likes my hand-drawn 3D PS3 box that I use on my PS3 boxarts.. then I can rip out the cover section like '89er's and you lot can follow the same method to recreate a PS3 version.

    I have full version Imandix cover Pro..but I never use it because I don't like the angles it makes on the boxes, and when making big 3D boxes like over 2000px wide (which I do) I don't think it looks as good as when I make it myself in 3D. Pro version does make Blu-ray 3D boxes, but obviously it only has the movie style box with the Blu-ray logo on the front top. Only time it's useful for me is for smaller 3D boxes when I'm in a hurry, especially as it creates the reflections as well.

  16. #16

    Default

    Anyone know if you can do 3D in GIMP? Would be really helpful.

  17. #17
    Join Date
    Jul 2008
    Location
    You see that box?
    Posts
    454

    Default Cs3

    I have have CS3 extended, and i can't find the transform tool or distort tool. Any help?

  18. #18
    Join Date
    Nov 2007
    Location
    Australia... Mate
    Posts
    801

    Default

    I'd be happy to convert this tutorial into GIMP, if thats okay, Star89er

  19. #19
    Join Date
    Jul 2008
    Location
    Hamilton, NJ
    Posts
    78

    Default

    Quote Originally Posted by BiggerBoss View Post
    I have have CS3 extended, and i can't find the transform tool or distort tool. Any help?
    Call up Adobe support, or check the manuals that came on the Photoshop DVDs. They offer a great deal of information on using the program.

  20. #20

    Default

    Hey awesome tutorial
    but how would you do this on a gameboy advance box?

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •