How to Make Your Own Team Banner in DotA 2

Updated on June 9, 2018

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:

  1. Start up DotA 2.
  2. Click the Community tab.
  3. Click on Create New Team on the Teams subsection.
  4. 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 back side 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 sponsors logo alone but if you have sponsors, feel free to upload their logo here. The Interface logo is the one that appears on your DotA2 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 replace with your team name and logo. After that, just start the game!

This is the base logo found near your fountain.
This is the base logo found near your fountain.
And this is the banner.
And this is the banner.

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.

Questions & Answers


      0 of 8192 characters used
      Post Comment

      • profile image

        BAGHEL 12 months ago

        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

      • profile image

        khent 21 months ago

        how to make a background and alpha.. ?

      • profile image

        Fenux 2 years ago

        my file size is 400kb and i'm not able to put the team banner what file size should it be ?

      • profile image

        argie 3 years ago

        thz for information...but i can't make my own team coz my level is 9...needs lvl 13 above...but thx for info

      • Pazthelobster profile image

        Paz 3 years ago

        No probs, glad to help!

      • profile image

        Colin 3 years ago

        Well written, Thanks mate!

      • profile image

        Epic 3 years ago

        I can't find my photo that i made , i went to edit my team profile and i can't find tge photo.

      • Pazthelobster profile image

        Paz 4 years ago

        I might in the future when i get to use gimp more :)

      • profile image

        Teirnen 4 years ago

        Can you make a tutorial with this except on Gimp? I don't have photoshop.

      • profile image

        icky 4 years ago

        this is bullshit. huehuehue

      • profile image

        [$h!fT] [A]WESOME 4 years ago

        Hi sir could you please add me on steam this is my name

      • Pazthelobster profile image

        Paz 4 years ago

        yes its only for lobby and team matchmaking only. it's not enabled in normal matchmaking, unfortunately.

      • profile image

        anonymous 4 years ago

        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?

      • profile image

        Anonymous 4 years ago

        hey what version is that adobe photoshop, im using adobe photoshop 10 and i don't know how to use it. any idea ??

      • profile image

        Using Gimp 4 years ago

        can u make a tutorial video using gimp....cus i don't have photoshop

      • Pazthelobster profile image

        Paz 4 years ago

        Hey Fabricio! The Backgrounds and templates can be found here.

        Click on the word "here" in the bottom of the second paragraph. :)

      • profile image

        Fabrício 4 years ago

        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 =')

      • Pazthelobster profile image

        Paz 4 years ago

        The logo takes a bit to appear, try waiting a bit. If not, it could be Valve's servers acting up again :)

      • profile image

        paolo 4 years ago

        i uploaded a logo on the upper left yet when i started playing in team matchmaking the logo does not appear in the HUD

      • Pazthelobster profile image

        Paz 4 years ago

        Sometimes the banners take a bit of time to appear in game, how long are you waiting before remaking a game?

      • profile image

        levi 4 years ago

        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

      • sickdub profile image

        Jacob Jackson 4 years ago from Kansas

        thanks awesome guide!

      • Pazthelobster profile image

        Paz 4 years ago

        Hey ALex, I used Adobe Photoshop

      • profile image

        ALex 4 years ago

        May I know what application u use to edit photo such as stated above?

      • Pazthelobster profile image

        Paz 4 years ago

        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.

      • profile image

        toxiclee 4 years ago

        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?

      • Pazthelobster profile image

        Paz 4 years ago

        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.

      • profile image

        luciano 4 years ago

        teria como voce fazer um video de vc criando os baners e tal ?

      • Pazthelobster profile image

        Paz 4 years ago

        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.

      • profile image

        WAREZ 4 years ago

        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 !

      • profile image

        zolyk 5 years ago

        Thank you!

      • Pazthelobster profile image

        Paz 5 years ago

        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!

      • Pazthelobster profile image

        Paz 5 years ago

        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'.

        Like this.

        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


      • profile image

        Mr. Darkness 5 years ago

        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?

      • Pazthelobster profile image

        Paz 5 years ago

        hahaha :p

      • profile image

        paye 5 years ago

        haha nice kala ko random blog na biglang nandun ung logo natin hahaha


      This website uses cookies

      As a user in the EEA, your approval is needed on a few things. To provide a better website experience, uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

      For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: ""

      Show Details
      HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
      LoginThis is necessary to sign in to the HubPages Service.
      Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
      AkismetThis is used to detect comment spam. (Privacy Policy)
      HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
      HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
      Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
      CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
      Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the or domains, for performance and efficiency reasons. (Privacy Policy)
      Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
      Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
      Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
      Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
      Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
      VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
      PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
      Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
      MavenThis supports the Maven widget and search functionality. (Privacy Policy)
      Google AdSenseThis is an ad network. (Privacy Policy)
      Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
      Index ExchangeThis is an ad network. (Privacy Policy)
      SovrnThis is an ad network. (Privacy Policy)
      Facebook AdsThis is an ad network. (Privacy Policy)
      Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
      AppNexusThis is an ad network. (Privacy Policy)
      OpenxThis is an ad network. (Privacy Policy)
      Rubicon ProjectThis is an ad network. (Privacy Policy)
      TripleLiftThis is an ad network. (Privacy Policy)
      Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
      Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
      Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
      Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
      ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
      Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)