Home Wong Nga and Black Cty: Previz

Showing posts with label Previz. Show all posts

Thursday, January 26, 2012

Organic modeling made simple with Curviloft

The process of extruding one 2D profile such that it ends in another, different 2D profile is often called lofting. There’s no easy way to do this in plain ol' SketchUp, but there are plenty of plugins that make it possible. The one I’ve been obsessed with lately is called Curviloft; it's by the venerable Fredo6. If you need to learn about plugins in general, including how to install them, visit the plugins page on our website.

Curviloft lets you do three basic operations; which one you use depends on what you’re trying to accomplish. For the sake of brevity (and simplicity), I’m going to focus on only the first operation in this post: Loft By Spline.

The Basics

Let’s say you have two profiles that you want to connect together. The example below is super-simple: It’s a circle directly above a square. Here, I want to connect the two with a shape that goes directly between them. Curviloft’s Loft By Spline tool was made for just this kind of thing.

I start with two flat profiles (shapes) positioned one above the other.

Fredo6's Curviloft plugin includes three handy tools. This post deals with the first one: Loft by Spline. To use it, you need two or more profiles. These can be closed shapes (as above) or simple, unconnected edges (see the end of this post for an example).

With nothing selected, I activate Loft By Spline and click once on each shape. Because there are only two, it doesn’t matter which shape I click first. If there were more than two, I’d click in the order that I want to connect them, starting at either end. When both profiles are numbered, I click the green checkmark in the Curviloft toolbar (see below). This brings me into Preview mode, where I can see what I’m about to end up with.

Activate the tool, then click on the profiles you'd like to use as the endpoints for the shape you're trying to create. When you're done, click the green checkmark to enter Preview mode.

The Curviloft toolbar is complicated; there’s no getting around it. The good news is that you don’t have to understand what all the controls do in order to use the tool. In Preview mode, you can just click things to see what happens. There's no shame in experimentation.

The Curviloft toolbar is a doozy, but you can (and should) click buttons to see what happens. Every case is different, and some settings look better than others.

When you perform a Loft by Spline operation with Curviloft, the tool is generating two different kinds of geometry which it later combines. Intermediate profiles (left) are "in-between" 2D shapes spaced between the profiles you start out with. Splines (right) are lines that connect adjacent profiles together. They can be straight or curvy, depending on the settings you choose.

I like to fiddle with the Spline Method settings first (see below). This is where you control the shape of the vertical lines (splines) that connect the two profiles—in this case, the circle and the square. The three options that I find give the most interesting results are “Junction by connected lines”, “Bezier curves – Respect tangency (Method 2)” and “Junction by Orthogonal Bezier Curves”. By all means, try the other buttons, too; there’s gold in them thar hills.

Different settings usually produce fairly different results. Click around until you like what you see.

Playing with the Vertex Matching controls also yields some useful options (see below). Here, you’re telling Curviloft how to decide which points on the perimeter of each profile should connect to one another. In this case, the circle has 24 endpoints and the circle only has four. The tool does its best to figure out the intermediate geometry, but the Vertex Matching settings let you provide guidance. For me, the most interesting button is the one on the far right; often, deselecting “Orientate contours to their best-fit box” seems to produce better results. Click it a few times to see what happens.

To be honest, I really don't understand what these buttons do. I have eyes, though, and I can tell what looks good and what doesn't. I bet you can, too.

When you’re satisfied, hit Enter on your keyboard (or click the green checkmark on the toolbar) to finish generating the result.

I'm delighted every time I do one of these operations. Modeling this "by hand" would take so long that I doubt I'd even bother attempting it.

Cool variation #1: Twisting

While you’re still in Preview mode, clicking on black part of your preview object opens yet another set of controls. The Properties of the Edited Junction window shows you more information about the connections in the operation you’re doing. My favorite widgets here have to do with twisting; they let you rotate either of your profiles (in this case, the circle and the square) by 15 or 90 degree increments. The result is an insanely cool twisting effect. Click the little right and left arrows and you’ll see what I mean. Addictive, no?

Twisting 3D forms is one of those things that SketchUp modelers have resigned themselves to never being able to do. When I discovered this functionality in Curviloft, I got up and danced around.

Cool variation #2: Offset profiles

Loft by Spline works great on profiles that aren’t lined up perfectly, too. Below, I’ve moved and rotated the circle.

Your profiles don't have to be directly on top of one another to use Loft by Spline.

Again, trying different Spline Method settings produces pretty wildly different results.

Using straight splines connects the profiles in a very direct manner. Choosing a curvy spline method produces a much jauntier shape.

I dare you not to waste an afternoon playing with Curviloft. The other two tools in the set let you loft along a path and "skin" connected profile edges, but Loft by Spline is pretty powerful on its own. Remember that Curviloft is donationware, meaning that if you like it, you can contribute to its author; you'll find an option to do so in the Curviloft menu after you install it.

