However, this also means we have some flexibility with height! We could, for example, work with a longer image or something short. It all depends on what information you'd like to share and how you'd like to share it. For example, Twitch info panels might benefit from smaller imagery and more text. A donation panel might benefit from a larger image. I'm going to go with 350 pixels wide by 125 pixels tall for my smaller Twitch panels. Select Transparent as your Background Contents. Once you're happy with your selections, click Create. Notice the gray checkered background in our new document. 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'.

I'm going to create a shape that doesn't fill our entire canvas, leaving some of this space transparent. 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. Note, you can rename your layers by clicking on the layer's name in the Layers panel. I often recommend this, because it helps keep your work organized-especially if you end up with ten, twenty, or more layers! Step 3 Twitch has both a light and a dark theme. This means that any imagery we use here needs to work both on a light and a dark background. Our Twitch panels can also have transparency, so, again, it's important that visibility is strong both on dark and light backgrounds. 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. I renamed my layers Light Background and Dark Background. 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.

Not sure how to change your active colors? The foreground and background colors are located in your Tools panel. Simply click on the colored blocks to open the Color Picker and choose a new color. Now, select the Rounded Rectangle Tool, in your Shape Tools. If you don't see the Rounded Rectangle Tool, click and hold on the active Shape Tool to expand this part of your Tools.

Panel size twitch