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.

 

thesis_interior_untouched_small

 

 

 

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

 

new_layer_color_overlay

 

 

 

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.

 

choose_color_overlay_cropped

 

 

 

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.

 

orange_overlay_small

 

 

 

And with blue and green tint.

 

blue_overlay_small

 

 

 

11 Comments

  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!!

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

    Reply
  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.

    Reply
  4. Respect !

    Reply
  5. I appreciate for this awesome tutorial.

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

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

    Reply
  8. Thank you for sharing your experiences.

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

    Reply
  10. Excellent tip! Thank you much for sharing!

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

    Reply

Trackbacks/Pingbacks

  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 *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>