Gradient Masks over AutoCAD with Photoshop

Gradient Masks over AutoCAD with Photoshop

Updated On June 14, 2016    |     Category: Home » Architecture Tutorials » Adobe Photoshop

When it comes to architectural presentation boards, CAD programs fall further behind expectations, more and more people are using other software tools to create their presentations that meet their needs. Adobe’s Photoshop and Illustrator are some of the most popular tools when it comes to preparing presentation boards. If you have not use either one of these software to enhance your presentation boards, then you must be missing something. In this article, we will look at one of the most common effects architecture students and illustrators love to play with but find difficult to figure out: the Gradient Mask.

Gradient Masks over AutoCAD with Photoshop

In order to blend both of the images, you have to export them in the same exact view. To capture both views you can use any CAD software offers, In AutoCAD and Architectural Desktop, you can Plot a Hidden Wireframe to a .tif file and Render to a .tif file format as well to get really high resolution images.

Gradient Masks over AutoCAD with Photoshop

Gradient Masks over AutoCAD with Photoshop

With both the images from your CAD program, import them into Photoshop and put them on separate Layers. Typically I like to put the Wireframe on top of the Shaded or Rendered image but it is not necessary to follow my preferences.

Gradient Masks over AutoCAD with Photoshop

Align the images by adjusting the Transparency Bar on the top Layer so you can see both images blended at the same time. Zoom in to match the Wireframe up against the Shaded or Rendered image. After the alignment, please remember to set the opacity back to 100%

Gradient Masks over AutoCAD with Photoshop

After adding a Mask to the current selected Layer, use set the Paint Bucket tool to a Gradient tool and make any adjustments you see fit. The Color should be set to Black. You can always adjust the falloff of the gradient by double-clicking on the gradient drop-down.

Gradient Masks over AutoCAD with Photoshop

With the Gradient Tool set, select two points across the image and witness the gradient results immediately, illustrated example can be seen at the image above. If you increase the distance the falloff should be stretched and less drastic while decreasing the distance should create a dramatic falloff as illustrated to the right. Recommended to use the Shift key while drawing the gradient line in order to create a straight gradient.


  1. Gravatar
    Valeria [ Reply ]

    Thank you for this tutorial!
    I have a question, do you know where I can find info about illustrator for architecture?
    Have fun

  2. Gravatar
    Michal [ Reply ]

    Thank You very much for tutorials. Very helpful to me!

    Merry Christmass and happy New Year!

    Take care

  3. Gravatar
    simon [ Reply ]

    thanks for the quick tutorial. good luck.

  4. Gravatar
    dev [ Reply ]

    hey…thanx for the tutorial…keep more coming in…but after ur thesis..all the best for that..

  5. Gravatar
    anil jadhav [ Reply ]

    thanks for radient masks.

Leave a Reply

Frank Gehry in the SimpsonsHow to Spice up your ModelNothing is Higher than ArchitectWhat is a Desk? Architect's Desk

Frank Gehry in the Simpsons [1:23]

How to Spice up your Model [2:22]

Nothing is Higher than Architect [1:38]

What is a Desk? Architect's Desk [6:22]

25 Fictional Architects in Movies20 Amazing quotes by Famous Architects24 Architect's Dress Code in BlackDownload 12 free PhD Archi Thesis

24 Architect's Dress Code in Black

20 Amazing quotes by Famous Architects

25 Fictional Architects in Movies

Download 12 free PhD Archi Thesis

5 Creative Ramps for the Disable17 Minimalist Architectural WallpaperPen & Pencil Sketches Photoshop Tutorial18 Architecture Fonts for Architects

5 Creative Ramps for the Disable

17 Minimalist Architectural Wallpaper

Pen & Pencil Sketches Photoshop Tutorial

18 Architecture Fonts for Architects