Join Paul F. Aubin for an in-depth discussion in this video Adding a background using Photoshop, part of Revit: Rendering.
- So sometimes you export your rendering from Revit and there's still some work that you'd want to do to it, some adjustments you'd wanna make, that either weren't easy to accomplish directly in Revit, or you're just more comfortable, maybe, making those adjustments in another program such as Photoshop. So I'm here in Photoshop and I have a rendering loaded that we generated from Revit, and as you can see, the windows are all showing transparencies, so that checkerboard pattern that you see there in all the windows is actually transparent pixels.
To achieve that from a Revit rendering, you need to save the image as a .png file, and we discussed that in the previous movie. So now what I want to do is, I wanna take a background image, that's just another image file, and I wanna drop it in as a layer behind this one so that it will show through all those transparent window areas. And you know, we looked at an alternative way to do this directly in Revit by adding the image file to the rendering as you create it, but this just gives you another option at your disposal.
So I have a file here called Mountains, and it's just this nice idyllic mountain scene, and I've provided two versions of this file with the exercise files. One is the original full-size version, and this one I've scaled down to 750 pixels to match the size of my rendering. So I'm just gonna do Control + a to select the entire image, and then I'll do Control + c to copy it to my clipboard. And I'll click back over here to my rendering, and I will do Control + v to paste it in.
Now you can see it's cropping the top and bottom a little bit, because the heighth of the mountains image is a little bit taller than the heighth of the rendering, but that actually is gonna work in our favor, because when I readjust these layers, we're gonna be able to shift it around slightly. Now, all you have to do is come over here to your layers palette and grab the background image and drag it underneath Layer 0. Now that puts the mountain scene behind the rendering. Now, you can kinda see where the horizon line is right about there, and maybe you wanna adjust that a little bit.
And that's where having that extra height in the image is gonna be helpful. Now I'm gonna do that just with the arrow keys on my keyboard, so you can see that each time I press the arrow key it nudges the image just a little bit. If you wanna nudge it a little more, hold the shift key down and press the arrow, and it will nudge in larger increments. Now, because of the way I've sized the image, that's only gonna work vertically. If you try and nudge it horizontally then it'll ruin the illusion because you'll start to see the transparency through again. So make sure that you just nudge up and down, not side to side.
So that kind of gives me the overall effect that I'm looking for. Now, we adjusted the exposure of the rendering back in Revit, but there we were kind of doing it against the default Revit background. Now that I've chosen this background, I'm kind of looking at the image and thinking, "Well, I really would like "to adjust that color a little bit," to kind of make these two, you know, blend a little bit better with one another. Now, Photoshop has a vast array of tools at your disposal to adjust the images, you know, the quality, and the tonality, and the levels, just tons of different tools that we can work with.
And there are dozens and dozens of courses here on the Lynda.com library if you wanna learn more about Photoshop in particular. What I'm gonna do is just use a really simple tool that kind of is similar to that exposure tool that we were using back in Revit. So at the moment I have Layer 1 selected, so I wanna make sure that I'm selecting Layer 0. Layer 0 is my rendering layer. So I've got Layer 0 selected, and then I'm gonna come up here to Image, and under Adjustments, I will choose Hue Saturation.
And this tool will allow me to kind of make some adjustments to the overall tonality of this image, or, you know, the color palette that it's basically using. I'm gonna do that with this Hue slider right here. So, if I start to drag it a little bit, it will change on screen interactively because I have this Preview box checked right here. You'll notice that I could make it pretty dramatic and really start to adjust the tone of this image, but if I come down here and, I'm thinkin' that, you know, just a little bit off the default there, you can see I'm at about -14, that starts to change the tone of the image a little bit and kind of feels to me like the color palette matches that background just a little bit more naturally.
It sort of starts to feel like these two images belong together. So you are welcome to fiddle with this in any way that you like, but, you know, after I compare the before and after, this is what we had before we made the adjustment, and here's after the adjustment. So it's subtle, but I think it's enough to kind of make a difference. So I'm gonna okay outta there, and then the final step is saving the image. Now if you wanna keep the layered Photoshop file, you can do that, you can just Save As and save it as a Photoshop file, and it will preserve the layers and you can come back and make additional modifications later.
Or, you can do Save As and change the file format here, which is what I'm gonna do, and I'm gonna make it a .png file, and I'll put this in my Exercise Files folder. So I'm gonna add a descriptor at the end like with Background here and I'll save it, and I'm not gonna use any compression, I'll just click okay, and so now I've saved that as a .png file. Now I can use that image anywhere that I like. I could print it directly from Photoshop, I could bring it into PowerPoint. I can even bring it back into Revit. So if I switch back over here to Revit, when you save renderings from the render dialogue, it creates a custom branch called Renderings.
But in fact what these are just drafting views with image files inserted in them. So here's that same rendering showing its default background. You can see it's just a raster image that's been brought into Revit. So if you wanna do this manually, you can go to the View tab and create a drafting view. Give that a name. I usually like to set the scale to 1:1 because there's no need to scale a raster image, and that will give me a blank sheet of paper. Then I go to the Insert tab and I click on the Image button, and locate the file that I want to bring in, place it on screen and then do zoom to fit.
And there's a file completed that we composited in Photoshop. And at this point I can put it on a sheet, make it part of my set, or do whatever else I wanted to do with it. So going into a image editing program like Photoshop allows you to make some really simple post-processing edits to the renderings that you generate in Revit. It might be as simple as adding a background like we've done here, or you can do some very complex photo work on it, it's really up to you.
- Creating 3D views and 3D cutaway views
- Adding details to the model
- Creating and editing materials
- Working with the sun system
- Working with lighting groups
- Configuring render settings
- Preparing a cloud render
- Creating a walkthrough
- Rendering a plan