Adjusting to an external display is not an impossible task, but plugging your laptop into a projector 10 seconds before showing your work to execs and seeing a washed out mess will at times make you want to jump out a window. Projector Corrector attempts to quickly improve your display within sketch by overlaying your artboards to correct brightness, contrast (and stay tuned for gamma?). Toggle an overlay across all pages and fine tune by incrementing the opacity.
- Download the zip archive with the latest version of Project Corrector
- Unzip the archive
- Double click Projector Corrector.sketchplugin to install
Toggle the Overlay
ctrl + shift + p: Toggle the overlay on and off. This will create a locked rectangle over the bounds of each page's artboards. The default overlay color is #000000 with a starting opacity of 10%.
Increment the Overlay
Once the overlay is created, you can quickly increment their opacity to fine tune your brightness and contrast correction. The default overlay opacity offset is 2%.
ctrl + shift + [: Increase the overlay opacity.
ctrl + shift + o: Decrease the overlay opacity.
The overlay color, incrementation value and overlay padding on your artboard bounds can be modified in These configs can be modified in /Contents/Sketch/library/utilities.js.
Projector Corrector is a standard sketch bundle and written in JavaScript.
- Smarter Overlays – Is there a smarter blend mode to use for the overlay? Toggle between blend modes? Ideas welcome.
- Does cloning kill the original? – Let your overlay offset persist in a session when toggling
- Don't forget about me! – Time stamp the creation time of the overlay and prompt to delete if it has existed for more than 60 minutes
- Initial Thrusters Disengage! – I'm staring at that unoptimized code block too. Now that the initial build phase phase is near complete, I'll loop back and clean stuff up.
This project is licensed under the MIT License. Have at it.
Gino Valente – Concept and Development
- Thank you @halffullheart for helping me getting started and troubleshooting how to fill that first rectangle! He wrote the sketch plugin for the awesome BRAND.AI team, doing great work to synchronize style guides and UI components within your design team and sketch clients.
- Thank you @Utom. Your plugin Sketch Measure was extremely valuable to reverse engineer when I first started.