SlideShare ist ein Scribd-Unternehmen logo
1 von 23
MOUNTAIN LODGE
   Step-by-step guide to the making of a “digital
watercolor” architectural rendering in Photoshop




        architectural illustration
Wireframe view of 3-d model
Built in Sketchup and Autocad, each floor was constructed on a “layer = material”
basis in separate files to more easily incorporate design changes. All files were then
compiled in one model file in 3D Studio MAX for rendering.
Hidden-line view of model
Base render
Rendered with the Maxwell plug-in. Background masked out in Photoshop.
Selection sets
Rendered as a separate image file from Maxwell – the ability to select by object or
material within Photoshop is a huge timesaver. Note the colors here correspond to the
wireframe view from earlier.
Background building inserted
The neighboring building to the right was cut out from the base render and put on a
separate layer to control its opacity throughout the design process.
Photoshop filters applied
A custom combination of smart blur, find edges and watercolor filters applied to base
render layer. A copy is made to control the strength of each effect, but this can also be
accomplished via Smart Filters. Background building “filtered” separately.
Close up of base render with filters applied
Sky and background added
A mix of site photos and a painted sky create the backdrop. Filters are applied to these
items as needed to ensure continuity with rendered buildings. Atmospheric
perspective is added with layers set to Normal, Overlay and Color blending modes to
get the right effect.
Glass adjustments
Imagery and glows are added to the glass in both buildings. Street level windows
reflect the expected retail mix of ski apparel and restaurants. Residential imagery
used above. Glows are created in a random pattern using the dodge tool.
Adjustment to wood siding
Quick adjustment requested by client to color of the siding. Using the selection sets
created in the initial render, this change is easily accommodated.
Street trees added
Winter trees are added per landscape plan along both streets. Slight “artistic license”
is made with their placement to ensure visibility of drop-off area mid-block.
Cars added
A minimum of cars were requested to maintain pedestrian quality of scene. Careful
masking of the red car was necessary to help explain the separation between
marquee and retail shops beyond.
People added
As with the trees and shops, the people should reflect the time of year as well as the
time of day in the scene. The bench in the lower right was rendered separately and
inserted into the middle of the people set.
Close-up of people
Filters are applied to the entourage as well so they blend in with the building as much
as possible. Additionally, most of the people are at 80-90% opacity to aid in the
blending.
More entourage
The foreground car was rendered separately so it could be scaled and moved within to
scene as necessary to minimize view blockage. A snow-covered winter tree helps to
frame the right side of the image.
More glows on building
A subtle new color wash applied to the sun side of the building helps to vignette the
edges and bring out some highlights on the building.
Smart blur
The scene is flattened, and a gentle smart blur filter is applied to the entire image to
soften everything up, and once again assist in unifying the entourage. The effect can
be masked out selectively as needed.
Close-up of roof
First layer of textures added
Scanned watercolor paper set on top of the flattened image in Overlay blending mode.
The scan is adjusted so the brightness level is centered at 50% to ensure the effect is
not too strong.
Final adjustments
Slight adjustment to curves to increase contrast and new “sketch lines” are added to
the peaks. One more texture layer is applied as a pattern layer style to control its
strength. Signage is added to the marquee, and weʼre done!
Close-up of roof with textures added
MOUNTAIN LODGE
Client: Callison Architecture

Entourage assistance: Lucid Arts

ASAI Award of Excellence winner, 2009

Visit us online at www.baumbergerstudio.com
or at Facebook:
http://companies.to/baumbergerstudio/

And thanks for watching!



                                        architectural illustration

Weitere ähnliche Inhalte

Ähnlich wie Making of: Mountain Lodge

Ghosted Illustration from 3D CAD
Ghosted Illustration from 3D CADGhosted Illustration from 3D CAD
Ghosted Illustration from 3D CADMatthias Ahrens
 
Civil 3D Visualization
Civil 3D VisualizationCivil 3D Visualization
Civil 3D VisualizationLarry Young
 
HOW TO: Transform SketchUp Models into Digital Hybrid Watercolor Renderings
HOW TO: Transform SketchUp Models into Digital Hybrid Watercolor RenderingsHOW TO: Transform SketchUp Models into Digital Hybrid Watercolor Renderings
HOW TO: Transform SketchUp Models into Digital Hybrid Watercolor RenderingsstudioINSITE
 
Tdw88 t cyborg
Tdw88 t cyborgTdw88 t cyborg
Tdw88 t cyborgFiilp Ti
 
sufaceLAB | The GC's Best Kept Secret
sufaceLAB | The GC's Best Kept SecretsufaceLAB | The GC's Best Kept Secret
sufaceLAB | The GC's Best Kept SecretAmeé Quiriconi
 
