mishmanners / stream-deck-template

Template for the Elgato Stream Deck's standby screen/screensaver.

Stream Deck Template for Screensaver

Template for the Elgato Stream Deck's screensaver (or "sleep") mode. Template created by taking physical measurements of the Stream Decks and building the template in PhotoShop. The template is perfect for ensuring for image lines up in the LED keys perfectly.

The examples we've built are Christmas themed featuring GitHub, Twilio, and Microsoft.

Feel free to download and create your own images for the stream decks. All three sizes of stream deck are available: Mini, Standard, and XL.

Instructions

1. Download .psd template file from the "Templates" folder.
2. Open PhotoShop file (obviously in PhotoShop)
3. Place your desired imaged on the file
4. Drag your image layer underneath the "Deck" layer

5. Move your image around as desired (make sure you can see what you want through the keys)
6. When happy with the image and how it looks, hide the "Deck" layer

The reason you should hide the "Deck" layer is so the image bleeds through the keys and there's no black space showing.

7. Export for finised product as JPEG or PNG.

When you are happy with how this looks, head to the settings on your stream deck by opening "Stream Deck" software. Add the "Sleep" button and select your new screensaver.

Examples

Feel free to download and use the examples here. Go to the file and download each individually as those files will have the clean image (without the guiding grid).

Assets used

• GitHub Saint Nicholas octocat, available from the Octodex
• Octocat Avatar, built using My Octocat generator
• Twilio Avatar, built using generator from Twilio Signal Conf
• Azure Racoon, available from Festive Tech Calendar
• Icons from Simple Icons
• XL example photo by Gary Runn on Unsplash
• Mini example photo by Rodion Kutsaev on Unsplash

Gift of Code

This is my Gift to you all for Christmas 2020. Enjoy and have an awesome festive season. If you want to see it all in action and watch me create these assets live, check out the Gift of Code live stream recording and enjoy some fun. You can always tune in for a live stream anytime on my Twitch Channel.

Since this is not code, I have added a Creative Commons (CC) License to this repo. Now anyone is free to use the files as they see fit under the Creative Commons License. If you'd like to make reference/thanks to this repo/creator, please do.

stream-deck-template's Issues

Add support for Stream Deck +

2 rows of 4 keys each. A wide touch strip below.

Keys should be 144x144 according to https://help.elgato.com/hc/en-us/articles/10632981433613-Elgato-Stream-Deck-Quick-Start-Guide#h_01GHWBW8PBK1QNG6Q51VM3JWWC
Some more info on the touch strip: https://help.elgato.com/hc/en-us/articles/10567698991629-Elgato-Stream-Deck-Touch-Strip
Product link: https://www.elgato.com/en/stream-deck-plus

This may be the solution: https://www.reddit.com/r/elgato/comments/1256430/heres_a_screensaver_template_for_stream_deck_png/