Here are some quick examples of shapes I whipped up while I was working on this post:

Both profiles are identical, but I used the twist options to spiff things up a little.

Lofting between a complex profile and a simple one can be tricky, but the smooth transition that ensues is always lovely. Rocket? Tree trunk? Bicycle handlebar grip?

Your profiles needn't be fully-enclosed faces. Try lofting between arcs and other edges to produce all kinds of things that would be painful to model without Curviloft.

I used Curviloft to model parts of this queen I'm making. Some of us on the SketchUp team are collaborating on a 3D printed chess set.

I've written about a couple of Fredo6's other terrific plugins in the past. RoundCorner gives you the ability to quickly and easily create rounds and fillets on almost any shape. FredoScale is a toolkit for stretching, bending, twisting and otherwise deforming your models in incredibly useful ways.

Posted by Aidan Chopra, SketchUp Evangelist

CustomMade: A community design marketplace

Here’s an interesting twist on our Make Ideas Real project: sometimes great designs aren’t your ideas. The good folks at CustomMade.com have developed a marketplace that connects roll-up-your-sleeve makers with people who have project ideas they want to bring to life. (Editor's Note: CustomMade is part of the Google Ventures portfolio.) Have an idea for a one-of-a-kind armoire? On CustomMade there are about 3,000 contractors who can help you bring that idea to life.

"Kari’s Armoire," contracted, designed and sold on CustomMade.com, Michael Colca

Of course, if you’re one of those designers and you find yourself competing with 2,999 others, affordable and efficient design software is a pretty key resource. Enter SketchUp. CustomMade’s CEO Mike Salguero recently shared a few compelling projects that were brought to life using SketchUp:

White Oak and Wenge coffee table, Jon S Manss

Sure enough, SketchUp plays a critical role in not just the design of CustomMade projects, but in the collaborative conversations between clients and artisans. Jason Hernandez, of Jason Andrew Designs, uses SketchUp to fuel the ideation and iteration process between clients and contractors: the end result, a project that both parties can buy into.

Posted by Mark Harrison, Community Manager

Message from CustomMade.com
Have you started designing your dream project with SketchUp? Post a project description on CustomMade’s “Get it Made” job board and upload .skp files as attachments. Artisans interested in building your custom project will have the chance to experience your inspiration in 3D and contact you. Let the collaboration begin!

New Book: SketchUp for Game Design

I’ve yet to meet a SketchUp modeler who doesn’t—at least just a little bit—want to work in the video game design industry. I get a stupid grin on my face when I think about how much fun it it would be to make battle tanks and exploding oil drums and secret doors for hidden basements full of zombies. In the gaming world, boring things like gravity and cost take a backseat to novelty and sheer coolness.

But how to turn your SketchUp habit (and job cranking out toilet stall details) into days full of armor design and wandering through bad neighborhoods looking for interesting photo-textures to shoot?

Google SketchUp for Game Design is Robin de Jongh’s newest book; he also wrote SketchUp 7.1 for Architectural Visualization. It presumes that you’re a SketchUp beginner, but then quickly gets on to the good stuff:

Finding good resources for photo-textures
Using Meshlab to convert your models in useable 3D game assets
Working with the Unity 3D game engine (which is widespread, free-or-low-cost middleware for designing game levels)
Creating high-quality textures for games
Adapting your models for use in video games
Authoring custom levels
Modeling low-poly game assets (including cars) and selling them online

Robin’s writing is accessible and easy to follow. He packs a lot of information into each page, but manages to keep the tone friendly and even funny at times. While the book’s in black and white, color versions of the images are available from the publisher’s website.

Posted by Aidan Chopra, SketchUp Evangelist

Getting a better view of small interior spaces

When you’re modeling a small room, it can be a pain to see what’s inside. The problem is that the walls and ceiling get in the way. One solution is to lop off the ceiling and work in a top view, dollhouse-style. Other folks set up scenes from the interior corners and adjust their Field of View to something super-wide like 90 degrees.

Looking at a small interior space from the outside isn't very rewarding.

Deleting the ceiling and switching to a top view is useful, but fiddly.

Standing in the corner and making your Field of View really wide is just weird. What are you—a housefly?

Both of the above techniques work—to a point. Personally, I think it’s like trying to read a book through a keyhole. By far my favorite method for working on small interiors is to make use of SketchUp’s ability to have faces with different materials on each side:

The face separating Susan and Sang is yellow on one side and green on the other.

Creating a completely transparent material and painting the green side makes it see-through.

The Entity Info dialog box shows that the selected face is yellow on the front and see-through on the back.

By painting the outward-facing surfaces with a see-through material—one whose opacity is set to 0%—I can see in from the outside. Super useful, super simple.

Here, I painted all of the outward-facing surfaces with a transparent material. Notice that the interior surfaces still look opaque?

Orbiting around my model, I can see through all of the walls. I can even see through the floor.

Posted by Aidan Chopra, SketchUp Evangelist

Introducing Maxwell for Google SketchUp

Among rendering die-hards, the name “Maxwell” has long been synonymous with jaw-dropping realism. Maxwell Render’s makers have offered a SketchUp-to-Maxwell solution for a few years, but it required modelers to have access to Maxwell Render Suite—the full, standalone version. For SketchUppers on a budget (or who only need to make the occasional rendering), this wasn’t an ideal arrangement.

A delicious Maxwell render by Rune Skjøldberg.

To accommodate more people, the folks behind Maxwell have just released something they’re calling Maxwell for Google SketchUp. It’s a dedicated photo-renderer, based on the venerable Maxwell rendering engine, that operates entirely inside of SketchUp. Best of all, it has the Big Three qualities going for it:

Cross-platform. It works on both Windows and Mac systems.
For both free and Pro. It works on both SketchUp and SketchUp Pro.
Two entry points. There are free and licensed versions available.

As you can see in this straightforward feature matrix, the free version allows you to render in Draft mode and limits your resulting image to a resolution of 800 pixels. The Licensed version adds Production mode (faster rendering of complex lighting) and increases your maximum output resolution to 1920 pixels. At only $95/75€, the paid version is a bit of a bargain.

Another render by Rune Skjøldberg showcasing multiple light sources.

If you’re looking for all the bells and whistles and extra pixels that Render Suite offers, the “bridge” plugin for sending your SketchUp model to R.S is still available. So really, SketchUp modelers who want Maxwell’s delicious, unbiased results have three options. And they’re all good ones.

Posted by Aidan Chopra, SketchUp Evangelist

Speed Up SketchUp: Use Fast Styles

You might not realize that the display settings you choose to apply to your models can affect SketchUp’s speed and general responsiveness. Turning on fancy edge effects and other doodads will slow you down when your model gets big.

When you’re working on a big model, you want to make sure that you’re using a style whose Edge Settings panel looks like the one in the image below. Everything but "Edges" should be turned off.

The Face Settings panel is where you can choose not to display Transparency. When Transparency is turned on, SketchUp has to redraw your model on the screen several times—each time you change your viewpoint. If you don’t need to see through your windows just now, opt to temporarily view these faces without transparency.

The Background Settings panel is handy for turning off Sky and Ground, both of which cause your computer to do extra thinking while you’re working.

Unless you absolutely need them, you should use the checkbox in the Watermark Settings panel to turn off Watermarks.

The only toggles in the Modeling Settings panel you really need to worry about are the ones for Hidden Geometry and Section Planes. Obviously, you shouldn’t have wither of these displayed if speed is what you’re aiming for.

Once you’ve configured your own fast style, you should save it. Just give it a new name (I suggest “Fast Style”), hit Enter, and click the Create New Style button in the Styles Browser. You new style is saved in the "In Model" collection of styles, which is only associated with the model you’re currently working on.

Incidentally, almost all of the choices in SketchUp’s Default Styles collection are so-called “Fast styles” — their Edge Display settings are already configured for speed. Choosing any one of these styles will switch off extraneous effects.

Make a Fast Scene

True SketchUp whizzes invariably go one step further and add a special “Fast” scene that they can activate whenever they need to. Rather than having to mess with the Styles Browser every time they want to activate their Fast Style, they just click a scene tab at the top of the modeling window. This Fast scene is usually set up to do three things: Switch to a Fast style, turn off Shadows, and turn off Fog.

Follow these steps to add a Fast scene to your model:

Apply a Fast style to your model by choosing it from the Style Browser’s Select tab.
Make sure Shadows and Fog are both turned off. These toggles are in the View menu.
Choose Window > Scenes to open the Scenes Manager.
Expand the Scenes Manager by clicking the Show Details button in the upper right corner.
Click the Add Scene button to add a new scene to your model.
Rename your new scene “Fast” (or something similarly descriptive) and hit Enter on your keyboard.
Make sure that only the “Style and Fog” and “Shadow Settings” checkboxes are selected in the Properties to Save section of the Scenes Manager.

From now on, all you have to do is click the "Fast" scene tab when you want to improve SketchUp's performance. Instant productivity boost!

Posted by Aidan Chopra, SketchUp Evangelist

Scaling imported raster images in LayOut

If you’ve ever inserted an aerial photo or an old scanned site plan into LayOut, you might have wanted to give it a specific scale on the page. My favorite technique for doing this uses the Clipping Mask feature.

Step 1
Choose File > Insert... to insert a raster image into your LayOut document. Find a known measurement somewhere on your image. This known measurement can be anything: a scale bar (if you’re lucky); the length of a fence or sidewalk; or even the roofline of a building. It’s important that you find something that’s relatively large and that whose length you already know. You’ll use this portion of the image as a “benchmark” to size the entire image to a specific scale.

In my example, a scale bar was included in my image; this makes it pretty easy to use as a benchmark.

Step 2
Figure out what scale you’d like to give your inserted image. Keep in mind how the scale will impact the size of the image and how that image will fit on your page.

For this image, I’m going to use 1” = 400’ (1:48) scale. This should fit nicely on an 8.5 x 11 sheet of paper.

Step 3
Create a rectangle around the “benchmark” portion of your image. Use the Rectangle tool to do this, and make sure it has no fill (so that you can see through it.)

This scale bar only goes to 300’, so I’m going to use the 0’ - 200’ as my benchmark. 200 is half of 400, which makes the mental math easier to do.

Step 4
Select both your rectangle and your image and choose Edit > Create Clipping Mask. Select the resulting crop and give it a visible stroke so you can see its boundary.

I color the clipping mask to make its border easier to see.

Step 5
Somewhere on your page, use the Line tool to draw a line whose length corresponds to the scale of the image you’re working on.

To draw a line, click to start drawing, move your cursor in the direction you want the line to go, type the length you want and hit Enter.

Since I want a scale of 1” = 400’, and my “benchmark” is 200’ feet long, I draw a horizontal line which is one-half inch long (1 inch divided by 2).

Step 6
Move your benchmark, snapping its lower-left corner to the left endpoint of your line. Be sure that Object Snap (Arrange > Object Snap) is turned on, or snapping won’t work properly.

I snap my benchmark to the left endpoint of my line.

Step 7
Scale your benchmark so that it’s the same length as the line. With your benchmark selected, hold down the Shift key and scale it until it snaps to the right endpoint of your line. As long as you hold down Shift, your selection should scale proportionately.

I scale my benchmark to the right until it aligns and snaps to the end of my line.

Step 8
Select the benchmark and choose Edit > Release Clipping Mask. Delete the rectangle from Step 3, and the line you drew in Step 5, and you’re done. Voilà! You’ve set your image to a specific scale.

Image set at 1” = 400’ (1:48) scale and positioned on a letter-sized landscape sheet.

This may seem like a lot of steps but it’s actually pretty simple. Have a look at the following silent movie to see how it’s done.

Posted by Chris Dizon, SketchUp Sales

Shaderlight V2 is now available

Our friends across the pond at Shaderlight would very much like you to know that they’ve just released Version 2 of their intuitive, affordable rendering tool for SketchUp. I’m no rendering guru, and I certainly haven’t tried all the alternatives, but I can truthfully say that Shaderlight is responsible for the only successful photo-realistic rendering I’ve ever made. That (and a soupçon of Photoshop) resulted in the following less-than-masterful example of stunning SketchUp realism:

The important things to note are that a) I’d never rendered a 3D model before, and b) this only took me a couple of hours to figure out. Photo-realistic rendering is still far from easy, but Shaderlight gives dopes like me a fighting chance.