Digital Painting Using Photoshop
Digital Painting Using PhotoshopDigital Painting Using Photoshop
Digital Painting Using Photoshopjzanetta
 
Utilizing Layers in AutoCAD Prototype Package
Utilizing Layers in AutoCAD Prototype PackageUtilizing Layers in AutoCAD Prototype Package
Utilizing Layers in AutoCAD Prototype PackageBrian Mitchell
 
Creating simple web design in photoshop
Creating simple web design in photoshopCreating simple web design in photoshop
Creating simple web design in photoshoplillianabe
 
Star design-prep-guide
Star design-prep-guideStar design-prep-guide
Star design-prep-guidejirapa76
 
How to Combine Drawing, SketchUp & Photography
How to Combine Drawing, SketchUp & PhotographyHow to Combine Drawing, SketchUp & Photography
How to Combine Drawing, SketchUp & PhotographystudioINSITE
 
Adobe photoshop extended cs5 [old version]
Adobe photoshop extended cs5 [old version]Adobe photoshop extended cs5 [old version]
Adobe photoshop extended cs5 [old version]Kimetenthray
 
2 D3 D Concersion Swaggmedia
2 D3 D Concersion   Swaggmedia2 D3 D Concersion   Swaggmedia
2 D3 D Concersion SwaggmediaCraig Nobles
 
Advance DLP for Superior 3D Printing
Advance DLP for Superior 3D Printing Advance DLP for Superior 3D Printing
Advance DLP for Superior 3D Printing Engineering Technique
 
10 Tips to Render Like a Pro on Poor PC
10 Tips to Render Like a Pro on Poor PC10 Tips to Render Like a Pro on Poor PC
10 Tips to Render Like a Pro on Poor PCUmarbappa1
 
The Ultranet - from Simple to Snazzy
The Ultranet - from Simple to SnazzyThe Ultranet - from Simple to Snazzy
The Ultranet - from Simple to SnazzyNicole Barnes
 
Spectrum 16 pmc 16 - preparing legacy projects for responsive design
Spectrum 16   pmc 16 - preparing legacy projects for responsive designSpectrum 16   pmc 16 - preparing legacy projects for responsive design
Spectrum 16 pmc 16 - preparing legacy projects for responsive designNeil Perlin
 

Ähnlich wie Making of: Mountain Lodge (20)

Ghosted Illustration from 3D CAD
Ghosted Illustration from 3D CADGhosted Illustration from 3D CAD
Ghosted Illustration from 3D CAD
 
Civil 3D Visualization
Civil 3D VisualizationCivil 3D Visualization
Civil 3D Visualization
 
HOW TO: Transform SketchUp Models into Digital Hybrid Watercolor Renderings
HOW TO: Transform SketchUp Models into Digital Hybrid Watercolor RenderingsHOW TO: Transform SketchUp Models into Digital Hybrid Watercolor Renderings
HOW TO: Transform SketchUp Models into Digital Hybrid Watercolor Renderings
 
Tdw88 t cyborg
Tdw88 t cyborgTdw88 t cyborg
Tdw88 t cyborg
 
sufaceLAB | The GC's Best Kept Secret
sufaceLAB | The GC's Best Kept SecretsufaceLAB | The GC's Best Kept Secret
sufaceLAB | The GC's Best Kept Secret
 
Digital Painting Using Photoshop
Digital Painting Using PhotoshopDigital Painting Using Photoshop
Digital Painting Using Photoshop
 
Utilizing Layers in AutoCAD Prototype Package
Utilizing Layers in AutoCAD Prototype PackageUtilizing Layers in AutoCAD Prototype Package
Utilizing Layers in AutoCAD Prototype Package
 
Zainab Al Darorah
Zainab Al DarorahZainab Al Darorah
Zainab Al Darorah
 
JS Spreads
JS SpreadsJS Spreads
JS Spreads
 
Creating simple web design in photoshop
Creating simple web design in photoshopCreating simple web design in photoshop
Creating simple web design in photoshop
 
Star design-prep-guide
Star design-prep-guideStar design-prep-guide
Star design-prep-guide
 
How to Combine Drawing, SketchUp & Photography
How to Combine Drawing, SketchUp & PhotographyHow to Combine Drawing, SketchUp & Photography
How to Combine Drawing, SketchUp & Photography
 
Adobe photoshop extended cs5 [old version]
Adobe photoshop extended cs5 [old version]Adobe photoshop extended cs5 [old version]
Adobe photoshop extended cs5 [old version]
 
2 D3 D Concersion Swaggmedia
2 D3 D Concersion   Swaggmedia2 D3 D Concersion   Swaggmedia
2 D3 D Concersion Swaggmedia
 
