SlideShare a Scribd company logo
1 of 10
Download to read offline
combine
drawing, sketchup
& photography
by Jim Leggitt
how to:
This quick visualization
project was a favor for
an existing studioINSITE
client who wanted simply
to understand what a
sidewalk in front of his
development might look
like if it had landscape
planters integrated into the
streetscape.
I created an “overlay and
trace” colored sketch in a
little more than three hours
- one hour to build the
SketchUp model, one hour
to illustrate the new scene
and one hour to color and
scan the final sketch.
Base Digital Photograph
The client emailed me a photograph of the existing sidewalk.
Fortunately, it was a good quality eye-level perspective view with an
easily identifiable vanishing point (scoring pattern in the sidewalk).
SketchUp Model Entourage - 1 hour
I delineated the sidewalk paving pattern in a simple SketchUp “stage
set model. I added a wall plane on the edge to help me replicate
the basic perspective. I then populated the model with 3D people,
adjusting their placement in order to fit into scene.
Perspective Match. I matched the SketchUp perspective with the digital photograph
and then exported a jpeg from the 3D model. Notice that I turned of the shadows and
eliminated the sidewalk and wall from the exported graphic. This made it very easy to
select the people in Photoshop and isolate them from the gray background.
Composite Base Image. I combined the view of the SketchUp people and the base
photograph using Photoshop. I then traced over a print to create the final colored sketch.
Overlay and Trace Drawing - 2 Hours
Trace Over a Print. I first lightened the image in Photoshop (to make it easier for tracing)
and printed it on 11”x17” paper. The actual image size was 8”x11”. I taped a sheet of
tracing paper over the print and illustrated the scene with a water based ink pen. Note: if
you have difficulty seeing the detail beneath the tracing paper, work on top of a light table
or even tape everything against a bright window.
Quick Marker Color. After completing the line drawing, I then added color
to the original artwork with Chartpak AD markers.
Final Sketch
I scanned the final artwork at 300dpi and emailed a jpeg to my client. As you can see, the
basic street scene is unchanged from the original photograph. I basically introduced the
landscape planter, additional trees and populated the scene with more than ten people to give
the illustration scale and an active character.
to see Jim’s blog post of this presentation click here:
http://jimleggitt.typepad.com/jim-leggitt-drawing-
shortcuts/2013/11/composite-sketch-from-sketchup-
and-photography.html
studio-insite.com

More Related Content

What's hot

Digital Practices
Digital PracticesDigital Practices
Digital Practicesjimbojim
 
Google sketch up-tutorial
Google sketch up-tutorialGoogle sketch up-tutorial
Google sketch up-tutorialsoe.uws
 
Digital Technologies For The Theatre Designer
Digital Technologies For The Theatre DesignerDigital Technologies For The Theatre Designer
Digital Technologies For The Theatre Designerkatiekat
 
Google SketchUp: A Crash Course
Google SketchUp: A Crash CourseGoogle SketchUp: A Crash Course
Google SketchUp: A Crash CourseMisterPeters
 
Kitchen Design with SketchUp
Kitchen Design with SketchUpKitchen Design with SketchUp
Kitchen Design with SketchUpDiane Dieterich
 
Sketchup tutorial 1
Sketchup tutorial 1Sketchup tutorial 1
Sketchup tutorial 1fizahPhd
 
Making of iwasa house render by ferry sugianto
Making of iwasa house render by ferry sugiantoMaking of iwasa house render by ferry sugianto
Making of iwasa house render by ferry sugiantoNomer Adona
 
Introduction to Sketchup basics
Introduction to Sketchup basics Introduction to Sketchup basics
Introduction to Sketchup basics Jad El Mourad
 
Unit 30 lo4
Unit 30 lo4Unit 30 lo4
Unit 30 lo4JNaunton
 
Honeymoon suite bedroom tutorial ferry
Honeymoon suite bedroom tutorial ferryHoneymoon suite bedroom tutorial ferry
Honeymoon suite bedroom tutorial ferryNomer Adona
 
DIGITAL TECHNIQUES THEATRE DESIGN YEAR 1
DIGITAL TECHNIQUES THEATRE DESIGN YEAR 1DIGITAL TECHNIQUES THEATRE DESIGN YEAR 1
DIGITAL TECHNIQUES THEATRE DESIGN YEAR 1saw
 
