How to Make a Faux Heatmap Effect in Photoshop
Photoshop Photo Effects
There are many different techniques in Photoshop to mimic a Heatmap. But many of these will take a long time due most of them using several curves, hue/saturation, and even lens blur adjustments. But today, I will show you a very simple way to mimic a heatmap in Photoshop that will take you less than 5 minutes and in a way that you can easily change the colors later once the effect is made.
Before we begin, and if you want to follow this tutorial exactly as described, please download the following free image from Pexels: Download.
Step 1
Open your image in Photoshop.
Step 2
Go to Layer > Smart Objects > Convert to Smart Object.
Step 3
Go to Image > Adjustments > Invert.
Step 4
Go to Layer > Duplicate Layer.
Step 5
With the duplicated layer active, go to Filter > Filter Gallery.
Step 6
Open the Stylize folder, select the "Glowing Edges" effect, apply the following settings, and click OK.
Step 7
Set the blend mode of the copied layer to "Soft Light" and bring down the Opacity to about 50%.
Step 8
Go to Layer > New Adjustment Layer > Gradient Map.
Step 9
In the Gradient Map Properties window, click on the down arrow of the gradient thumbnail and select the "Spectrum" gradient.
Step 10
Lastly, go to Layer > New Adjustment Layer > Levels and set the Shadow Input Level to 30.
A Final Tip
Now that you know how easily you can make a faux heatmap in Photoshop, you can use this technique on any image you want and experiment with different gradient colors to get a wide range of effects like in the following examples.
More from Tutorials
How to Create a Simple Path-Based Ribbon Text in Illustrator
Tutorialsby Diego Sanchez
When you want to give your text a special look, there are many ways to do it, from adding a 3D effect to creating a bold, eye-catching graphic style. But you can also achieve a unique and sophisticated effect with a simple path-based ribbon text which adds depth and flow to your text and can be used on various projects, from posters and invitations to logos, social media graphics, and more. Today, I will show you how quick and easy is to make a simple path-based text in Illustrator (while keeping both the text and the path fully editable), which is a gret way to make your text stand out.
Read more
Three Ways to Create a Handmade Look in Illustrator
Tutorialsby Diego Sanchez
Creating a handmade aesthetic from an existing design can add a sense of charm and individuality to your works, making them ideal for use in logos, emblems, product packaging, and illustrations. This style helps convey a more personal and crafted feel, which is perfect for projects that need to stand out. In Illustrator, you can easily replicate this effect in many different ways, but today I will show you three simple yet effective methods to achieve a hand-drawn look using the Brush Tool, Wrinkle Tool, and Blur Effects and these simple techniques will help you add organic textures, uneven edges, and a natural flow to your creations.
Read more
Easily Create Text Blocks in Illustrator
Tutorialsby Diego Sanchez
When you need to make text blocks in Illustrator, there are many ways to do it, from selecting each line of text individually and setting the proper font size, to using paragraph text and adjusting sizes and spacing. However, if you want to create a text block in less than a minute—which is especially useful for quote posters—you can use an automated method to do it quickly and effortlessly. Today, I’ll show you how to make a text block in Illustrator in a matter of seconds by using a single script, saving you time and enhancing your creative workflow. This method is perfect for experimenting with different typefaces and achieving unique results.
Read more
How to Easily Turn any Font into a Sketch Font in Illustrator
Tutorialsby Diego Sanchez
If you want to add a hand-drawn, artistic touch to your typography, turning your chosen font into a sketch-style font is a fantastic way to create eye-catching designs for posters, logos, or custom illustrations. Whether you're aiming for a rough pencil sketch look or a more refined line drawing, this effect adds creative flair to your text. Today, I’ll show you how to create this effect quickly and easily with any font using Illustrator's Appearance Panel. In just a few simple steps, you can completely transform your font style while keeping the text fully editable—making future tweaks a breeze!
Read more