The newest version of Shaderlight includes two major new features. The first is something called Replace Me. It lets you model with low-poly “proxy” objects, but then specify deliciously high-poly substitutes that Shaderlight uses when it renders. You get the best of both worlds: speedy performance in the model and better realism in the render.

The other new hotness is Rendered Animations. Shaderlight can use SketchUp’s scene-based animation settings to automatically create a photo-rendered video. Too cool. Congrats to the team at ArtVPS on getting this update out the door. It looks great.

Until the end of September, new customers can save 25% on Shaderlight Pro licenses. The promo code to use at checkout is 09PROMO.

Posted by Aidan Chopra, SketchUp Evangelist

A treasure trove of textures

If you’re into such noble pursuits as geo-modeling or photo-realistic rendering, there’s a good chance that you spend a ridiculous amount of time hunting for photo-textures online. Flickr and other photo sharing sites are goldmines for content, but who has time to compile a folder of bookmarks that point to the best ones?

Our friend John Pacyga, apparently. He’s just posted a long list of his favorite texture sources — for both SketchUp and Photoshop. Some are free, some have Creative Commons licenses, and some cost money, but all are worth browsing. Set aside some time, though; this kind of thing is addictive.

If you’ve found a seamless texture (one that can repeat attractively when you paint it on a surface), here’s how you load it into SketchUp:

Instructions for Windows:

Instructions for Mac:

I found the rock texture in the screenshots above on lee.ponzu’s Flickr Textures set. Want to make your own seamless texture images? These tutorials on YouTube are a good place to start.

Posted by Aidan Chopra, SketchUp Evangelist