#Twitch panels how to#

Now, select the Rounded Rectangle Tool, in your Shape Tools. Simply click on the colored blocks to open the Color Picker and choose a new color.

#Twitch panels how to#

Not sure how to change your active colors? The foreground and background colors are located in your Tools panel. Use the Paint Bucket Tool to fill each layer with a different color-white on the 'Light Background' layer and a dark gray on the 'Dark Background' layer. I renamed my layers Light Background and Dark Background. I like to start off by creating a light background and a dark background, so I can easily toggle between the two and test my work. Our Twitch panels can also have transparency, so, again, it's important that visibility is strong both on dark and light backgrounds. This means that any imagery we use here needs to work both on a light and a dark background. Twitch has both a light and a dark theme. I often recommend this, because it helps keep your work organized-especially if you end up with ten, twenty, or more layers! Step 3 Note, you can rename your layers by clicking on the layer's name in the Layers panel. If you don't see this panel, go to Window > Layers, at the top of your screen.Ĭreate a New Layer by clicking on the New Layer icon, as highlighted, below. I'm going to create a shape that doesn't fill our entire canvas, leaving some of this space transparent. This is how Photoshop indicates transparency-so, for example, if we saved this image as a transparent PNG, this checkered space would appear transparent and 'empty'.

Notice the gray checkered background in our new document. Once you're happy with your selections, click Create. Select Transparent as your Background Contents. I'm going to go with 350 pixels wide by 125 pixels tall for my smaller Twitch panels. A donation panel might benefit from a larger image. For example, Twitch info panels might benefit from smaller imagery and more text. It all depends on what information you'd like to share and how you'd like to share it. However, this also means we have some flexibility with height! We could, for example, work with a longer image or something short. In my opinion, it's often a stronger idea just to work with the given size-in this case, 350 pixels. This means that, if you create or upload something larger, it's going to be adjusted to this size. We want our document to be 350 pixels wide-the Twitch panel size will be scaled to 350 pixels in width. How to Create Custom Twitch Panel Graphics Step 1 What kind of aesthetic best suits your stream goals? 1. Keep in mind that your Twitch panels should reflect your channel. Social Media Icons - no longer available.The following assets are used in this tutorial: Now, let's dig in and make Twitch panels from scratch! What You'll Need Whether you're looking for inspiration or for an entirely customizable, online Twitch panel creator, Placeit might just be what you're looking for. Placeit has a whole host of fun, colorful, and eye-catching Stream Overlays, perfect for using with your favorite iteration of OBS. Change colors, move parts of the design, and more! If you're looking for an easy Twitch panel maker, here you go!Īnd, again, this doesn't end with panels.

It's great for brainstorming Twitch panel ideas! You can browse designs and customize them, right in your browser-and I don't mean just the text, either. It also has a whole bunch of Twitch-related content-from stream overlays to panels. Placeit is quickly becoming one of my favorite places for inspiration and quick design mockups. What's best for you and your channel is largely going to depend on your goals! That said, deciding on the best direction can be a little overwhelming. Things like your stream schedule, your social media links, your channel's rules, and more, can all go in this dedicated space. So why have Twitch panels? What are they for? Well, the space below your stream can be a great place to share extra information with your audience, even when you aren't online. In this tutorial, we'll walk through how to make Twitch panels in Adobe Photoshop, as well as the basics of putting them to use. Setting up your live stream on Twitch? Want to create Twitch panels for your channel? Your panels are located below the stream-this is a customizable space where you can add content for your audience.