Advance DLP for Superior 3D Printing
Advance DLP for Superior 3D Printing Advance DLP for Superior 3D Printing
Advance DLP for Superior 3D Printing
 
10 Tips to Render Like a Pro on Poor PC
10 Tips to Render Like a Pro on Poor PC10 Tips to Render Like a Pro on Poor PC
10 Tips to Render Like a Pro on Poor PC
 
Photoshop masking
Photoshop maskingPhotoshop masking
Photoshop masking
 
The Ultranet - from Simple to Snazzy
The Ultranet - from Simple to SnazzyThe Ultranet - from Simple to Snazzy
The Ultranet - from Simple to Snazzy
 
2015 Tech Promo
2015 Tech Promo2015 Tech Promo
2015 Tech Promo
 
Spectrum 16 pmc 16 - preparing legacy projects for responsive design
Spectrum 16   pmc 16 - preparing legacy projects for responsive designSpectrum 16   pmc 16 - preparing legacy projects for responsive design
Spectrum 16 pmc 16 - preparing legacy projects for responsive design
 

Kürzlich hochgeladen

怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
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
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioThink360 Studio
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
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
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
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
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 

Kürzlich hochgeladen (20)

怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
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
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
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
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
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
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 

Making of: Mountain Lodge

  • 1. MOUNTAIN LODGE Step-by-step guide to the making of a “digital watercolor” architectural rendering in Photoshop architectural illustration
  • 2. Wireframe view of 3-d model Built in Sketchup and Autocad, each floor was constructed on a “layer = material” basis in separate files to more easily incorporate design changes. All files were then compiled in one model file in 3D Studio MAX for rendering.
  • 4. Base render Rendered with the Maxwell plug-in. Background masked out in Photoshop.
  • 5. Selection sets Rendered as a separate image file from Maxwell – the ability to select by object or material within Photoshop is a huge timesaver. Note the colors here correspond to the wireframe view from earlier.
  • 6. Background building inserted The neighboring building to the right was cut out from the base render and put on a separate layer to control its opacity throughout the design process.
  • 7. Photoshop filters applied A custom combination of smart blur, find edges and watercolor filters applied to base render layer. A copy is made to control the strength of each effect, but this can also be accomplished via Smart Filters. Background building “filtered” separately.
  • 8. Close up of base render with filters applied
  • 9. Sky and background added A mix of site photos and a painted sky create the backdrop. Filters are applied to these items as needed to ensure continuity with rendered buildings. Atmospheric perspective is added with layers set to Normal, Overlay and Color blending modes to get the right effect.
  • 10. Glass adjustments Imagery and glows are added to the glass in both buildings. Street level windows reflect the expected retail mix of ski apparel and restaurants. Residential imagery used above. Glows are created in a random pattern using the dodge tool.
  • 11. Adjustment to wood siding Quick adjustment requested by client to color of the siding. Using the selection sets created in the initial render, this change is easily accommodated.
  • 12. Street trees added Winter trees are added per landscape plan along both streets. Slight “artistic license” is made with their placement to ensure visibility of drop-off area mid-block.
  • 13. Cars added A minimum of cars were requested to maintain pedestrian quality of scene. Careful masking of the red car was necessary to help explain the separation between marquee and retail shops beyond.
  • 14. People added As with the trees and shops, the people should reflect the time of year as well as the time of day in the scene. The bench in the lower right was rendered separately and inserted into the middle of the people set.
  • 15. Close-up of people Filters are applied to the entourage as well so they blend in with the building as much as possible. Additionally, most of the people are at 80-90% opacity to aid in the blending.
  • 16. More entourage The foreground car was rendered separately so it could be scaled and moved within to scene as necessary to minimize view blockage. A snow-covered winter tree helps to frame the right side of the image.
  • 17. More glows on building A subtle new color wash applied to the sun side of the building helps to vignette the edges and bring out some highlights on the building.
  • 18. Smart blur The scene is flattened, and a gentle smart blur filter is applied to the entire image to soften everything up, and once again assist in unifying the entourage. The effect can be masked out selectively as needed.
  • 20. First layer of textures added Scanned watercolor paper set on top of the flattened image in Overlay blending mode. The scan is adjusted so the brightness level is centered at 50% to ensure the effect is not too strong.
  • 21. Final adjustments Slight adjustment to curves to increase contrast and new “sketch lines” are added to the peaks. One more texture layer is applied as a pattern layer style to control its strength. Signage is added to the marquee, and weʼre done!
  • 22. Close-up of roof with textures added
  • 23. MOUNTAIN LODGE Client: Callison Architecture Entourage assistance: Lucid Arts ASAI Award of Excellence winner, 2009 Visit us online at www.baumbergerstudio.com or at Facebook: http://companies.to/baumbergerstudio/ And thanks for watching! architectural illustration