SlideShare a Scribd company logo
Blend Modes in
QGIS
Tom Armitage
http://learngis.uk
@MapNav_Tom
Firefly Map
-----------------The-----------------
Blend modes
Strike Back
--------------------------------------
Blend Modes
Blend Modes
Blend Modes
Blend Modes
Blend Modes
4 Groups
• Lighten
• Darken
• Contrast
• Inversion & Cancellation
Blend Modes
Lighten Group
Lighten Screen
Lighten Group
Dodge
Screen
Darken Group
Darken Multiply
Darken Group
Multiply Burn
Contrast Group
Overlay Soft Light
Contrast Group
Soft Light Hard Light
The Rest
Difference Subtract
The Master
The Master
Stevefaeembra
The Master
The Master
The Master
The Master
https://www.stevefaeembra.com/
Where are they
Where are they?
Where are they?
Choropleths
Choropleths
Bi-variate
Bi-variate
http://www.joshuastevens.net/
cartography/make-a-bivariate-
choropleth-map/
Tri-variate?
Tri-variate?
Tri-variate?
Tri-variate?
https://adventuresinmapping.
com/2018/10/31/cmyk-vice/
Heatmaps
Hill Shading
Hill Shading
Hill Shading
Hill Shading
halos
halos
halos
density
density
density
density
density
density
density
density
• Marker size or line thickness
• Scale or distribution of
features
• Intensity of the blend mode
• Brightness or Saturation of
the start colour
Print maps
Jedi Masters
Steven Kaye
Joshua Stevens
John Nelson
Nyall Dawson
Charlie Glynn
Paul Naylor
Serious Points
• Traditional Cartographic
applications
• Reduced need for other Software
Want to learn more?
• tarmitage@gmail.com
• @MapNav_Tom
• http://learnGIS.uk
• https://www.linkedin.com/in/tomarmitagegeo/

More Related Content

What's hot

Moving Frostbite to Physically Based Rendering
Moving Frostbite to Physically Based RenderingMoving Frostbite to Physically Based Rendering
Moving Frostbite to Physically Based Rendering
Electronic Arts / DICE
 

What's hot (20)

Global illumination
Global illuminationGlobal illumination
Global illumination
 
A present history of critical GIS
A present history of critical GISA present history of critical GIS
A present history of critical GIS
 
Image classification-in-idrisi-and-ilwis
Image classification-in-idrisi-and-ilwisImage classification-in-idrisi-and-ilwis
Image classification-in-idrisi-and-ilwis
 
Military Map: Terrain features - with animations
Military Map: Terrain features - with animations Military Map: Terrain features - with animations
Military Map: Terrain features - with animations
 
Mobile mapping
Mobile mappingMobile mapping
Mobile mapping
 
Global position system
Global position systemGlobal position system
Global position system
 
SSG Black Land Nav
SSG Black Land NavSSG Black Land Nav
SSG Black Land Nav
 
Autonomous Vehicle Development with Unity
Autonomous Vehicle Development with UnityAutonomous Vehicle Development with Unity
Autonomous Vehicle Development with Unity
 
Introduction to LiDAR presentation.
Introduction to LiDAR presentation.Introduction to LiDAR presentation.
Introduction to LiDAR presentation.
 
Sw occlusion culling
Sw occlusion cullingSw occlusion culling
Sw occlusion culling
 
ERDAS IMAGINE
ERDAS IMAGINEERDAS IMAGINE
ERDAS IMAGINE
 
Pothole prevention
Pothole preventionPothole prevention
Pothole prevention
 
Stable SSAO in Battlefield 3 with Selective Temporal Filtering
Stable SSAO in Battlefield 3 with Selective Temporal FilteringStable SSAO in Battlefield 3 with Selective Temporal Filtering
Stable SSAO in Battlefield 3 with Selective Temporal Filtering
 
Glonass
GlonassGlonass
Glonass
 
Topographic Maps
Topographic MapsTopographic Maps
Topographic Maps
 
Gyrotheodolite
GyrotheodoliteGyrotheodolite
Gyrotheodolite
 
Moving Frostbite to Physically Based Rendering
Moving Frostbite to Physically Based RenderingMoving Frostbite to Physically Based Rendering
Moving Frostbite to Physically Based Rendering
 
