What You Need
Before we start, you need the following:
- Adobe Photoshop or any free alternative
- Valve's Banner Template
If you don't have Photoshop, here are a few free alternatives:
Tips on Making a Logo
- When making your logo, you can be as simple or as outrageous as you want.
- It's going to represent your team so immature and vulgar logos should be avoided, not to mention it could get you reported.
- If you can, create your logo on a transparent background and save the file as .png. It'll make it easier to paste on your banners and base logo.
Making a Team
If you haven't done so yet, you should make a team. This can completely be accomplished in-game and your team should be done in a couple of clicks:
- Start up DotA 2.
- Click the Community tab.
- Click on Create New Team on the Teams subsection.
- Fill up the Team Info and click Create Team.
After your team has been created, you can access your team on the My Teams list. You can also create multiple teams.
When you've finished, you can close DotA 2 for now.
Making a Base Logo
The base logo is the one found on the floor of your fountain and all around your base. The base logo should be easy enough. You can use a completely different photo without using the background provided by Valve, just make sure that the photo is 256x256 and is saved as .png.
1. Choose a Base Logo Background
Open up the logo template folder from Valve and choose a base logo background. Generally, the files starting with team_logo are the ones to choose from. Try to choose a background that goes well with your logo.
2. Add Your Logo to the Background
Once you've chosen your background, create a new layer by clicking the button the red arrow is pointing.
Open your logo, copy and paste it on the new layer of the base logo background you've opened. Press Ctrl+T if you need to resize your logo.
After you're satisfied, click File, Save As then save the photo as a .png.
Making a Team Banner
Making a team banner is a little different from the base logo. If you noticed from the banner background files, the image is split into two. The left side is used as the front of the banner while the right side is used as the back. Usually, we just put the logo on the left side since the backside is rarely visible.
1. Open a Banner Template and Border
From the logo template folder, Choose a banner background and border. The banner background are the files that start with team_banner_while the border starts with border_arrow or border_inverted arrow. Take note of the border and whether it's inverted or not.
2. Open the Corresponding Alpha Template
Depending on the border type that you have chosen, open the alpha file seen here. I used an inverted arrow border and therefore am opening the inverted arrow alpha file.
3. Copy Everything Onto the Background File
Copy the border and alpha files onto the banner background. The standard Select all (Ctrl+A), copy (Ctrl+C) and paste (Ctrl+V) works in Photoshop so you can use that to make things a bit easier. Make sure the order of the layers are as shown. If it's not, drag the layers around in the layer menu so that it looks like this.
5. Deleting Excess Banner Background
Select the Magic Wand tool from the tool list.
Now go to the layers menu and click on the alpha layer (the one with the black triangles). With the Magic Wand tool, Ctrl+Click all the black triangles. There should be marching broken lines around the triangles as shown. If you make a mistake, deselect by pressing Ctrl+D.
After selecting all triangles and without deselecting or clicking anything else on the picture, click on the eye button of the alpha layer to hide it. The eye button is next to the image preview in the layers menu.
Again, without deselecting the triangles, click the border background layer in the layers menu.
With the border background layer selected and still without deselecting the triangle selections, press delete. It should look like this. After deleting the excess background, deselect by pressing Ctrl+D.
4. Put Your Logo in the Banner
Open, copy and paste your logo onto the banner background file. This logo is from our group of friend's clan called Cupcake Conspiracy.
Press Ctrl + T and resize your logo to fit the banner. We will be only using the left side.
From then on, you're done. If you want, you could experiment with blending options found at the layers menu. Here, I used a soft light blend to make the logo look like its part of the fabric. Once you're satisfied with how the banner will look, save it as .png as well.
Setting It All Up
It's now time to upload the logos to your team page! Start DotA 2 and go to the Community tab. Click on the My Teams button and then click on the Edit Team Info button.
You should see a screen like this. Upload the files to their respective places. I left the sponsor's logo alone but if you have sponsors, feel free to upload their logo here. The Interface logo is the one that appears on your DotA 2 Profile. Simply upload your logo there as well.
To test it out, create a custom lobby and join either the Dire or Radiant side. An arrow should appear like the one below. Select your team from the drop-down. The Radiant logo and name should be replaced with your team name and logo. After that, just start the game!
Now that you've learned the basics, feel free to experiment with your logo and banners. You can also forgo using a background completely and use your own photos. Just remember:
- Both base logo and banner photo sizes should be 256x256 pixels.
- Save the picture as png.
- The banner photo is divided into two and the left side is the front side of the banner.
Have fun! If you have any questions, feel free to leave a comment below.
© 2013 Paz
BAGHEL on May 31, 2017:
IM USING GIMP so when i am selecting that black triangels and the that eye button it disapaers then when i go to 2nd layes that is border layer and without deselcting the triangle i click that eye button whole border disappers help me pls
khent on September 04, 2016:
how to make a background and alpha.. ?
Fenux on November 01, 2015:
my file size is 400kb and i'm not able to put the team banner what file size should it be ?
argie on February 06, 2015:
thz for information...but i can't make my own team coz my level is 9...needs lvl 13 above...but thx for info
Paz (author) on September 13, 2014:
No probs, glad to help!
Colin on September 01, 2014:
Well written, Thanks mate!
Epic on July 17, 2014:
I can't find my photo that i made , i went to edit my team profile and i can't find tge photo.
Paz (author) on May 27, 2014:
I might in the future when i get to use gimp more :)
Teirnen on May 27, 2014:
Can you make a tutorial with this except on Gimp? I don't have photoshop.
icky on May 14, 2014:
this is bullshit. huehuehue
[$h!fT] [A]WESOME on March 06, 2014:
Hi sir could you please add me on steam this is my name
Paz (author) on December 31, 2013:
yes its only for lobby and team matchmaking only. it's not enabled in normal matchmaking, unfortunately.
anonymous on December 30, 2013:
Is it only appearing for lobby and team matchmaking only? How about normal game or practice with bots..can we enable for all of the matches?
Anonymous on December 14, 2013:
hey what version is that adobe photoshop, im using adobe photoshop 10 and i don't know how to use it. any idea ??
Using Gimp on October 05, 2013:
can u make a tutorial video using gimp....cus i don't have photoshop
Paz (author) on October 04, 2013:
Hey Fabricio! The Backgrounds and templates can be found here. http://www.dota2.com/news/community/8266/
Click on the word "here" in the bottom of the second paragraph. :)
Fabrício on September 30, 2013:
can you upload your backgrounds and templates?
i'll make my team flag but don't have bg's and templates..
Thanks man.. and sorry for my bad english =')
Paz (author) on September 21, 2013:
The logo takes a bit to appear, try waiting a bit. If not, it could be Valve's servers acting up again :)
paolo on September 21, 2013:
i uploaded a logo on the upper left yet when i started playing in team matchmaking the logo does not appear in the HUD
Paz (author) on September 16, 2013:
Sometimes the banners take a bit of time to appear in game, how long are you waiting before remaking a game?
levi on September 16, 2013:
Hi, i manage to do everything correctly but as i start a lobby match, my teammate can't seems to see it (including me). But the moment they leave, my banner appears instantly. Anyone has any solution to this?
-picked the team in lobby
-teammates are part of the team
Jacob Jackson from Kansas on August 24, 2013:
thanks awesome guide!
Paz (author) on August 20, 2013:
Hey ALex, I used Adobe Photoshop
ALex on August 20, 2013:
May I know what application u use to edit photo such as stated above?
Paz (author) on July 14, 2013:
When you're playing team matchmaking, it should automatically set to the right logo. If you're making a lobby though, remember to change the team name when you're in the lobby. There should be a drop down arrow next to the Radiant or Dire when you're inside a lobby. You can choose your active team there.
toxiclee on July 14, 2013:
When I go into a game by myself I see banners but if I go in with team or bots it doesn't show any ideas to fix?
Paz (author) on July 08, 2013:
Hey luciano. I unfortunately don't know how to make a video. lol. About the triangle in step 5, make sure that the layer selected is the alpha (black triangle) layer.
luciano on July 07, 2013:
teria como voce fazer um video de vc criando os baners e tal ?
Paz (author) on June 24, 2013:
Hello Warez! Sometimes the Valve servers are a little laggy and it bugs out the team creation menu. When this happens, I just try to try until it works! Also, try restarting DotA2.
WAREZ on June 24, 2013:
I choose an image for the sponsor logo but now that image its shows in baselogo and banner logo. But when I create a bot match not a single one logo appear!
I need help please !
zolyk on June 16, 2013:
Paz (author) on May 18, 2013:
Mr. Darkness, I've asked around and tried it myself. The banner system IS a bit buggy lately and when I tried to upload new banners, I got exactly what is happening to you. Apparently, it's Valve's fault, probably something they messed up with the new patch. Should be fixed soon, I hope. Thanks for your time!
Paz (author) on May 18, 2013:
Hello, Mr. Darkness!
Hm. When you press OK, there should be a dialog box that would appear that says 'Editing Team' and you have to wait for it to change to 'Success'.
Sometimes the Valve servers are a bit buggy and you have to do it multiple times. Also, be sure to check that the picture size is 256 x 256 pixels and that you saved it as PNG.
And make sure you've uploaded to their right places!
-Top left is the team logo that will appear in the menu
-Bottom Left is the base logo
-Bottom Right is the team banner
-the top right is the sponsor logo
Mr. Darkness on May 18, 2013:
Hey, I have a question actually.
I created my team, added a banner, a logo etc.
The problem is, whenever my logo and stuff is being applied, they just disappear from my edit team info. And when I try to check how it works in-game, it just won't appear at all, however in team profile I can see the logo perfectly. Any ideas?
Paz (author) on May 17, 2013:
paye on May 17, 2013:
haha nice kala ko random blog na biglang nandun ung logo natin hahaha