Quick Tips: Color Overlays

Quick Tips: Color Overlays


Layer blend modes in Photoshop are something that I use for every rendering I do. I often will add a color overlay to change the mood of the illustration and provide cohesiveness to the different elements of the illustration. This process is quick and the results are dramatic.





To begin, open the image in Photoshop. The image I am using has almost no color, however an image with lots of color will work as well.






Create a new layer and move it to the top of the layers pallet.






Next, select the “paintbrush” tool. At the top, switch the brush type to a soft brush and lower the opacity to below 50%. Choose a color for the paintbrush and begin painting. I usually paint color in areas of bright light first with less color in the areas of shadows.


orange paint_paint_cropped




Once paint is applied, go over to the layers pallet and set the layer blend mode to “Overlay.” If the color is too strong, you can lower the opacity of the layer as needed. Overlay works most of the time, but it is worth experimenting with some of the other blend modes for different looks.






In just a few seconds, the illustration has changed drastically. Even if the layer’s opacity is extremely low, a subtle hint of color will go a long way.






And with blue and green tint.







  1. Fantastic tip! Thanks for publishing all this stuff, Alex. It's very helpful for improving our renders. I'm a fan of your blog!!

  2. Thank so much for these tutorials!!!!

  3. Thank you so much. I am an architecture student and I will share this with my classmates. Anything that can take the sterility out of my base renderings is great.

  4. Respect !

  5. I appreciate for this awesome tutorial.

  6. Thank you so much Alex for all the tips that you compare! :)
    your blog is soo helpfull !!

  7. Thank you Alex. Keep up the good work!

  8. Thank you for sharing your experiences.

  9. Man your tutorials are god like! very nice!

  10. Excellent tip! Thank you much for sharing!

  11. this is amazing stuff. thanks a lot alex.



  1. Theater Update 3: Perspective Illustrations | Visualizing Architecture - […] overlays. In this case, I used a brown color overlay to blend all of the images together. Check out …
  2. Quick Tip: Adjusting The Verticals | Visualizing Architecture - […] I also used the “GRUNGE TUTORIAL”  and the ” COLOR OVERLAY TUTORIAL”. […]

Submit a Comment

Your email address will not be published. Required fields are marked *