StarCraft 2 XSplit Basic Overlay Tutorial
I’m going to write a few tutorials for creating the BASIC (to start with) overlay streams for StarCraft 2 (can be used on other games – but mainly SC2). I will guess you’ve already got XSplit setup correctly and everything runs fine, but you want to add some a personal and somewhat professional touch to your stream. Also I might start doing requests if people want them made or designed (with more detail than this tutorial!).
Here is a quick list of what you’ll need:
- Photoshop (Any version)
- Starcraft 2
I’ll be creating a new one from scratch here. Get your resolution which your displaying with XSplit (normally your screen res). Open up your Photoshop, any version will do, in this example I’m using CS5.
File > New Type in your resolutions in width / height. RGB and
150 DPI. These are important! The size will be your entire screen, RBG is the colour, and 150 DPI will make it high res. (Ignore the DPI, I was working on a print job at the time, just make sure when you save, its at 100% quality. Thanks Jo3M3tal!).
For mine i’m going to use my current resolution.
After you click ok, you’ll have a white board. We want to add a few key features, one is the main screen, another is your webcam (optional but a nice touch), your media/music, and some information. Here is a rough guide on where to put things, sketch it out on paper before hand if its easier. For the size for your ‘main’ screen, drag a box exactly the same size as your whole canvas, then scale it back down to a smaller size, thusly!
Here the box is drawn the size of the canvas and scaled back, it is our main screen!
Then copy the boxes and positioned to the right of the main screen, these will serve as our webcam and media player.
Add some info to the bottom, or where ever!
Looking good! Now save it as a JPEG and close Photoshop. We’ll leave decoration for now, and you must open XSplit, click on Scene 1, and rename it to ‘General Overlay’.
Goto Add > Media File > Find your JPEG and stretch it to the entire size of your XSplit.
Drag it into the corner! (@djWHEAT tweeted me and said you can also press ’1′ which works too! Thanks!)
Now go Add > Add Screen Region and simply click once to get your entire desktop. Drag this into your main square.
Go to Add > Camera and add your camera, change the size down into the right hand box.
Then finally add our media, can be iTunes / Spotify / Winamp, Screen Region to your box below your camera.
You should end up with something pretty basic like this!
Me scratching my head! Haha! Hopefully that makes some sense, and you can see at the bottom all the sources I’ve added in my scene!
I will be pimping it up in my next tutorial with Photoshop brushes, some flash and other odds and sods. Feed back please leave below or tweet me!
Powered by Facebook Comments
Tagged 2012, casting, gaming, server, StarCraft 2, streaming, tutorial, Xsplit.
Bookmark the permalink.