Photoshop 3D Into After Effects Workflow – Day 1

Download Source Files

Final Product What You'll Be Creating

One of the coolest features of late that Adobe has included is the ability to open 3D models within Photoshop and After Effects. In this tutorial Brian will use the example of a mock coffee shop promo to show some of the basics techniques you can use. I hope the coffee is fresh though, otherwise that’s grounds to not watch the tut… grounds… coffee… yeah.

Requirements

  • Coffee Cup Model You can download the model here.

Overview

  • Core Training Value: Learn how to import a 3d model and style/light it with Photoshop. Then import that model into After Effects to create a 3D scene with camera animations.
  • Difficulty: Intermediate

Tutorial

Download Tutorial .flv

File size 122MB

Add Comment

Discussion 19 Comments

  1. Fab says:

    FIRST! :D

  2. ramesh says:

    wow great ! nice coffee ..

  3. IANH - BR says:

    I prefer cappuchino :D

  4. This is a helpful tutorial. Thanks Brian!

  5. Giovanni says:

    Not good enough… c’mon guys. That’s some bad 3D.

    • You’re right.. the anti aliasing is bad

      • Pepijn says:

        Maybe that this is a bug in the Photoshop Live 3D in AE, but you’re right, the anti-aliasing IS bad….
        I am not sure if PS Live also has support for bump and specular maps, but this would have made the whole scene much more realistic.. especially in the wooden table… This looks a bit flat now..

  6. Simone Di Francesco says:

    150$ for this? I have to begin to shot my composition… sorry Brian… is not so good…

  7. IANH - BR says:

    This is Photoshop 3D, this is not 3D Max and Maya. that’s the problem

  8. Jan V says:

    No it’s not the problem. You can turn the anti aliasing setting from draft to Best in photoshop….
    The final version of this tutorial does not look very good at all – it could have been a lot better with a couple of switches turned on.

    Also, photoshop supports bump mapping and reflectivity etc.

    • I have to agree. This tutorial is a bit painful to watch. I know this feature is fairly new, but people should really only be doing tutorials if they know the ins and outs of the technique they are teaching. So many mistakes in this tutorial, and no mention of correcting them. He just ignores it and moves on. So much more can be done with this, that I feel should have been shown in even the most basic of tutorials.

      BTW, if you want to remove the antialiasing, select the model in PS and change the quality from “draft” to “best” like Jan V states above. Then in AE, you can switch the layer to draft to work faster. Then just render with “best settings” in the render queue. It’ll look a lot better and be quicker to work with.

  9. Maceo says:

    Cool tut,
    photoshop 3d has many uses!! , i used it in my music vid, check out second 45+ http://www.youtube.com/watch?v=Plhgyp0KNQQ

  10. Anton says:

    Is there way to export 3ds → After Effects, or we have to import to Photoshop first?

    • Peter says:

      As of CS4, you need to go through Photoshop to get 3D models into AE. You can create some 3D primitives using CC Sphere/Cylinder, some bicubics via the Freeform AE plugins, and 3D particles with Particular, but for actual models you have to go through Photoshop.

  11. vigilon says:

    Great tutorial. Got a few useful tips. Thanks.

  12. marise says:

    What kind of video card do you need on a macbook pro to create 3d images? When I open the 3Ds file in photoshop I get – Your video card does not meet the requirements for hardware – accelerated 3d rendering. All 3d will be rendered with software only. When I try to save psd file and open it in After Effects I only get a 2d object. What do I need?

    Thanks

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.