Terrain in Battlefield 3: A Modern, Complete and Scalable System
Terrain in Battlefield 3: A Modern, Complete and Scalable SystemTerrain in Battlefield 3: A Modern, Complete and Scalable System
Terrain in Battlefield 3: A Modern, Complete and Scalable System
 
Tales from the Optimization Trenches - Unite Copenhagen 2019
Tales from the Optimization Trenches - Unite Copenhagen 2019Tales from the Optimization Trenches - Unite Copenhagen 2019
Tales from the Optimization Trenches - Unite Copenhagen 2019
 
DSM PPT.pptx
DSM PPT.pptxDSM PPT.pptx
DSM PPT.pptx
 

Recently uploaded

Search and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesSearch and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical Futures
Bhaskar Mitra
 

Recently uploaded (20)

FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
 
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
 
UiPath Test Automation using UiPath Test Suite series, part 2
UiPath Test Automation using UiPath Test Suite series, part 2UiPath Test Automation using UiPath Test Suite series, part 2
UiPath Test Automation using UiPath Test Suite series, part 2
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
 
IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024
 
UiPath Test Automation using UiPath Test Suite series, part 1
UiPath Test Automation using UiPath Test Suite series, part 1UiPath Test Automation using UiPath Test Suite series, part 1
UiPath Test Automation using UiPath Test Suite series, part 1
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
 
Search and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesSearch and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical Futures
 
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptxUnpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
 
Exploring UiPath Orchestrator API: updates and limits in 2024 🚀
Exploring UiPath Orchestrator API: updates and limits in 2024 🚀Exploring UiPath Orchestrator API: updates and limits in 2024 🚀
Exploring UiPath Orchestrator API: updates and limits in 2024 🚀
 
In-Depth Performance Testing Guide for IT Professionals
In-Depth Performance Testing Guide for IT ProfessionalsIn-Depth Performance Testing Guide for IT Professionals
In-Depth Performance Testing Guide for IT Professionals
 

Blend modes in qgis slide share

