From the course: SketchUp Tips
Create depth-of-field effects with fog - SketchUp Tutorial
From the course: SketchUp Tips
Create depth-of-field effects with fog
- [Scott] This week, I'd like to explain how you can create a depth of field effect using SketchUp and Photoshop. The technique hinges upon strategic use of fog to indicate where you want to blur the image. I'm using this kitchen model which comes from my SketchUp: Kitchen Design course in the library. And I've added a vase of flowers here in the foreground. I've done that to give us something interesting to look at which will be in sharp focus, and then, we will progressively blur the image as it goes back in-depth. Let's go up to the Window menu and open up Fog or expand Fog in the default tray if you're using the Windows version of SketchUp. And then check Display Fog, and uncheck Use Background Color, and then change the color of the fog to pure black. Now we have to adjust these two sliders. There's a near distance and a far distance, let's begin with the far distance which currently right now is set to infinity. I'll drag that back and you can start to see this black fog appear. What we wanna do is blur most of everything out using this black color in the background, and then I'll use the near slider and pull that forward, and that kind of pushes the fog back a little bit. What we wanna do is have these two sliders close together so that the transition happens relatively quickly but not really, really sharply. We wanna have a gradient in between there. What I wanna do is kind of adjust this until we blur out maybe some of the sink, but not the flowers. Something like that will work well. Now I'll go up to the File menu and choose Export, 2D Graphic. And I'll give this the name Kitchen-Fog. I'm using the PNG format. I'll go to Options here and I've set the width to be 4000, and then, let SketchUp calculate the height, which will vary depending upon the aspect ratio of your display. Choose Anti-alias and OK, and then Export. When that's done, let's reopen the Fog window. Uncheck Display Fog. And export a second image without the fog. This time I'll just call it Kitchen and Export. When that's done, go into Photoshop and open the two kitchen images. Now take the fog image, use the Move tool, hold down the Shift key, and drag and drop it into the other window. This makes sure that they line up. Then you can close the fog image. So this technique requires that we transfer this information into an Alpha Channel. To do so, Select, All. Copy this information to the Clipboard. Deselect, and then throw layer one in the trash. We don't need it. Then go to the Channels tab and create a new channel by clicking here. This creates a blank Alpha Channel, and then go up and choose Edit, Paste. This copies the information from the Clipboard into the Alpha Channel, which is a gray scale channel so it automatically desaturates the image. Let's now Deselect. Go back to the RGB channels by clicking up here, and switch back to the Layers panel. Now open the Filter menu and choose Blur, Lens Blur. Select the source as Alpha 1 if it's not already selected. And then, you can control the depth of field effect using this slider. You can have more or less. I'd like to see part of this blur out, I think that's a nice touch. Somewhere in the middle here looks pretty good, and of course you can fine-tune it with all of these additional parameters. I'll click OK. And I'll press F a couple of times to go full screen, then I'll zoom in and we can appreciate now that we have an attractive depth of field effect using SketchUp Fog and Photoshop's Lens Blur filter.
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
(Locked)
Best practices for importing CAD drawings12m
-
Clean up CAD drawings with extensions8m 44s
-
Model walls with outer shell11m 1s
-
(Locked)
Use math to model precise forms12m 8s
-
(Locked)
Control softening and smoothing8m 21s
-
(Locked)
Composite SketchUp 2D graphics9m 11s
-
(Locked)
Make photographic entourage11m 31s
-
Create depth-of-field effects with fog5m
-
(Locked)
Animate section planes4m 16s
-
(Locked)
Master arrays10m 59s
-
(Locked)
Use the tape measure and protractor10m 19s
-
(Locked)
Create flights of stairs for any rise and run9m 38s
-
(Locked)
Work with drawing axes8m 18s
-
(Locked)
Add functionality to SketchUp13m 14s
-
Explore Fredo6's Bezier Spline tools11m 31s
-
(Locked)
Model pottery with a Bezier spline7m 48s
-
Loft a handle with Curviloft12m 34s
-
(Locked)
Cycle materials in dynamic components10m 9s
-
(Locked)
Control object visibility12m 40s
-
(Locked)
Keyboard shortcut strategy4m 28s
-
(Locked)
Animate a door as a dynamic component8m 46s
-
(Locked)
Prepare and save dynamic components6m 37s
-
(Locked)
Work in interiors8m 14s
-
(Locked)
Mirror options6m 35s
-
(Locked)
Frame artwork9m 44s
-
(Locked)
Best practices with layers7m 44s
-
(Locked)
Explore sketchy styles7m 7s
-
(Locked)
Explore linetype4m
-
(Locked)
Walk-through and flyover animations11m 35s
-
(Locked)
Render with Twilight11m 6s
-
(Locked)
See through ceilings and walls6m 28s
-
(Locked)
Urban context6m 21s
-
(Locked)
Work with stereograms8m 3s
-
(Locked)
Generate tensile membranes6m 55s
-
(Locked)
Cloth simulation7m 7s
-
(Locked)
Using SketchUp and Revit together via IFC9m 2s
-
(Locked)
Reporting on advanced attributes in components7m 43s
-
(Locked)
Using the Sandbox tools15m 3s
-
(Locked)
Bonus Sandbox tools8m 17s
-
(Locked)
Architectural moldings12m 12s
-
(Locked)
Rounded countertop edges7m 41s
-
(Locked)
Upholstery and pillows7m 49s
-
(Locked)
Using FredoScale9m 1s
-
(Locked)
Intersect Faces with Model8m 11s
-
(Locked)
Using Section Plane to slice geometry5m 16s
-
(Locked)
AmbientOcclusion8m 30s
-
(Locked)
Artistic renderings with SketchFX8m 39s
-
(Locked)
Advanced camera tools8m 39s
-
(Locked)
Making woodworking joints with solids12m 32s
-
(Locked)
Creating grungy surfaces for realism10m 33s
-
(Locked)
Using watermarks with scenes7m 9s
-
(Locked)