Hand Drawing Over a SketchUp Model View
Printing a view from a SketchUp model and drawing directly onto the print is a very effective method of visualizing a conceptual design. This proposed mixed-use development needed a quickly generated view for a client presentation. I had previously constructed a SketchUp model of the development when we were establishing the overall project density and architectural massing. The steps for taking a model view and creating what I call a “simple composite drawing” are quite simple.
Step 1 - Compose Your View. I carefully selected a “second floor” view with the broad face of the development dominating the scene. Tree components have varying densities of transparency to not hide the building facade. Shadow were adjusted for ideal representation of the 3D massing.
Step 2 - Export Lines Only. I exported linework from the SketchUp model, lightened them by 50% in Photoshop and eventually combined them with the exported faces image.
Step 3 - Export Faces Only. Exporting the faces allowed me to add a watercolor filter and give the image a softer look.
Step 4 - Line Illustration on a Print. After combining the previous images together in Photoshop, I printed the image approximately 8x17” on coated bond paper and began to “overdraw” the image with a black roller ball ink pen. This illustrative step completely changed the scene from a computer dominant image to a “hand drawn” image.
Step 5 - Final Color. Once the linework was complete, I added Chartpak AD marker color and Prismacolor pencils to the image, leaving the sky untouched. Total time to illustrate and color: 2 hours!
If you would like to see more examples of simple composite drawings, look for other related articles on my blog, visit my website www.drawingshortcuts.com and read my new book Drawing Shortcuts Second Edition.
08/20/2010
Quick Site Drawing from Sketchup: TAXI
I was asked to help quickly visualize a proposed modification to the existing area surrounding Denver’s TAXI development. Chad Herd from Landworks Design sketched a site plan and gave me a photograph of the existing building and parking. With those two pieces of base information, I built a very rough Google SketchUp massing model, established a view similar to the photograph and created a composite drawing in a total of 3 hours. Whenever you have to quickly visualize a design concept - improvise, keep it simple, introduce hand drawing to give it character and add marker/pencil color to emphasize important elements. Here was my process:
Step One: Import Site Plan to SketchUp . Chad sent me a JPEG of his site plan and I imported it to a SketchUp model and resized the model from known dimensions of the building’s length.
Step Two: Reference Photo. I constructed the SketchUp massing model with building facade information and site detail that could be extracted from this single photo.
Step Three: SketchUp Massing Model. Not knowing anything about the site other than what I could see in the photograph, I selected a similar view angle in order use the photo and my new drawing side-by-side for a comparison of the proposed site modifications.
Step Four: Simple Composite Drawing. I exported a high resolution (4000 pixels) JPEG of the SketchUp view, inkjet printed it 9x17” on coated bond paper with my Epson Workforce 1100 and sketched over the building and landscape elements with a Pilot Precise V7 rolling Ball pen. I added Chartpak AD markers and Prismacolor pencils to highlight the ground plane and riverfront.
If you would like to see more examples of how to create SimpleComposite Drawings, look for other related articles on my blog, visit my website www.drawingshortcuts.com and read my new book Drawing Shortcuts Second Edition.
08/17/2010
Composite Drawing from Sketchup: Pocket Park
This visualization project was very exciting to produce as it involved both 3D digital imaging and 2D traditional hand drawing processes together, i.e. construction of a detailed Google SketchUp model and hand drawings created from two model views. Important to note about this process is 1) all work can be accomplished in your studio without any outsourcing, and 2) once the model is complete, the hand drawing portion takes very little time! If you are working out of your studio, I recommend the following equipment and software that will enable you to produce practically all of your visualization projects: Epson Workforce 1100 13”x19” printer, 11”x17” flat bed scanner, set of Chartpak AD markers, Prismacolor pencils, Adobe Photoshop and Google SketchUp.
Working closely with the talented Colorado architect/planner Farooq Ameen, the view highlighted below in several “step-by-step” phases was art directed to feature a pocket park located within a proposed mixed-use development. Farooq and I worked closely together on architectural facade concepts, model view selection and client reviews.
Step One: Original Model View. I selected a 50mm focal length to capture more of the scene without the distortion you might experience with a more wide-angle lens. I made the trees very transparent and strategically placed cars, furniture and people in the composition.
Step Two: Exported Linework. I exported a high resolution JPEG (4000 pixels) view of scene with only the edges. Once in Photoshop, I lighted the linework to about half of their original density - I'm sure you can barely see the lines. Why? Lighter lines = less computer dominant image.
Step Three: Export Without Lines. I exported a second high resolution JPEG of the same scene with the lines turned off.
Step Four: Image Composite. I merged the two images together in Photoshop and then lightened the composite image once more in order to drop back the color intensity. It is important to lighten the image so that you can add back color with markers and colored pencils! I then sized and printed the image 81/2x17” on coated bond paper.
Step Five: Ink Linework. Using a Pilot Precise V7 Rolling Ball pen I illustrated the trees, outlined the building edges and gave the overall print a complete hand drawn appearance. The character of hand drawn lines completely disguises the fact that the image began as a 3D computer generated view!
Step Six: Final Color. The last and most exciting step was adding a wash of different Chartpak AD markers and Prismacolor pencils to create texture and character. Outer portions of the image were left untouched while the central park and dining patios received more color and delineation. I scanned the completed image as a TIFF at 300dpi and sent to Farooq for inclusion in a planning document.
If you would like to see more examples of composite drawings, look for other related articles on my blog, visit my website www.drawingshortcuts.com and purchase my new book Drawing Shortcuts Second Edition.
08/06/2010
Drawing From SketchUp: Composite Scan Method
.
I discovered a great method of visualization that integrates a Google SketchUp model view with a hand drawing by simply scanning the two together. The hand drawing adds all of the character and entourage while the SketchUp model provides the image “bones”, shadowing, perspective and primary tones. Neither alone would be adequate to tell the full story but together they reveal an entirely new type of hybrid drawing. The project shown below was created for a proposed waterfront tower in the Middle East. I constructed the SketchUp model, composed the view, illustrated the overlay drawing, colored the image and finally scanned the pieces together to create the composite image. My “step-by-step” process is explained below:
Step One: SketchUp Massing Model View. This early model established the primary waterfront view. With the scene saved, I was able to further develop model detail for only those buildings in the scene view. The main tower architecture was replaced with a different design during this initial phase of modeling.
Step Two: SketchUp Model Development. I continued to build detail into the SketchUp model, adding facade elements, boats, people, landscaping, furniture and secondary structures. The level of detail diminishes in the distance. Caution - do your best to avoid putting too much unnecessary detail into your model!
Step Three: Ink Line Overlay. I exported a high resolution model view and printed it in color approximately 10"x20" on matte finish paper. I placed a sheet of heavy weight vellum over the print and began tracing the building edges, delineating all of the entourage elements. Note that all linework is simply outline and without any tone or hatching.
Step Four: Composite Image. This is how the ink line on vellum appears when placed directly over the print of the SketchUp model view. Sky, glass and water colors are contrasted against the white facades of the distant buildings.
Step Five: Final Color with Pencils and Markers. I added Chartpak AD marker colors and Prismacolor Pencil highlights to the vellum in a step that brought out feature colors, shadows, reflections and additional detail. The composite image was scanned at 300dpi in color and emailed to my client. Quick Tip - yellow pencil added a hint of bright sunlight on building facades and white pencil created highlights on the glass, water and building outlines.
If you would like to learn more about the composite scanning method with SketchUp models, visit my website www.drawingshortcuts.com and pick up my new book Drawing Shortcuts Second Edition.
08/03/2010
Drawing From Model Photography
I have always integrated photography with my visualization process and created a series of quick drawings for a proposed development in Singapore. My architect friend David Klages built an incredible massing model out of foam core, cardboard and miscellaneous plastic components. He then placed the model onto a reflective piece of dark plastic and photographed it with a black background. David emailed me the digital photos and I then turned the images into some of my first “Tradigital Drawings” - merging traditional drawing technique with digital imaging. Here my the step-by-step process:
Step One: Digital Photograph. David adjusted the overhead lighting, positioned a black background and photographed the study model on a glossy piece of dark colored plastic to simulate the reflections of this waterfront development.
Step Two: Digital Painting. Using the smudge tool in Photoshop, I completely altered foreground model trees to give them a leafy appearance. I also manipulated the water reflection to match the trees. This step began to disguise the model photography and add illustrative character to the view.
Step Three: Digital Filter. I added a Photoshop watercolor filter to continue breaking down the photographic dominance of the image and give it a more "painted" look.
Step Four: Sepia Tone. Changing the black and white image to a softer sepia tone was a strategic step prior to printing and adding final color.
Step Five: Printing, Draw and Color. I plotted the sepia toned image 16"x24" on matte finish coated bond paper. I then added Chartpak AD marker color to the building and landscaping, finally adding people, landscape elements and facade detail with a graphite pencil. This was one of four quick visual studies for the proposed development.
If you would like to learn more about creating drawings from photographs, visit my website www.drawingshortcuts.com and pick up my new book Drawing Shortcuts Second Edition.