Skip to main content

How to compare or find differences between two images

One of my favorite childhood puzzle games that I still enjoy playing is ‘Spot the difference’. In this game two versions of an image are shown side by side, and the player has to find differences between them. Depending on the difficulty level and the target age group, some of these games can be extremely challenging.

Just like any puzzle game, the purpose of ‘Spot the difference’ is to exercise the brain and have fun at the same time. But if you are struggling for the last 30 minutes, your eyes sore and the fun slowly ebbing away, it’s entirely acceptable to pull out the cheats bag. This is, of course, considering you do not have access to the answers. Otherwise you can just look at it.

To find differences between two images quickly you will need these:

Tools required: Adobe Photoshop
Time required: 1~2 minutes (or less)

Fire up Photoshop and open the ‘Spot the difference’ image. Usually, both versions of the image are placed side-by-side (or vertically one above the other) and saved together as a single image. In this example, I have taken a ‘Spot the difference’ puzzle of, I would say - moderate difficulty, based on an actual image. Here it is. There are 12 differences in it.

spot_the_difference2 
Click on it to enlarge.

Once you have this image opened in Photoshop, click on the rectangular marquee tool from the toolbar on the left (or press M) and with the mouse carefully select one version of the image.

5

Press CTRL+C to copy the selected region.

Create a new document. Make sure the Preset is set to Clipboard. Leave the document size untouched, and click OK.

10

Press CTRL+V to paste the copied region into the new document. The image should fit perfectly.

Return back to the original puzzle image. The selection is still there. Do not remove it. Press the down arrow key to move the rectangular marquee over the bottom image. Care should be taken to place the selection precisely over the second image. If you do a fine job here, you will have less work to do in the next step.

Press CTRL+C to copy the second image defined by the selected region.

Return back to the created document and press CTRL+V to paste it over the first image.

Click on the top layer and turn down the Opacity so that you can make out the layer on the bottom. If you selected the images carefully, both the images should be precisely aligned. If not use the arrow keys to nudge the top layer in the required directions to align.

7

At this point, you can already make out the differences between the two images. Grab the opacity slider and swiftly move it to-and-fro to see the changes that occur in the image. But this is not an ideal way. We will do better than relying on our ability to ‘see’ the changes. We will make the changes pop-out by itself.

6

Turn the Opacity of the top layer back to 100%. Then right click on the layer and choose Blending Options.

8

Under Blend mode choose ‘Differences’ from the drop-down menu.

9

The entire image will turn black and the differences will be highlighted. The 12 differences can be easily spotted as indicated by the markers.

1

If the images are not precisely aligned you will see something like this.

3

In this case, use the arrow keys to perfect the alignment. Sometimes it’s easier to align after you change the Blend mode to ‘differences’.

Here is another example puzzle.

spot_the_difference

When processed using the above trick, the result I get is

4

I can count 15 differences in the puzzle.

Try this out yourself. You can solve any ‘Spot the difference’ game, no matter how hard, in under a minute or two.

Comments

  1. There is a much quicker way to detect the differences between two images. It is by crossing your eyes and visually merging two images that are side by side horizontally. Similarities will be processed by your brain as an intact image, but differences will show up as conflicts. It is also the method by which our eyes perceive depth, and is a trick astronomers use to identify subtle changes in star or planet locations when viewing time lapsed images.

    ReplyDelete

Post a Comment

Popular posts from this blog

How to Record CPU and Memory Usage Over Time in Windows?

Whenever the computer is lagging or some application is taking too long to respond, we usually fire up task manager and look under the Performance tab or under Processes to check on processor utilization or the amount of free memory available. The task manager is ideal for real-time analysis of CPU and memory utilization. It even displays a short history of CPU utilization in the form of a graph. You get a small time-window, about 30 seconds or so, depending on how large the viewing area is.

How to Schedule Changes to Your Facebook Page Cover Photo

Facebook’s current layout, the so called Timeline, features a prominent, large cover photo that some people are using in a lot of different creative ways. Timeline is also available for Facebook Pages that people can use to promote their website or business or event. Although you can change the cover photo as often as you like, it’s meant to be static – something which you design and leave it for at least a few weeks or months like a redesigned website. However, there are times when you may want to change the cover photo frequently and periodically to match event dates or some special promotion that you are running or plan to run. So, here is how you can do that.

Diagram 101: Different Types of Diagrams and When To Use Them

Diagrams are a great way to visualize information and convey meaning. The problem is that there’s too many different types of diagrams, so it can be hard to know which ones you should use in any given situation. To help you out, we’ve created this diagram that lays out the 7 most common types of diagrams and when they’re best used: