SlideShare a Scribd company logo
Hybrid hand drawing
from SketchUp and Photography
by Jim Leggitt
how to:
This is a streetscape
improvement project
in Glenwood Springs,
Colorado.
This eye level view in front
of a popular coffee house
was a perfect opportunity
to create a hybrid drawing
that blended together
a photograph, a 3D
SketchUp model, hand
illustration and coloring
with markers.
Step One: Base Digital Photograph
The two digital photographs above were taken in front of the coffee
shop. I selected the right image for several reasons - I stood in the
street looking back at the storefront to create a better composition,
the view had no foreground “clutter”, and it emphasized more of the
coffee shop entrance and its beautiful curved glass window.
Step Two: SketchUp “Stage Set” Model
Our design team developed a new sidewalk configuration that
included an outdoor dining space against the existing buildings.
Once I built the base model and populated it with people
components, I carefully matched the eye level SketchUp model view
with the perspective in the photograph. I then exported a 5000 pixel
wide high resolution jpeg from the SketchUp model.
I combined the SketchUp view with the sidewalk photograph using Adobe Photoshop. All image
resolutions were at 300dpi. I first deleted the background from the SketchUp scene (upper
image) and then carefully sized it to fit into the street scene of the digital photograph. Notice the
man sitting with his bicycle from the original photograph and how well he integrated into the new
composite scene!
Step Three: Photoshop Composite View
Print the composite image and then go over it with hand drawn linework and colored markers.
I first lightened the image before printing it. I printed the 9”x13” image on 11”x17” matte finish
coated bond paper using an ink jet color printer. Using a fine point water-based roller ball ink
pen, I traced over many of the edges of the SketchUp model and added more casual linework
to the people in the foreground. I added some colored markers to “soften” the image and make
it less photographic or computer dominant in appearance.
Step Four: Hand Drawing on a Print
Completed Hybrid Drawing
Notice how the perspective is a blend of the photographic detail
(reflections in the window) and the rich character of the hand drawn
linework and marker coloring.
I love experimenting with new hybrid visualization methods and if
you have a design project where this composite process would be
beneficial, give it a try!
to see Jim’s blog post of this presentation click here:
http://jimleggitt.typepad.com/jim-leggitt-drawing-
shortcuts/2013/11/text-text-text-text-text-text-text.html
studio-insite.com

More Related Content

Similar to How to Create a Hybrid Hand Drawing

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
GregoryMcLaney
 
Evaluation PowerPoint - Q6: What have you learnt about technologies from the ...
Evaluation PowerPoint - Q6: What have you learnt about technologies from the ...Evaluation PowerPoint - Q6: What have you learnt about technologies from the ...
Evaluation PowerPoint - Q6: What have you learnt about technologies from the ...
Greg McLaney
 
Portfolio - Norienne Christensen
Portfolio - Norienne ChristensenPortfolio - Norienne Christensen
Portfolio - Norienne Christensen
Norienne Christensen
 
Evaluation PowerPoint - Q6: What have you learnt about technologies from the ...
Evaluation PowerPoint - Q6: What have you learnt about technologies from the ...Evaluation PowerPoint - Q6: What have you learnt about technologies from the ...
Evaluation PowerPoint - Q6: What have you learnt about technologies from the ...
GregoryMcLaney
 
Steven Young Graphic Design Portfolio
Steven Young Graphic Design PortfolioSteven Young Graphic Design Portfolio
Steven Young Graphic Design Portfolio
Steven Young
 
Portfolio - Jenner Porter
Portfolio - Jenner PorterPortfolio - Jenner Porter
Portfolio - Jenner Porter
Jenner Porter
 
13 a joselopez2
13 a joselopez213 a joselopez2
13 a joselopez2
Jose Lopez
 
Client evaulation
Client evaulationClient evaulation
Client evaulation
Charlotte Oliver
 
13ANubiaTrone Portfolio
13ANubiaTrone Portfolio13ANubiaTrone Portfolio
13ANubiaTrone Portfolio
nubiatrone
 
Digital Techniques - Lisa Thomas
Digital Techniques - Lisa ThomasDigital Techniques - Lisa Thomas
Digital Techniques - Lisa Thomaslisat_15
 
Stages of Production - Contents Page
Stages of Production - Contents PageStages of Production - Contents Page
Stages of Production - Contents Page
GregoryMcLaney
 
Production Cover
Production CoverProduction Cover
Production Cover
guest3162d6a
 
Production of my double page spread
Production of my double page spreadProduction of my double page spread
Production of my double page spreadasmediag12
 
Digital Practices
Digital PracticesDigital Practices
Digital PracticesBarbagroup
 
Digital Practices
Digital PracticesDigital Practices
Digital PracticesBarbagroup
 
Portfolio Project
Portfolio ProjectPortfolio Project
Portfolio Project
McKenzie Taggart
 
3 Ways to Put the Graphic in Infographics
3 Ways to Put the Graphic in Infographics3 Ways to Put the Graphic in Infographics
3 Ways to Put the Graphic in Infographics
vsbma
 
Student Portfolio One
Student Portfolio OneStudent Portfolio One
Student Portfolio One
Sherri Rickman
 
Kitchen Design with SketchUp
Kitchen Design with SketchUpKitchen Design with SketchUp
Kitchen Design with SketchUp
Diane Dieterich
 

Similar to How to Create a Hybrid Hand Drawing (20)

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 PowerPoint - Q6: What have you learnt about technologies from the ...
Evaluation PowerPoint - Q6: What have you learnt about technologies from the ...Evaluation PowerPoint - Q6: What have you learnt about technologies from the ...
Evaluation PowerPoint - Q6: What have you learnt about technologies from the ...
 
Portfolio - Norienne Christensen
Portfolio - Norienne ChristensenPortfolio - Norienne Christensen
Portfolio - Norienne Christensen
 
Evaluation PowerPoint - Q6: What have you learnt about technologies from the ...
Evaluation PowerPoint - Q6: What have you learnt about technologies from the ...Evaluation PowerPoint - Q6: What have you learnt about technologies from the ...
Evaluation PowerPoint - Q6: What have you learnt about technologies from the ...
 
Steven Young Graphic Design Portfolio
Steven Young Graphic Design PortfolioSteven Young Graphic Design Portfolio
Steven Young Graphic Design Portfolio
 
Portfolio - Jenner Porter
Portfolio - Jenner PorterPortfolio - Jenner Porter
Portfolio - Jenner Porter
 
13 a joselopez2
13 a joselopez213 a joselopez2
13 a joselopez2
 
Client evaulation
Client evaulationClient evaulation
Client evaulation
 
13ANubiaTrone Portfolio
13ANubiaTrone Portfolio13ANubiaTrone Portfolio
13ANubiaTrone Portfolio
 
Digital Techniques - Lisa Thomas
Digital Techniques - Lisa ThomasDigital Techniques - Lisa Thomas
Digital Techniques - Lisa Thomas
 
Stages of Production - Contents Page
Stages of Production - Contents PageStages of Production - Contents Page
Stages of Production - Contents Page
 
Production Cover
Production CoverProduction Cover
Production Cover
 
Production of my double page spread
Production of my double page spreadProduction of my double page spread
Production of my double page spread
 
Digital Practices
Digital PracticesDigital Practices
Digital Practices
 
Digital Practices
Digital PracticesDigital Practices
Digital Practices
 
Portfolio Project
Portfolio ProjectPortfolio Project
Portfolio Project
 
3 d effects in ps
3 d effects in ps3 d effects in ps
3 d effects in ps
 
3 Ways to Put the Graphic in Infographics
3 Ways to Put the Graphic in Infographics3 Ways to Put the Graphic in Infographics
3 Ways to Put the Graphic in Infographics
 
Student Portfolio One
Student Portfolio OneStudent Portfolio One
Student Portfolio One
 
Kitchen Design with SketchUp
Kitchen Design with SketchUpKitchen Design with SketchUp
Kitchen Design with SketchUp
 

Recently uploaded

Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
Let's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons ShirtLet's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons Shirt
TeeFusion
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
smpc3nvg
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Mansi Shah
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
708pb191
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
ResDraft
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
madhavlakhanpal29
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 
Exploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdfExploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdf
fastfixgaragedoor
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 

Recently uploaded (20)

Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
Let's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons ShirtLet's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons Shirt
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 
Exploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdfExploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdf
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 

How to Create a Hybrid Hand Drawing

  • 1. Hybrid hand drawing from SketchUp and Photography by Jim Leggitt how to:
  • 2. This is a streetscape improvement project in Glenwood Springs, Colorado. This eye level view in front of a popular coffee house was a perfect opportunity to create a hybrid drawing that blended together a photograph, a 3D SketchUp model, hand illustration and coloring with markers.
  • 3. Step One: Base Digital Photograph The two digital photographs above were taken in front of the coffee shop. I selected the right image for several reasons - I stood in the street looking back at the storefront to create a better composition, the view had no foreground “clutter”, and it emphasized more of the coffee shop entrance and its beautiful curved glass window.
  • 4. Step Two: SketchUp “Stage Set” Model Our design team developed a new sidewalk configuration that included an outdoor dining space against the existing buildings. Once I built the base model and populated it with people components, I carefully matched the eye level SketchUp model view with the perspective in the photograph. I then exported a 5000 pixel wide high resolution jpeg from the SketchUp model.
  • 5. I combined the SketchUp view with the sidewalk photograph using Adobe Photoshop. All image resolutions were at 300dpi. I first deleted the background from the SketchUp scene (upper image) and then carefully sized it to fit into the street scene of the digital photograph. Notice the man sitting with his bicycle from the original photograph and how well he integrated into the new composite scene! Step Three: Photoshop Composite View
  • 6. Print the composite image and then go over it with hand drawn linework and colored markers. I first lightened the image before printing it. I printed the 9”x13” image on 11”x17” matte finish coated bond paper using an ink jet color printer. Using a fine point water-based roller ball ink pen, I traced over many of the edges of the SketchUp model and added more casual linework to the people in the foreground. I added some colored markers to “soften” the image and make it less photographic or computer dominant in appearance. Step Four: Hand Drawing on a Print
  • 8. Notice how the perspective is a blend of the photographic detail (reflections in the window) and the rich character of the hand drawn linework and marker coloring. I love experimenting with new hybrid visualization methods and if you have a design project where this composite process would be beneficial, give it a try!
  • 9. to see Jim’s blog post of this presentation click here: http://jimleggitt.typepad.com/jim-leggitt-drawing- shortcuts/2013/11/text-text-text-text-text-text-text.html studio-insite.com