What's new

Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

Register Now!

How to create a full background for your Steam profile

Ori

Scarcely Lethal
Joined
Jan 25, 2018
Messages
40
Steam
76561198124560867
I'm gonna show you how to make your profile look atmospheric, especially if you want to create a little personality within your profile.

First thing is you NEED level 10 on steam in order to use the artwork showcase which is crucial. If you don't have the level, you can get it easily through trading card badges. That's the cards you get while playing a game. If you don't have enough cards you can use this guy to get quick bundles of cards. The bot only trades in pure keys, so having 1 in your inventory is useful. Otherwise you can just buy the remaining ones off the community market. I'd recommend getting whatever steam background you want from the market, because custom images wont work.

Once you have the required level you will unlock a showcase. Head over to steam design and sign in using your steam profile. Once you do, look at the top of the page and you will see a drop down of the backgrounds currently in your inventory.
guide1.JPG


Select your background and it will reload the page will the full artwork design of the picture. From here you want to download the ZIP file and extract the 3 photos inside to a folder on your desktop.

guide2.JPG


Now from here, use your internet browser and login to steam. Go to your profile and select artwork. Select not game specific and it will take you to the next page. Here, give your artwork a title. I recommend using the section related to the photo. The photo will be called what it is by default anyways. Upload that photo, and set it to public. Checkmark that you own it, BUT DO NOT UPLOAD IT YET.

Before you upload the file, you will need to change some things. Right click anywhere on the page and select 'Inspect'. This will bring a side panel(if you're using chrome), select the console tab and paste this line of code:

document.getElementsByName("image_width")[0].value = 1000;document.getElementsByName("image_height")[0].value = 1;

Hit enter right after you paste it and close the inspect panel. From here you can upload the file. You must follow these exact steps for only the Middle and Right images. The avatar is just a standard profile picture.

guide3.JPG


Once you finish uploading the image it will take you to it. It should be a tiny line. Go back to the artwork upload and repeat the steps for the other one.

From there go back to your steam profile and set the background you're using from the profile editor. You can also upload the avatar image if you want. I choose not to use it because I prefer mine. Edit the profile and set the artwork showcase as the first thing on your profile. Click the empty spaces and fill them with the two images you uploaded to your artwork.
They will be small lines, but the first one you uploaded will be on the right, as it goes most recent.

guide4.JPG


From there select the two images and save it. If you do everything right it should come out like this!

guide5.JPG


Thanks for reading. Have a good day.
 

Icarus

Strange
Joined
Dec 27, 2017
Messages
9
Steam
76561198218629195
Hey there! That's a helpful guide here. But here are some things I would like to add / correct:
  • If you upload a lot of artworks and don't want to copy & paste the code all the time, steam.design has published an add-on for Chrome/Opera that adds a button with the above mentioned code next to the artwork title. No copy & paste anymore. (Click here to see how it looks and here to see it on the chrome store).
  • There is a trick how you can upload your artwork w/o a title. Go to this page, select all (in the textbox) and copy it. Paste it then into the title textbox. (ALT+0160 works too)
  • Use more links in your guide.
    Go to your profile and select artwork. Select not game specific and it will take you to the next page.
    You could've simply linked that page.
  • You never said something from the creativity that you can get with this. There are so many ways how you can animate your artwork. Sure, how that exactly works with After Effects / any other program would go beyond the scope of this guide, but it would've been worth the mention.
  • Hide your pictures in spoilers. That way the readers can read the text way better (since the pictures are big).
Nonetheless, a nice guide that surely helped some people. (y)
 

Attachments

Last edited:

Users Who Are Viewing This Thread (Total: 1, Members: 0, Guests: 1)

Top