3D in Photoshop: The Ultimate Guide for Creative Professionals
fig step figure texture select layer car add image
[heading]10.2. Creating the Layout[/heading]
Now we are going to position the 3D models to be in line with the concept of the car speeding through wet streets.
Step 1: Create a new document with the dimensions of 8” x6” with 150 ppi resolution. This resolution is just for tutorial purposes so that we can work quickly together.
Step 2: Place both the car and the skyscraper objects in the new document. Each 3D object will occupy its own layer as shown in Figure 10.5 .
Step 3: Access the 3D Mesh panel (Window > 3D) (Figure 10.6). Along the top of the panel click the first icon on the left to display the 3D Mesh options. On the bottom right of the panel click and hold on the icon on the far left to see the visibility options for the varied 3D components. Select “Show All” and instantly you can see outlines that represent 3D Axis, 3D Ground Plane, 3D lights and 3D Selection. This will help you to keep track of where things are as we navigate our scene to compose and texture it.
Now zoom in a little closer to get a better view of the streets. We will set up the scene for the car to be placed on one of the roads surrounded by the buildings (Figure 10.8).
Make sure that the skyscraper layer is selected and navigate the Camera (N) so that it is close to street level with the front of the buildings in the background, as shown in Figure 10.9 . Select the Camera Zoom option on the options bar. This is where we will set the focal length of the camera. To consolidate the field of view for both you will need to adjust the focal length of the camera toward a unified focal length so set the Focal Length to 100 for both objects. Now select the car layer and access the 3D navigation tools (K) and navigate the 3D object itself to be positioned over the street. Try to get something close to what you see in Figure 10.9 .
Step 4: CS5 generally allows for the shadow of the 3D object to appear on the ground plane of the 3D model. But keep in mind that this is not always the case with third party 3D objects like the ones that we have just downloaded from 3DVIA. These models have been created by individuals and submitted to the website so, depending on the settings as well as the 3D application that created the objects, CS5 may or may not recognize the ground plane as in this particular case. So, to give our concept car a sense of placement on the ground plane, add a shadow on a separate layer beneath the car as shown in Figure 10.10 . Change the layer's blend mode to Multiply and reduce the opacity a bit and let's continue on.
Step 12: The goal is to use the new texture to match the size of the texture information in the base image. So, use Free Transform (Ctrl-T/Cmd-T) and resize it, and then select it and create a new pattern as shown in Figure 10.18 . Select File > Save to see the 3D model update.
Step 16: We are going to use another texture to add more detail to the street. Open “wall texture 002.jpg” (Figure 10.22).
Fig 10.20 Change the blend modes of the vector shapes to Overlay.
Fig 10.21 Apply dirt to the road.
Use the Patch Tool to make a seamless texture similar to what was done in Figure 10.17 (Figure 10.23). Select File > Save to see the 3D model update.
Step 17: The car will be driving along a rundown part of town and the roads will be in need of repair so let's further illustrate this. Select a portion of the “wall texture 002.jpg” that represents the long crack and place it in a new layer of the street texture. Change its blend mode to Hard Light and place it along the double yellow line (Figure 10.25). Select File > Save to see the 3D model update.
Fig 10.27 Apply additional texture to road.