Editor's Notes

  1. Good afternoon, my name is Tom Armitage and I ramble about doing data visualisation and a few other things in QGIS at learnGIS.uk Some of you may remember I talked about blend modes and draw effects and possibly a bit too much about star wars at FOSS4G UK last year. This is a follow up talk to that one because
  2. I spent a long time introducing blend modes and draw effects and at the end I showed this homage to John Nelson’s firefly map. Lovely isn’t it. But it really is nearly all the work of the draw effects, it is just brought together by a lighten blend mode at the end. So I wrote this talk to do a little more justice to blend modes…
  3. Back in 2013 it was a dark time for QGIS not many people were using it but since version 1.8 the software was really pretty good. Then a young Jedi developer called Nyall Dawson, from the remote part of the planet known as Australia made his first major commit to QGIS. Blend Modes had been added to QGIS and from the first time I used them I was hooked! QGIS became my go to GIS. This is a story of how to use blend modes in a range of different ways, not just to make fancy Lightsaber maps.
  4. So, who has used blend modes in their map? For those that haven’t when you have several layers on a map you generally want to see them at the same time and normally you’d reach for the transparency slider and get this: Click: Blend modes are the secret sauce that produce a map like this: Click Geology data shows its colours more truly the hill shading adds pop, without dulling the flatter areas of the map. Geology maps were the first maps I made using a blend mode. The colours leap out even though the topography is still there in the background. It was this that got me hooked, this and the one click greyscaling of Ordnance Survey’s Colour Raster data. I mean even MapInfo has had that for over 10 years!
  5. So, who has used blend modes in their map? For those that haven’t when you have several layers on a map you generally want to see them at the same time and normally you’d reach for the transparency slider and get this: Click: Blend modes are the secret sauce that produce a map like this: Click Geology data shows its colours more truly the hill shading adds pop, without dulling the flatter areas of the map. Geology maps were the first maps I made using a blend mode. The colours leap out even though the topography is still there in the background. It was this that got me hooked, this and the one click greyscaling of Ordnance Survey’s Colour Raster data. I mean even MapInfo has had that for over 10 years!
  6. So, who has used blend modes in their map? For those that haven’t when you have several layers on a map you generally want to see them at the same time and normally you’d reach for the transparency slider and get this: Click: Blend modes are the secret sauce that produce a map like this: Click Geology data shows its colours more truly the hill shading adds pop, without dulling the flatter areas of the map. Geology maps were the first maps I made using a blend mode. The colours leap out even though the topography is still there in the background. It was this that got me hooked, this and the one click greyscaling of Ordnance Survey’s Colour Raster data. I mean even MapInfo has had that for over 10 years!
  7. The reason I chose Geology maps as an example is because they are very colourful and transparency really dull them down, and with some geology maps having many colours that look similar you really do need to be able to distinguish them. Geology print maps are actually made by taking an OS map and removing the colour separations made for printing leaving only the black. The geology colours are then added leaving the black to lighten and darken in the right places, much the same way as the multiply blend mode used here does. I love blend modes, but I must admit I had no idea what they actually are.
  8. There are currently 12 blend modes in QGIS divided into 4 groups. They all work on different elements of the colours you use: saturation, hue or the amount of black/white. I wanted to know more so I did a little experiment.
  9. I put together a matrix of colours and shades see what they all did.
  10. Firstly the lighten group: If the pixels of the selected layer are lighter than the ones on the layers below, they are kept in the image If the pixels in the layer are darker, they are replaced with the pixels on the layers below (they show through to the selected layer). The group includes lighten, screen, dodge and Addition. Each one producing a more intense effect. Screen: As an analogy, imagine the selected layer and the underlying layer as being 35mm slides.
  11. Firstly the lighten group: If the pixels of the selected layer are lighter than the ones on the layers below, they are kept in the image If the pixels in the layer are darker, they are replaced with the pixels on the layers below (they show through to the selected layer). The group includes lighten, screen, dodge and Addition. Each one producing a more intense effect. Screen: As an analogy, imagine the selected layer and the underlying layer as being 35mm slides.
  12. Darken, basically the opposite of lighten: If the pixels of the selected layer are darker than the ones on the layers below, they are kept in the image. If the pixels in the layer are lighter, they are replaced with the tones of the layers below (they show through to the selected layer), so basically the darker tones of all layers are kept. Multiply: The best mode for adding colours on to a lighter base map. Works by multiplying the luminance levels of the current layer’s pixels with the pixels in the layers below. Burn: Darker than Multiply, with more highly saturated mid-tones and reduced highlights. 
  13. Darken, basically the opposite of lighten: If the pixels of the selected layer are darker than the ones on the layers below, they are kept in the image. If the pixels in the layer are lighter, they are replaced with the tones of the layers below (they show through to the selected layer), so basically the darker tones of all layers are kept. Multiply: The best mode for adding colours on to a lighter base map. Works by multiplying the luminance levels of the current layer’s pixels with the pixels in the layers below. Burn: Darker than Multiply, with more highly saturated mid-tones and reduced highlights. 
  14. All of the Contrast modes work by lightening the lightest pixels, darkening the darkest pixels, and dropping the gray mid-tones (50% gray). Combinations of the lightening and darkening modes from the Lighten and Darken groups. Overlay: Uses a combination of the Screen blend mode on the lighter pixels, and the Multiply blend mode on the darker pixels. Softer and more organic Hard light: Uses a combination of the Dodge and Burn half-strength application of these modes. much stronger effect particularly where saturation is high.
  15. All of the Contrast modes work by lightening the lightest pixels, darkening the darkest pixels, and dropping the gray mid-tones (50% gray). Combinations of the lightening and darkening modes from the Lighten and Darken groups. Overlay: Uses a combination of the Screen blend mode on the lighter pixels, and the Multiply blend mode on the darker pixels. Softer and more organic Hard light: Uses a combination of the Dodge and Burn half-strength application of these modes. much stronger effect particularly where saturation is high.
  16. Difference is part of a wider group of blend modes called the inversion group. With this blend mode, similar colors cancel each other, and the resulting color is black. Subtract is part of the wider Cancellation group. Similar to the Difference mode. So it’s a lot to take in but hopefully the groups make sense but really nothing can beat trial and error!
  17. If you want to do something truly original make sure Steven Kaye hasn’t done it already!
  18. Stevefaeembra.com
  19. Notice the effect on the colour, Screen has none but the others all change it to a greater or lesser extent. Dodge has a bigger effect on the colour hue Addition does more lightening.
  20. Same with the darken group darken and burn both affect the colour values
  21. Overlay, a combination of multiply and screen doesn’t affect it but the others do Difference and Subtract have some quite strange properties and so I have struggled to find a practical use for them.
  22. Overlay, a combination of multiply and screen doesn’t affect it, but the others do
  23. Blend modes can be found on the Symbology Tab for both the layer and the individual features. They also pop up on the labels And in the draw effects.
  24. Blend modes can be found on the Symbology Tab for both the layer and the individual features. They also pop up on the labels And in the draw effects.
  25. Blend modes can be found on the Symbology Tab for both the layer and the individual features. They also pop up on the labels And in the draw effects.
  26. Basically, don’t use transparency, use Screen or Multiply depending on whether your background is light or dark!
  27. Basically, don’t use transparency, use Screen or Multiply depending on whether your background is light or dark!
  28. This is using the multiply blend mode one two different layers covering the same spatial extents but showing two different variables. Pinks for one and greens for another. When both values are high they create the blue colour.
  29. Basically, don’t use transparency , use Screen or Multiply blend modes depending on whether your background is light or dark!
  30. Oh yes, it is possible to use the multiply effect to recreate the colour printing process and make some CYMK maps.
  31. Now I couldn’t find any examples from QGIS and I didn’t have time to make one, but returning to John Nelson I found he had created this masterpiece from smoking, drinking and obesity data.
  32. He admits it is probably a bit too much to take in but the use of small multiples it becomes easier to interpret. These highlight the various combinations and overall risk. All achievable in QGIS without the need for any third party software to do the blending ahem ArcGIS… It must be coming soon to Pro?
  33. It even has small multiples too, to highlight the various combinations and overall risk. All achievable in QGIS without the need for any third party software to do the blending ahem ArcGIS… It must be coming soon to Pro?
  34. Pretty much the same, don’t use transparency, use Screen or Multiply depending on whether your background is light or dark! I like here how the Black and white background makes clips the heat map to the land when using the multiply effect.
  35. Multiply is the go to blend mode for applying nice looking hill shades
  36. Overlay is more subtle Hard light gives the effect of one of those plastic maps.
  37. Overlay is more subtle Hard light gives the effect of one of those plastic maps.
  38. Overlay is more subtle Hard light gives the effect of one of those plastic maps.
  39. Labels can often disappear into the data you are showing, so a halo can prevent this but can look terrible if you don’t blend it into the background. There are a couple of tricks you can use to make the halos appear only when they are needed.
  40. Greens, used a mid green taken from the aerial photo. Used a lighten blend mode for the black text and a darken blend mode for the white text. It only appears where needed.
  41. Greys, you don’t always have a dominant background colour so grey can help. I’ve used a dark grey with a lighten blend mode for the black text and a light grey with a darken blend mode for the white text. The result is a very subtle effect that only kicks in where it is really needed.
  42. Wonderful images coming from Ordnance Survey from the Likes of Charley Glynn and Paul Naylor from Ordnance Survey .
  43. Dot Density showing all the ponds in the UK
  44. But they can be difficult to master
  45. But they can be difficult to master
  46. You can see the pattern that there are more bakers in cities and a good distribution of butchers across the countryside. Even from this map it is hard to tell that there are only around 6400 butchers to 8700 bakers.
  47. Changing the zoom can ruin your map and it is easy to create one that looks terrible with no blending or way too much blending going on
  48. You need to set your map scale to show the area you want and fix it, set your colours so they aren’t too bright if you are lightening the map or too dim and unsaturated if you are darkening. You need to choose the right blend mode too, remember some affect the saturation and some affect the brightness.
  49. You need to balance a few things, firstly you need the features to overlap or they aren’t going to blend! You need to adjust the blend mode and starting colour to make sure that you get a good distribution of colours with white or black representing the highest concentrations only and a good range of colour that hasn’t disappeared into the backdrop everywhere else. It’s nice to be able to see individual points as well as the intense patches of high density, but this isn’t always possible, sometimes something has to give.
  50. And finally, yes blend modes have made it into the print composer so your overlays and labels can be integrated into the map.
  51. Thanks guys, without your hard work, inspiration and great blog posts none of this would be possible.
  52. Impact, a bit over the top, but it catches the eye and gets data and so the research behind it noticed. Some of these techniques can produce some great cartography, coastal effects, pollution clouds and blending in labels are all areas of “Serious” cartography that can be enhanced with these tools. Which brings me on to my last point, these options mean that you can now get away without the expense or added complexity of putting your map through a graphics package in many instances!
  53. Thank you for listening.