SU Podium Forum
Register  |   |   |  Calendar  |  Latest Topics
 
 
 


Reply
  Author   Comment   Page 1 of 2      1   2   Next
zem

Avatar / Picture

The Mix Master
Registered:
Posts: 461
Reply with quote  #1 

I posted this mixed-media image in the gallery forum and some people asked how it was done. I am happy to share my photoshop techniques below:





1. The basic idea to combine the rendered image from Podium with a hidden line render of the same scene from Sketchup. Here are the source images:

 

This image was exported from SU - Hidden Line:

 

 

 

This image was rendered in Podium:

 

 

 

I put the Podium image on the bottom layer:

 

 

I put the Hidden Line on top of the colored one and turn on "multiply". The two images were not originally the same size. I had to scale up the Podium one and move it into position exactly to match the hidden line.

 


2. I added the outside trees and sky "outside the window" using a layer mask. When doing any of the below tasks, use the layer with the Hidden Line image to do all your magic wand selecting - it makes picking the area much faster and easier:

 


3. To get the sunlight coming in the window, save a hidden line with shadows turned on in SU (everything will be grey except the sunlight shining into the room):

 

 

Use magic wand to select the white areas, open an new layer, fill it with light grey (delete the open glass areas first) and put that on top of the color image using "vivid light". Podium could have done the sunlight but in this case it makes the rest of the room too dark, so I made the windows opaque LEMs for nicer lighting in the room and faked the sunlight afterwards:

 

 

4. Ceilings always come out too dark - that may be the reality but clients don't like that, so apply an HSL (hue/saturation/lightness) or Levels filter to it to lighten it:


 

5. I also adjusted certain colors using HSL filters - for example, the whiteboard under the TV was originally the same beige color as the wall around it (even though in the SU model both were white - probably the color of the floor was affecting them). I had to desaturate that rectangle and lighten it to make it look like a whiteboard:

 

 

You can also see i adjusted the color of the daybed, the curtain, the wall covering and the painting. HSL filters are great because if our interior designers want any color i can change it using HSL adjustment. Unfortunately the wall still has its original orange reflection - nothing can be done about that.

6. The wall sconce was an LEM but I added the light shining up and down using photoshop. Magic wand the shape to be lit, and use a "White to Transparent" gradient in both directions. Be gentle, and work on a separate layer so if it looks too strong you can turn down the opacity. I erased (with 50% opacity) a bit to soften the edges of the light.


 


7. Do everything on a separate layer or use a filter - safer, in case later you change your mind you can turn it off.

8. The sunshade is a grey shape with opacity.

9. And of course, remove any fairy lights and blotches (Clone tool is useful).

 

10. Add a Level filter to the whole thing to make it lighter - clients don't want to see a dark dingy room.
 

Before Levels:

 

 

After Levels:

 

 

I actually added two Levels filters... you shouldn't have to do that. It just happened to look better that way.


And that's all! This technique is what i have been using for client presentations ever since SU came out - except before Podium i had to tediously export the model to VIZ, add lights, and render it for hours. Now, it's a piece of cake! =)

Questions?

DanFekar

Avatar / Picture

Registered:
Posts: 6
Reply with quote  #2 
Thanks a lot for making this tutorial! Great work! I really like the finished look.

Excellent explanation, but source-images to elaborate would be much appreciated.


Regards
Dan


__________________

- Vescere bracis meis !
________________________
Zomo

Registered:
Posts: 12
Reply with quote  #3 

zem - could you add steps pictures to your tut??  Final efect is great but it could easier to understand if you attach pics from PS steps ?

sepo

Avatar / Picture

Registered:
Posts: 4,371
Reply with quote  #4 

Zem

 

Very useful. Thank you. Any chance to include some screen grabs and

ideally post it as PDF. If you can't see with TBD.

 

LIve 100 years and be fast uphill...

zem

Avatar / Picture

The Mix Master
Registered:
Posts: 461
Reply with quote  #5 

Thanks for waiting, everyone. I've now posted the source images, and a few screenshots with explanations. Enjoy!

biebel

Avatar / Picture

Render Wizard
Registered:
Posts: 1,130
Reply with quote  #6 
.....and  .

Thank you for this

sepo

Avatar / Picture

Registered:
Posts: 4,371
Reply with quote  #7 

Thanks very much

dd

Registered:
Posts: 110
Reply with quote  #8 

thank you zem

would certainly like to see some more examples of your work....this technique looks great....getting controlled light through a window does take a lot of effort.......just luv the way u have faked sunlight....

 

your image even without the level filters looks good.....bit high in contrast, but nice mood !!

zem

Avatar / Picture

The Mix Master
Registered:
Posts: 461
Reply with quote  #9 

You're most welcome! I couldn't wait to get back to my office computer so that i could write this up. Here's a pdf of the whole post above.

 
Attached Files
pdf Zem_Photoshop_Tutorial.pdf (1.03 MB, 1885 views)

sepo

Avatar / Picture

Registered:
Posts: 4,371
Reply with quote  #10 

Zem

 

Cheers. 

Fella77

Avatar / Picture

Master Commentator
Registered:
Posts: 1,192
Reply with quote  #11 

Wow Zem..

 

Nice job on the tutorial. Coming from someone like me ( signing up for a Photoshop course next month!) who has little to no Photoshop experience, your tutorial makes it seem easy, concepts well explained, and the images are key for a rookie PS'er like me! Thanks again..really appreciate your effort to help out everyone here on the board..hope to see more tutorials from you in the future!

 

David


__________________
Ready....Set....Render!
baadshah

Registered:
Posts: 30
Reply with quote  #12 

very nice really well done pls keep posting stuff like this so we can learn more thanks again

rae

Registered:
Posts: 73
Reply with quote  #13 

Zem:

 

Thanks, Zem, for the really great tutorial.  I tried it earlier this week and it was a breeze.  My limited knowledge of photoshop has increased two-fold because of your tutorial.  I'm delighted with the results and I have you to thank.

 

Happy New Year!

 

Rae

DrinkLifeUp

Registered:
Posts: 38
Reply with quote  #14 
Wow, thank you for posting this tutorial. I've been wondering of a way to sort of merge the two looks that SU and Podium have, (cartoony with super realistic) and this is an amazing way of doing it. Hope you don't lose any jobs over this tutorial .
nayakshivam

Registered:
Posts: 1
Reply with quote  #15 

hi....

its a very nice elaborating tutorial ,its really help me alot in sharpning my presentation skills.....

thnks alot.........

fr the tutorial

spark

Previous Topic | Next Topic
Print
Reply

Quick Navigation:

Easily create a Forum Website with Website Toolbox.