Combining text, graphics, and images empo
Combining text, graphics, and images empoCombining text, graphics, and images empo
Combining text, graphics, and images empokyla bautista
 
Step by step construction of double spread page (DPS)
Step by step construction of double spread page (DPS)Step by step construction of double spread page (DPS)
Step by step construction of double spread page (DPS)GKaur18
 
How to start google sketch up pro
How to start google sketch up proHow to start google sketch up pro
How to start google sketch up proislamedrees
 
Poster production diary
Poster production diaryPoster production diary
Poster production diaryaaronmc165
 

What's hot (20)

Digital Practices
Digital PracticesDigital Practices
Digital Practices
 
Google sketch up-tutorial
Google sketch up-tutorialGoogle sketch up-tutorial
Google sketch up-tutorial
 
Google Sketchup
Google SketchupGoogle Sketchup
Google Sketchup
 
Digital Technologies For The Theatre Designer
Digital Technologies For The Theatre DesignerDigital Technologies For The Theatre Designer
Digital Technologies For The Theatre Designer
 
Google SketchUp: A Crash Course
Google SketchUp: A Crash CourseGoogle SketchUp: A Crash Course
Google SketchUp: A Crash Course
 
Kitchen Design with SketchUp
Kitchen Design with SketchUpKitchen Design with SketchUp
Kitchen Design with SketchUp
 
Sketchup tutorial 1
Sketchup tutorial 1Sketchup tutorial 1
Sketchup tutorial 1
 
Making of iwasa house render by ferry sugianto
Making of iwasa house render by ferry sugiantoMaking of iwasa house render by ferry sugianto
Making of iwasa house render by ferry sugianto
 
Introduction to Sketchup basics
Introduction to Sketchup basics Introduction to Sketchup basics
Introduction to Sketchup basics
 
Unit 30 lo4
Unit 30 lo4Unit 30 lo4
Unit 30 lo4
 
WEDG slide
WEDG slideWEDG slide
WEDG slide
 
Honeymoon suite bedroom tutorial ferry
Honeymoon suite bedroom tutorial ferryHoneymoon suite bedroom tutorial ferry
Honeymoon suite bedroom tutorial ferry
 
DIGITAL TECHNIQUES THEATRE DESIGN YEAR 1
DIGITAL TECHNIQUES THEATRE DESIGN YEAR 1DIGITAL TECHNIQUES THEATRE DESIGN YEAR 1
DIGITAL TECHNIQUES THEATRE DESIGN YEAR 1
 
Combining text, graphics, and images empo
Combining text, graphics, and images empoCombining text, graphics, and images empo
Combining text, graphics, and images empo
 
Photoshop b&a
Photoshop b&aPhotoshop b&a
Photoshop b&a
 
Doc2
Doc2Doc2
Doc2
 
Question 6
Question 6Question 6
Question 6
 
Step by step construction of double spread page (DPS)
Step by step construction of double spread page (DPS)Step by step construction of double spread page (DPS)
Step by step construction of double spread page (DPS)
 
How to start google sketch up pro
How to start google sketch up proHow to start google sketch up pro
How to start google sketch up pro
 
Poster production diary
Poster production diaryPoster production diary
Poster production diary
 

Viewers also liked

Creating lines in sketchup
Creating lines in sketchupCreating lines in sketchup
Creating lines in sketchupJim Robb
 
Sketchup user guide
Sketchup user guideSketchup user guide
Sketchup user guided0123456789
 
learn sketchup (for the beginners)
learn sketchup (for the beginners)learn sketchup (for the beginners)
learn sketchup (for the beginners)Moksha Bhatia
 
Home Design in SketchUp Pro
Home Design in SketchUp ProHome Design in SketchUp Pro
Home Design in SketchUp ProMARKITECT.me
 
Tutorial vray for sketchup proxy real grass
Tutorial vray for sketchup proxy real grassTutorial vray for sketchup proxy real grass
Tutorial vray for sketchup proxy real grasssketchuptexture
 
Scale Modeling using Sketchup
Scale Modeling using SketchupScale Modeling using Sketchup
Scale Modeling using SketchupScott Povlot
 
How to select right watercolor brushes?
How to select right watercolor brushes?How to select right watercolor brushes?
How to select right watercolor brushes?Bob Ransley
 
Del-One.org UX Review by BloomCU
Del-One.org UX Review by BloomCUDel-One.org UX Review by BloomCU
Del-One.org UX Review by BloomCUBloomCU
 
