Incorporate a 3D Model Into an Existing Panoramic Photograph – Screencast
basixvideos

Incorporate a 3D Model Into an Existing Panoramic Photograph – Screencast

on Nov 29th 2010 with 17 comments
Tutorial Details
  • Program: Adobe Photoshop CS5 Extended
  • Difficulty: Beginner
  • Estimated Completion Time: 35 Minutes

Final Product What You'll Be Creating

Download Source Files

Join Zorana Gee, Adobe Photoshop Product Manager as she demonstrates how to work a vintage 3D automobile into a panoramic photograph using Photoshop CS5 Extended. In this tutorial, Zorana will give you tips on how to position, match lighting and adjust 3D materials and effects. She will also demonstrate some simple photo retouching tools such as Content-Aware Fill and Puppet Warp to help achieve the final look for this project.

Zorana has been on the Photoshop team for over 10 years and has been involved with Photoshop Extended from the beginning. Zorana was instrumental to the 3D effort as well as driving many feature improvements within Photoshop. She is the author of 3D in Photoshop: the Ultimate Guide for Creative Professionals and the iPad app, Photoshop 3D Guide. Zorana speaks worldwide representing Adobe and the Photoshop family line of professional products.

Part 1

Part 2

Part 3

3D in Photoshop: The Ultimate Guide for Creative Professionals

Check out Zorana’s book 3D in Photoshop: the Ultimate Guide for Creative Professionals to learn more about Adobe Photoshop CS5′s 3D capabilities.

 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

Zorana Gee, M.B.A, is a Product Manager on the Photoshop team. She has been on the Photoshop team for over 10 years and involved with Photoshop Extended from the beginning. Zorana is instrumental in the 3D effort as well as driving many feature improvements within Photoshop. She is a published author, “3D in Photoshop: the Ultimate Guide for Creative Professionals” and the iPad app, “Photoshop 3D Guide.” Zorana speaks worldwide representing Adobe and the Photoshop family line of professional products. Outside of Adobe, her time is often spent teaching the art of Capoeira to her community. She has been training and teaching Capoeira for over 12 years and holds a black-belt (equivalent).  

Plus Premium
 
 
  • Hugo

    I think for people who are graphic designers and know nothing about 3D software like 3dsMax and Maya this tutorial is awesome but in order to realisticly integrate a 3D object into a photograph you need more than Photoshop alone. The result looks clean but not ultra realistic. Nice presentation though! :)

    • http://www.digitalink.me DigitalInk

      It can be done with just photoshop alone; I’ve done it countless amounts of times. With that said, this author clearly did not invest enough time into the perspectives and ultimately slacked off on the shadowing as well. If more precision was spent in those two areas the end result would be that much better.

      - Fix perspective
      - Darken the shadows as it comes closer to areas that hit the ground.
      - Lighten shadow as it exits from under the vehicle towards direct sunlight.
      - Dial down the saturation a bit. (the blue looks too bright/vivid to the background)

      Great beginner – amateur tutorial.

    • Zorana

      Yes, I agree that I didn’t spend a lot of time finessing the final (with Photoshop techniques). A good designer could definitely polish this up solely in Photoshop (using both 3D and 2D). The point of this tutorial is to introduce a useful workflow using 3D in Photoshop.

      • http://devisefunction.com Matthew Heidenreich

        I think he is criticizing you more just because of it being on psdtuts, and they usually have a pretty high standard, where as the result could have been that much better with a little more detail. Overall though it’s good for beginners, but needs a lot more to make it look properly realistic and functional.

  • http://www.themes.pickplus.net pickplus

    good tutorial

  • http://www.twenstudio.com TWEN STUDIO

    ummm actually most people don’t used 3D in Photoshop i don’t know why, because they use Cinema 4D

    or 3D Max or any program 3D , but i think it’s time to used Photoshop too

    i will be back for watching you’re Tutorial i think it’s very Useful

    thanks

    • http://logicalmess.deviantart.com Caz

      I use 3D elements in my work all the time. It’s a great option for those occassions when you can’t find the stock images you’re after. I like this tutorial … I reckon a little dirt would make that lovely, bizarre car fit right in …

      Thanks for this tut, Zorana!

  • ev4n

    Knowing 3D software or not – the end result of this tutorial looks poorly executed. Lighting/reflections and colours are all wrong.

    • iggy21

      not sure how the lighting can be all wrong when she used the same image for the lighting map. You are right about the reflections though, those are all wrong.

  • Aaron Martone

    Well, I’m appreciative of all tutorials and such, but the car does look out of place with the environment for all the aforementioned aspects.

    Good 3D and compositing is quite an artform. Spiderman had extremely poor compositing. Many 3D overlays look out of perspective and the foreground looked superimposed and fake.

    On the other hand, Avatar is a movie that has, IMO, EXTREMELY good compositing. They take many small things into account which result in amazing realism.

  • http://www.psd-dude.com PsdDude

    :) interesting idea….the car does not look very realistic in the scenery but i like the image!

  • http://www.webguide4u.com Vivek Parmar

    a great tutorial and the end result it good. thanks for share.

  • Greg

    Nice tutorial. The main point that come across for me is the time saved creating the image.

    With a 3D model you can orient the car in any direction. If I had to do this with a stock image, I would be spending a lot of time looking for a pic of a car in just the right orientation. Because you can orient the 3D model, there can be multiple uses of the car in different orientations or perspectives such as a few cars parallel parked. Once again – huge time savings.

  • http://www.redstage.com/magento/blog Magento Blog

    The tutorial looks great. The end result is even better!

  • clarence

    Zorana, great tutorial. thanks!

  • http://illustratorcs6.com illustrator

    Thank you.
    very nice.

    “The picture of the hand is missing”.

  • http://harikafun.com harika

    great tutorial.

    thanks