NOTE: Please click the images below for a larger, higher quality image (If available). The latter are watermarked to prevent theft. Thank you for your understanding.
When conceptualizing the main logo, I wanted something simple where I could change colours on the fly (I love experimenting with different colour combinations.) I’m not sure how the shadow image idea came about, but it adds another layer of quick and easy customization.
The above concept was generally okay and it had a good run of about a year and a half. But it was very difficult to avoid clashing colours, especially when used with other graphical elements. By making the logo 3D, I have significantly more options for colour combinations and gradients.
This is one of a whole series of OBS overlays. Some choose the minimalistic approach as far as stream visuals go and that’s great! I’m the opposite where I want my stream to have a specific look across all games played. This is an example of a layout suitable for older 4:3 aspect ratio video games. There are a lot of image transitions including the “No face cam” area, the information bubble at the bottom right and even the background itself.
Just a random note: That “No face cam” concept is an homage to the ridiculously popular anime series, Neon Genesis Evangelion.
This is an example of an overlay suited for modern, widescreen video games. There is significantly less area to work with, so it does take a bit of creativity to properly use the available space. The biggest sacrifice is having to greatly reduce the size of the face cam area. But I do like having less of my boring bedroom showing when I’m streaming!
One of my favourite genres is the point-and-click adventure games of the 90s. High resolution art assets are very, very hard to come by, so I decided to make a generic overlay for all games of this kind.
Sometimes when games have little to no official art assets readily available, you have to be creative in filling out areas of dead space, especially for 4:3 game layouts.
LiveSplit is a program used during the speedrunning of video games to keep track of your playtime. It uses your computer’s font library and has built-in, albeit simple ways to style your fonts. I have yet to actually speedrun any game, but maybe someday…
Transparent and low opacity PNGs are very under-utilized in stream layouts. You can create some interesting overlays if you layer several PNG files effectively. The above is usually what viewers see when I start my streams. If there is an upcoming event that will affect my normal stream schedule, a secondary image is displayed as well.
This is my other, seldom used “Starting Soon” scene, specifically because I can’t see any game footage as I set up. It consists of three PNG files with differing gradients. When used with OBS’ Image Slide Show feature, along with quick fading transitions, it simulates a moving background effect.
Similar to the previous example, I also have a “Be Right Back” scene. In this case, OBS quickly shifts between four PNG files to simulate the moving background.
I’ve wanted to livestream graphic design tutorials and Photoshop workflows for the longest time. I would love to teach others how to use Photoshop and design for themselves!
These are some of the many individual graphic files used in my overlays. The colours might sometimes clash, but all in all, I put a lot of work into even the smallest details of my layouts. Perhaps maybe a bit too much, but I’m very detail-oriented when it comes to my Graphic Design.
These are panel labels used in the information area of my Twitch TV account. It gave me a chance to test out colours against dark gray and white. A lot of Twitch users prefer the darker theme for the website, so it’s important that your panels accommodate both background colours.
This is my current offline graphic for my Twitch TV account. The last version of this image had way too many colours, outdated Social Media logos and clashing fonts. And yes, I really like the colour yellow.