Beginners guide to solid works 2006
Beginners guide to solid works 2006Beginners guide to solid works 2006
Beginners guide to solid works 2006Adrián Suárez
 
Google SketchUp Crash Course
Google SketchUp Crash CourseGoogle SketchUp Crash Course
Google SketchUp Crash CourseDUSPviz
 
Interior design student handbook
Interior design student handbookInterior design student handbook
Interior design student handbookAnchal Garg
 
Ch 8 Ordinary Construction
Ch 8 Ordinary ConstructionCh 8 Ordinary Construction
Ch 8 Ordinary Constructionsnoshoesam
 
Watercolor postcards
Watercolor postcardsWatercolor postcards
Watercolor postcardsLaura Johnson
 
Manual google sketchup and sketchup pro 7 bible
Manual   google sketchup and sketchup pro 7 bibleManual   google sketchup and sketchup pro 7 bible
Manual google sketchup and sketchup pro 7 bibleelviradlopez
 
SKETCHUP TEXTURE.COM Mtm tutorial forest house by empoy medina
SKETCHUP TEXTURE.COM Mtm tutorial forest house by empoy medinaSKETCHUP TEXTURE.COM Mtm tutorial forest house by empoy medina
SKETCHUP TEXTURE.COM Mtm tutorial forest house by empoy medinasketchuptexture
 
Design presentation using sketchup
Design presentation using sketchupDesign presentation using sketchup
Design presentation using sketchup3dartrender
 

Viewers also liked (18)

Creating lines in sketchup
Creating lines in sketchupCreating lines in sketchup
Creating lines in sketchup
 
Sketchup user guide
Sketchup user guideSketchup user guide
Sketchup user guide
 
learn sketchup (for the beginners)
learn sketchup (for the beginners)learn sketchup (for the beginners)
learn sketchup (for the beginners)
 
Google sketch up tutorial
Google sketch up tutorialGoogle sketch up tutorial
Google sketch up tutorial
 
Home Design in SketchUp Pro
Home Design in SketchUp ProHome Design in SketchUp Pro
Home Design in SketchUp Pro
 
Tutorial vray for sketchup proxy real grass
Tutorial vray for sketchup proxy real grassTutorial vray for sketchup proxy real grass
Tutorial vray for sketchup proxy real grass
 
Scale Modeling using Sketchup
Scale Modeling using SketchupScale Modeling using Sketchup
Scale Modeling using Sketchup
 
How to select right watercolor brushes?
How to select right watercolor brushes?How to select right watercolor brushes?
How to select right watercolor brushes?
 
Del-One.org UX Review by BloomCU
Del-One.org UX Review by BloomCUDel-One.org UX Review by BloomCU
Del-One.org UX Review by BloomCU
 
ejercicios-solidwork
ejercicios-solidworkejercicios-solidwork
ejercicios-solidwork
 
Beginners guide to solid works 2006
Beginners guide to solid works 2006Beginners guide to solid works 2006
Beginners guide to solid works 2006
 
Google SketchUp Crash Course
Google SketchUp Crash CourseGoogle SketchUp Crash Course
Google SketchUp Crash Course
 
Interior design student handbook
Interior design student handbookInterior design student handbook
Interior design student handbook
 
Ch 8 Ordinary Construction
Ch 8 Ordinary ConstructionCh 8 Ordinary Construction
Ch 8 Ordinary Construction
 
Watercolor postcards
Watercolor postcardsWatercolor postcards
Watercolor postcards
 
Manual google sketchup and sketchup pro 7 bible
Manual   google sketchup and sketchup pro 7 bibleManual   google sketchup and sketchup pro 7 bible
Manual google sketchup and sketchup pro 7 bible
 
SKETCHUP TEXTURE.COM Mtm tutorial forest house by empoy medina
SKETCHUP TEXTURE.COM Mtm tutorial forest house by empoy medinaSKETCHUP TEXTURE.COM Mtm tutorial forest house by empoy medina
SKETCHUP TEXTURE.COM Mtm tutorial forest house by empoy medina
 
Design presentation using sketchup
Design presentation using sketchupDesign presentation using sketchup
Design presentation using sketchup
 

Similar to How to Combine Drawing, SketchUp & Photography

How to Create a Hybrid Hand Drawing
How to Create a Hybrid Hand DrawingHow to Create a Hybrid Hand Drawing
How to Create a Hybrid Hand DrawingstudioINSITE
 
