Hand Drawn in SketchUp
One of the strengths of using SketchUp for woodworking projects, or, for that matter, just about any project, is that it can help you communicate clearly with your client even if that client is a family member. It’s kind of embarrassing when you deliver a nice cherry dresser to the client and they are disappointed because they were expecting a tire swing. I do some design work for various clients and there’s almost always a bit of back and forth until the design is finalized and the client knows what they are getting. In the earlier stages of this design process I want to communicate to the client that we aren’t at the final design. The straight output from SketchUp seems to me to be a little stiff for that so I like to use various sketchy line styles. As the design gets closer to being finalized, I choose tighter line styles and generally use essentially straight SketchUp output for the final version. Some folks like to use various rendering applications to create photo-realistic images but I don’t do much of that.
There are a number of Sketchy styles included with SketchUp and there are various sources, both commercial and free, for other styles. Form Fonts offers a number of various styles commercially and SketchUpArtists.org offers a number of styles for free including some that I have created. Even the 3D warehouse has some styles to download. Search using with keywords like Sketchy Style. There was a style competition a few years back and a number of the entries are available there. The winners included with SketchUp in the Style Builder Compettion Winners library.
You can make your own styles by mixing and matching various existing line styles with images used as watermarks or various background colors. In addition, you can make your own line styles with Style Builder if you have the pro version of SketchUp. Style Builder is part of the pro package. Here’s a quick little demo to show you how I create line styles.
The first job is to open Style Builder and generate a template to work with. You’ll do that under the File menu. the template will be a PNG image as you see above. You can choose the number of line lengths in pixels and how many of each length. This template is for lines from 16 pixels long to 512 pixels. The boxes are set up to be 16 pixels high in this case but there are several variations available for that as well.
Next, fill in the boxes with your lines. You could print the image and draw the lines by hand. Then scan the image to get it back into your computer. Or you can use any of a number of programs such as PhotoShop, Corel Painter and MyPaint to draw the lines digitally. Choose a brush and use it to draw the lines in the boxes. You can do this with a mouse but if you have access to a pressure sensitve table and stylus, you’ll have even more control over the sorts of lines you’ll get. After you’ve drawn the lines, save the image. this will be your lines template to load back into Style Builder. whatever you do, you want to make sure that the image size isn’t changed. there’s a bar code right under the Style Template title that Style Builder will be looking for. If that isn’t in the right place or isn’t the right size, the program won’t be able to load the template.
Open Style Builder and go to the File menu. Choose Load Template and select the template file containing the lines you’ve drawn. they’ll load in the left hand pane of the screen. They’ll also be applied in the appropriate slots in the top right pane. The lower left pane is a SketchUp model to which the line style will be applied as an example. By default a model of a house but for this example I’ve replaced it with a model I drew of Thomas Jefferson’s book stand. I think it is a good idea to use a model that would be typical of the sorts of things you draw so you can get an idea of how the details will render out. You can orbit and zoom in this window to look at various parts of the model as needed.
In the previous image you can see some gray lines at the ends of the book supports on the easels These appear that way because in the view, those lines are shorter than the “dropout” setting will allow to be delayed. The default is 1.0. In the image above you can see some longer gray lines along the edges of the easels. This shows that some of the lines I drew aren’t centered. If you want you can delete some of the lines from the top pane or you can exchange lines. You can use the same line for all three versions or even mix and match lines from different styles if you want.
Click on the Settings tab and you can make style adjustments to suit your tastes. Dropout affects the level of detail you’ll have in your model the lower the number, the more detail you’ll get. You can change that in SketchUp directly as well by adjusting the Level of Detail slider in the Edge settings of the Edit tab in the Styles browser. You can adjust the Fade Factor, line color and details such as how long extensions and halos are. Extension and Halo are defined in pixels and these are also adjustable later in SketchUp.
In the image above, I’ve set Dropout to 0, Fade Factor to 1.0, enabled extensions and set them to the default 12 pixels. You can see the lines cross over each other and there’s better detail in the short lines. You can experiment with these settings as well as play with the scaling of the lines b changing the width in the upper pane. for this example I left the line width at 16 pixels.
Once you’ve got the line style looking the way you want it, give it a name under the Settings tab and then use File>Save to save the style. You can modify the style and use File Save as… to create other styles from the same lines if you wish. When you save the style put it into a folder under …/Google SketchUp 8/Styles. You can make a new folder or use an existing one. By putting it there you’ll have it available immediately for use when you open SketchUp.
Now I’ve got the Jefferson book stand model opened in SketchUp and the line style from above applied. In the Styles dialog I’ve clicked on the Edit tab and then the little wireframe cube below the word ‘Select’ to get to the Edge style editing options.
You can see the settings I made in Style Builder show here and they can be changed as desired. These settings can be changed from model to model if desired without modifying the original style.
This is an exported image of the model with the style applied to it. This was exported at screen size which on my computer is 1600 pixels wide. I cropped the image after export to eliminate unneeded background.
In the above image, I’ve changed the line color to red by clicking on what was the black box and making the color adjustment. As you can see in the thumbnail I’ve also changed the background color to gray. this was done under the Background edit settings which are accessed by clicking on the center cube icon of those five below the edit tab. the circular arrows indicate that the style has been modified.
This is the result of those changes to the style. In this image as well as the one at the head of this post, the lines appear much thinner than they do in the screen grab. This is because these images were exported at 4000 pixels wide. The image was then cropped as before to get rid of the unneeded background on the sides. When you make styles, you’ll want to consider the resolution at which you intend to export images from SketchUp. The same style can look quite different at different resolutions. You’ll notice with the higher resolution images there are more short lines displayed. Just be aware that if you set the resolution too high, it is possible that some lines may be very faint or disappear altogether because they are so thin. due to image compression for the blog, the images aren’t as sharp as the originals exported from SketchUp.
After you’ve modified a style in SketchUp you can update it by clicking on the thumbnail for it or the circular arrows button on the right hand side or you can create a new style. If you want to create a new style, type a new name for it or modify the existing one. Add a description if you wish. this can be useful if you are combining parts of other styles so you can later identify which styles you’ve used. Then click on Create new style. this creates your new style in the In Model library but doesn’t add it to a library for future use. to do that, click on the button immediately above the Create new Style button. this will open a second Styles browser pane.
With the second pane open, set the top pane to In Model. You can just click on the little house icon for that. Set the lower pane to the desired library. Here I’ve chosen New Styles 2 which is a library I made for some of my styles. then click on the thumbnail for the style in the In Model library and drag it down to the other pane.
If you want to make a new library, you can do it from the Styles browser. Click on the arrow that points out to the right to the right of New Styles 2 in the example. Then click on Open or Create a collection… You can then select an existing folder or create a new one. After creating a new library you’ll want to click on the arrow again and click on Add collection to favorites… to make sure it shows up the next time you want it.
It is important to note as you are experimenting with styles that every style you test gets added to the In Model library. This means that they add to the file size of your model even if you aren’t using them. It’s a good idea, then, to Purge Unused styles. Notice that this menu option is only present when you open the menu for the In Model library. If there are no unused styles, Purge Unused will be grayed out. If there are styles there that you want to save, make sure you save them before purging.
As with styles, components and materials that you have used in your model, even if they aren’t currently used in the model are saved as part of the In Model libraries. You should purge those libraries in the same way if you won’t be using those things later. Purge unused components before unused materials.
Admittedly the image above is kind of silly. It uses the Ink6 line style I created for this blog post and an old watermark image style which was a collaboration with a friend a few years ago. The old camera view finder and the cow are images added as watermarks.
To mix parts of various styles, click on the Mix tab. Then click and drag on the thumbnail for the style you want and drag it up to the line representing the portion of the style you want to use. If you’ll want to use this new style again, follow the steps above for saving the new style.
I hope you’ll explore the Styles options and give some of this a try. Even if you are using the free version you can at least download a few new styles and try them out. Maybe edit them to make different styles. If you’ve got the pro version of SketchUp and never tried Style Builder, give it a go. You might come up with a signature style for your drawings.