Select Language
Bonus: Ground Level Walk Through
Ground Level Walk Through

3.1_BonusCourse

0:01 As a bonus course, we’ve decided to apply everything we just learned in the previous two courses to another view.

0:09 This time a ground-level view in order to show how the exact same process applies to any number of model situations.

0:16 So follow along as we briefly walk through the model export and Photoshop editing process once again.

0:25 Starting in SketchUp, here is the ground-level view that we’ll be working with.

0:30 We’re looking into and slightly up at the central park zone as if we’ve just arrived into the space from the sidewalk.

0:38 First we’ll check that the transparency quality in the Style settings are set to ‘Nicer’ to ensure that we’re getting the highest quality export of our PNG textures.

0:49 Then we’ll add 5 new scenes, one for each style we’ll need later in Photoshop.

0:55 Let’s make sure to turn off the shadows and tree layers… then add all the scenes.…. naming them as we go.

1:07 Then back in the ’Shadows’ scene we’ll turn the shadows and tree layers on.

1:14 And again for the trees scene we’ll turn everything off except the two tree layers.

1:24 Then we’ll apply various styles – which are now saved under the 'Favorites' section in our Styles window.

1:43 Next we can export each scene as pngs using our handy new keyboard shortcut.

2:05 Again, lets bring all of our exported scenes into a new Photoshop file, letting the exported scenes set our file size.

2:17 Lets now take a minute to re-setup our layer group structure to help keep us organized while we work, including layer names and layer group colors.

2:30 Let’s now make sure that each SketchUp export is placed in the appropriate location within the structure.

2:40 This next step was not covered in the previous lessons.

2:43 Seeing as we’re working with a ground level view, the horizon is now visible so we’ll need to create something to represent the sky.

2:51 To keep things moving quickly for this lesson we’ve decided to drop in a pre-made sky found on the internet.

2:57 Be sure that it’s placed at the very bottom of our layers and groups as it’s the furthest object away from the viewer.

3:03 Next let’s desaturate our cars, like before, using our colorbylayer export to quickly select each car and then removing the color using adjustment layers.

3:15 Now let’s look at the color gradient overlays for each of our model’s materials.

3:20 In this case, we’ve also added some color to the buildings in the background as they lack detail and solid white stands out a bit too much.

3:31 Notice the final result for the Roads….Planting areas….Walks….Plaza…. and the finally the Slide.

3:43 Let’s compare the before and after results of our color gradient overlay and layer style adjustments.

3:49 Now we’ll look at the shadows.

3:52 Starting with the the uniform grey shadows straight from SketchUp.

3:56 Now compare that with the colored and adjusted shadows you see here.

4:00 At this ground-level scale, the difference can be even more noticeable than it was in the aerial.

4:06 Next, we’ve edited our linework layers, creating two versions… one black and one white.

4:12 Both with masked out areas showing only particular parts of each.

4:16 Which may need some additional adjustments later as other layers are added in.

4:25 The next step is to edit the trees layer by removing the background color to ensure full transparency of the png leaf edges.

4:34 Throw in a quick inner glow layer style and they now have depth and contrast thats starting to look really nice.

4:40 Finally we get to add the texture, color and lighting effects.

4:46 Here’s our paper texture set to multiply.

4:51 Then the color wash layer set to ‘Color Burn’ and faded back.

4:57 Next is the vignette layer, again, set to multiply and faded back.

5:05 Then, given that the paper texture and color wash layers darkened the overall image a bit, we’ve added a couple adjustment layers to very slightly bring up both lightness and brightness of the layers underneath.

5:17 Lastly, we’ve add a frame around the edges to represent the masking \that you might see when working with physical media.

5:26 And that’s it.

5:27 Like the aerial, here you can see that we’ve really transformed our \original SketchUp image to something really good lucking in very little time.