Digital Techniques - Lisa Thomas
Digital Techniques - Lisa ThomasDigital Techniques - Lisa Thomas
Digital Techniques - Lisa Thomaslisat_15
 
Ancillary production process
Ancillary production processAncillary production process
Ancillary production processRepetoryRecords
 
Lighting with v ray for sketch up – definitive guide part 1 -_ sketchup 3d re...
Lighting with v ray for sketch up – definitive guide part 1 -_ sketchup 3d re...Lighting with v ray for sketch up – definitive guide part 1 -_ sketchup 3d re...
Lighting with v ray for sketch up – definitive guide part 1 -_ sketchup 3d re...chemistry-rocket
 
Ancillary production process
Ancillary production processAncillary production process
Ancillary production processRepetoryRecords
 
Production Experiments
Production ExperimentsProduction Experiments
Production ExperimentsShaniceYates
 
Old Master Re-Mix INSTRUCTIONS de Beaufort
Old Master Re-Mix INSTRUCTIONS de BeaufortOld Master Re-Mix INSTRUCTIONS de Beaufort
Old Master Re-Mix INSTRUCTIONS de BeaufortJacques de Beaufort
 
Construction process
Construction processConstruction process
Construction processerneststaszak
 
Stages of Production - Double Page Spread Article
Stages of Production - Double Page Spread ArticleStages of Production - Double Page Spread Article
Stages of Production - Double Page Spread ArticleGregoryMcLaney
 
2.2 [pro forma] experimental photography planning
2.2 [pro forma] experimental photography planning 2.2 [pro forma] experimental photography planning
2.2 [pro forma] experimental photography planning Jamie Mellors
 
Production reflection - video game project
Production reflection - video game projectProduction reflection - video game project
Production reflection - video game projectJoyLucyBuck
 
Digtechpres
DigtechpresDigtechpres
Digtechpreslindajb
 
3dartrender tutorials - Method Creating Plan and 3d modeling in Sketchup
3dartrender tutorials - Method Creating Plan and 3d modeling in Sketchup3dartrender tutorials - Method Creating Plan and 3d modeling in Sketchup
3dartrender tutorials - Method Creating Plan and 3d modeling in Sketchup3dartrender
 
6. production reflection
6. production reflection6. production reflection
6. production reflectionJack Ward
 

Similar to How to Combine Drawing, SketchUp & Photography (20)

How to Create a Hybrid Hand Drawing
How to Create a Hybrid Hand DrawingHow to Create a Hybrid Hand Drawing
How to Create a Hybrid Hand Drawing
 
URSC 220 Portfolio
URSC 220 PortfolioURSC 220 Portfolio
URSC 220 Portfolio
 
Digital Techniques - Lisa Thomas
Digital Techniques - Lisa ThomasDigital Techniques - Lisa Thomas
Digital Techniques - Lisa Thomas
 
Ancillary production process
Ancillary production processAncillary production process
Ancillary production process
 
Lighting with v ray for sketch up – definitive guide part 1 -_ sketchup 3d re...
Lighting with v ray for sketch up – definitive guide part 1 -_ sketchup 3d re...Lighting with v ray for sketch up – definitive guide part 1 -_ sketchup 3d re...
Lighting with v ray for sketch up – definitive guide part 1 -_ sketchup 3d re...
 
Ancillary production process
Ancillary production processAncillary production process
Ancillary production process
 
Production Experiments
Production ExperimentsProduction Experiments
Production Experiments
 
Filipova Portfolio
Filipova PortfolioFilipova Portfolio
Filipova Portfolio
 
Week 6
Week 6Week 6
Week 6
 
Old Master Re-Mix INSTRUCTIONS de Beaufort
Old Master Re-Mix INSTRUCTIONS de BeaufortOld Master Re-Mix INSTRUCTIONS de Beaufort
Old Master Re-Mix INSTRUCTIONS de Beaufort
 
Construction process
Construction processConstruction process
Construction process
 
Living art
Living artLiving art
Living art
 
Stages of Production - Double Page Spread Article
Stages of Production - Double Page Spread ArticleStages of Production - Double Page Spread Article
Stages of Production - Double Page Spread Article
 
Evaluation
Evaluation Evaluation
Evaluation
 
2.2 [pro forma] experimental photography planning
2.2 [pro forma] experimental photography planning 2.2 [pro forma] experimental photography planning
2.2 [pro forma] experimental photography planning
 
