The Dota 2 team has provided some excellent starting points for creating team banners. They have included some basic shapes along with some nice textures which you can use to improve your banner and to make it look good within the game. If you don't already have the team banner templates you can grab them here
For this tutorial I will be using the template titled border_invertedarrow_00
. Open up the image in Photoshop by going to File > Open
and selecting the template.
With the template open the first thing we are going to do is create a new layer
. You can do this by going to the Layers
panel and selecting the Create New Layer
option. I've highlighted this selection below.
Once you have created a new layer the next thing we are going to do is move it so it's underneath the template. You can do this by selecting the layer on the panel and dragging it underneath the existing layer.
Any image imported on this layer will now show up underneath the template.
Open up the image you want to use for your banner and copy it so it's on your clipboard. Go back to Photoshop and paste it in, you can do this by tapping Control + V
or by going to Edit > Paste
. You should now have something which looks similar to what I have below.
If you're using the same images as I am the scale will be way off when you first import it. Click on the Move Tool
and make sure you have Show Transform Controls
checked at the top. Once this is turned on you will see some areas around the image that you can use to resize it. Grab one of the corners and hold down Shift on your keyboard. This will keep the image constrained perfectly so it's impossible to make it look squished or deformed.
When you're done you should have something which looks like this.
You can repeat this process until you have completed making your banner. In my example I didn't cover the back area of the banner so I created another new layer underneath the template one and imported a second image to fill up all of the white space.