map animations

Transcript

1. Map Animations with design in mind Jamie Robertson / Panthera
2. cairn.pw/nacis [slides & resources] • Illustrator scripts and shortcuts (still work!) • • Links to 2024 slides and resources
4. Olympic Cougar Project Makah Tribe, Lower Elwha Klallam Tribe, Jamestown S’Klallam Tribe, Quinault Tribe, Skokomish Tribe, Panthera, and other partners
5. Where we’re going - software 1. QGIS - data/temporal controller/export 2. Illustrator - Make basemap 3. Ffmpeg - Make animation Why animate?
6. DATA! (datetime) GPS Collar data and TimeDate type attributes
7. DATA! (datetime) .shp .gpkg Check field type in attrib expression dialogue Use .gpkg or other format that supports datetime Attributes - field calculator hints
8. Temporal Controller https://tinyurl.com/ndqgistc
9. Temporal Controller Layer Properties Layer List Temporal Controller Panel View > Panels > Temporal Controller
10. Temporal Controller Controlling layer symbology with datetime Progress bar and date counter
11. Bounding Box extent/clip • Important to have a rectangle clip that can be used to precisely align Illustrator basemap and qgis .png export images • Use the QGIS toolbar panels to size the map canvas to have the animation export width divisible by 2 Use the QGIS toolbar panels to size the map canvas to have the animation export width divisible by 2
12. Bounding Box extent/clip • Make a new, empty, temporary scratch layer • Set name, polygon geometry, and desired CRS:
13. Bounding Box extent/clip • Run code in python console to create polygon that is exactly the same as map canvas extent
14. Bounding Box - create polygon matching canvas extent #create a temp polygon layer in the desired crs #make it editable, selected, then open python console # paste and run this: f = QgsFeature() f.setGeometry(QgsGeometry.fromRect(qgis.utils.iface.mapCanvas().extent())) l = qgis.utils.iface.activeLayer() l.startEditing() l.addFeature(f) l.commitChanges()
15. Bounding Box extent/clip • The polygon is written to the temporary scratch layer and can be used to define animation extents in qgis, and exported as a shapefile for use in Adobe Illustrator to define map extent there
16. Temporal Controller - Export All of the images you want. 100, 1000, 10,000?
17. Temporal Controller - Export
18. Adobe Illustrator with MAPublisher - make matching artboard Export temporary memory layer as a shapefile (in projection desired for final animation output)
19. Adobe Illustrator with MAPublisher - make matching artboard Make a new artboard matching the pixel dimensions.
20. Adobe Illustrator with MAPublisher - make matching artboard Import your dataclip shapefile to the new artboard, projection based on imported data. ( Or import the .svg exported from ArcGIS or QGIS if you don’t have MAPublisher )
21. Adobe Illustrator with MAPublisher - make matching artboard The new artboard and clip (extent) shapefile are precisely aligned and ready for the basemap to be created.
22. Adobe Illustrator w/MAPublisher - make your map!
23. Adobe Illustrator - Export Map
24. ffmpeg - remove background color
25. ffmpeg - use and installation We will use to: • Remove background color from QGIS-generated images • Convert images to a .mp4 video • Convert video to other formats Installation: Mac: • Via homebrew package manager (https://brew.sh) Windows: Via ffmpeg binaries (http://ffmpeg.org)
26. ffmpeg - remove background color for f in *.png; do ffmpeg -hide_banner -loglevel error -i $f -vf colorkey=0x636363:0.1:0.0 trans${f}; done;
27. Delete non-transparent images In the same folder, run: rm ts*.png
28. ffmpeg - make the animation ffmpeg -framerate 60 -loop 1 -i bg.png -i transts%04d.png -filter_complex overlay=shortest=1 optransparent.mp4
29. Animation
30. Thank you!