Production reflection - video game project
Production reflection - video game projectProduction reflection - video game project
Production reflection - video game project
 
Digtechpres
DigtechpresDigtechpres
Digtechpres
 
3dartrender tutorials - Method Creating Plan and 3d modeling in Sketchup
3dartrender tutorials - Method Creating Plan and 3d modeling in Sketchup3dartrender tutorials - Method Creating Plan and 3d modeling in Sketchup
3dartrender tutorials - Method Creating Plan and 3d modeling in Sketchup
 
6. production reflection
6. production reflection6. production reflection
6. production reflection
 
Brad digipak cropping
Brad digipak croppingBrad digipak cropping
Brad digipak cropping
 

Recently uploaded

The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinSamar Hossam ElDin Ahmed
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
ARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdf
ARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdfARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdf
ARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdfCristobalHeraud
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
Imagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioImagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioAlinaLau2
 
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...Pranav Subramanian
 
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...Pranav Subramanian
 
ArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesVellyslav Petrov
 
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Yantram Animation Studio Corporation
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...Pranav Subramanian
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
PORTFOLIO 2024 ANASTASIYA KUDINOVA
PORTFOLIO 2024       ANASTASIYA KUDINOVAPORTFOLIO 2024       ANASTASIYA KUDINOVA
PORTFOLIO 2024 ANASTASIYA KUDINOVAAnastasiya Kudinova
 

Recently uploaded (20)

The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
ARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdf
ARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdfARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdf
ARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdf
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
Imagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioImagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering Portfolio
 
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
 
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
 
ArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern Homes
 
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
 
ASME B31.4-2022 estandar ductos año 2022
ASME B31.4-2022 estandar ductos año 2022ASME B31.4-2022 estandar ductos año 2022
ASME B31.4-2022 estandar ductos año 2022
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
PORTFOLIO 2024 ANASTASIYA KUDINOVA
PORTFOLIO 2024       ANASTASIYA KUDINOVAPORTFOLIO 2024       ANASTASIYA KUDINOVA
PORTFOLIO 2024 ANASTASIYA KUDINOVA
 

How to Combine Drawing, SketchUp & Photography

  • 2. This quick visualization project was a favor for an existing studioINSITE client who wanted simply to understand what a sidewalk in front of his development might look like if it had landscape planters integrated into the streetscape. I created an “overlay and trace” colored sketch in a little more than three hours - one hour to build the SketchUp model, one hour to illustrate the new scene and one hour to color and scan the final sketch.
  • 3. Base Digital Photograph The client emailed me a photograph of the existing sidewalk. Fortunately, it was a good quality eye-level perspective view with an easily identifiable vanishing point (scoring pattern in the sidewalk).
  • 4. SketchUp Model Entourage - 1 hour I delineated the sidewalk paving pattern in a simple SketchUp “stage set model. I added a wall plane on the edge to help me replicate the basic perspective. I then populated the model with 3D people, adjusting their placement in order to fit into scene.
  • 5. Perspective Match. I matched the SketchUp perspective with the digital photograph and then exported a jpeg from the 3D model. Notice that I turned of the shadows and eliminated the sidewalk and wall from the exported graphic. This made it very easy to select the people in Photoshop and isolate them from the gray background.
  • 6. Composite Base Image. I combined the view of the SketchUp people and the base photograph using Photoshop. I then traced over a print to create the final colored sketch.
  • 7. Overlay and Trace Drawing - 2 Hours Trace Over a Print. I first lightened the image in Photoshop (to make it easier for tracing) and printed it on 11”x17” paper. The actual image size was 8”x11”. I taped a sheet of tracing paper over the print and illustrated the scene with a water based ink pen. Note: if you have difficulty seeing the detail beneath the tracing paper, work on top of a light table or even tape everything against a bright window.
  • 8. Quick Marker Color. After completing the line drawing, I then added color to the original artwork with Chartpak AD markers.
  • 9. Final Sketch I scanned the final artwork at 300dpi and emailed a jpeg to my client. As you can see, the basic street scene is unchanged from the original photograph. I basically introduced the landscape planter, additional trees and populated the scene with more than ten people to give the illustration scale and an active character.
  • 10. to see Jim’s blog post of this presentation click here: http://jimleggitt.typepad.com/jim-leggitt-drawing- shortcuts/2013/11/composite-sketch-from-sketchup- and-photography.html studio-insite.com