3,403 ratings
How to Animate Your Workshop Showcase
By ABI TALENT and 4 collaborators
Read Me
Steam has changed the workshop showcase from 4 squares of 150 x 150 pixels to 5 squares of 119 x 119. To accommodate these changes I have made a new template / texture:

Step 1

Open up this link in your browser:
Step 2

Upload your artwork, fill in the title and description, you can change the game you're going to upload the workshop item for by doing right click > Inspect Element and expanding the <body> by clicking the arrows in front of every line of code until you find these:
<input type="hidden" name="appid" value="570">
<input type="hidden" name="consumer_app_id" value="570">
You need to hange the value of the appid and consumer_app_id of the game you want to upload the item for by doing right click > edit atribute or edit as html. You can find app-ids of games on

If you want to upload art and want to get rid of the game icons in any of the showcases, change the values to 760

Here's is a screenshot showing exactly how you should be expanding the <body>, right arrows show stuff that was not expanded and down arrows show stuff that was expanded:
Step 3

Tick the "I agree to the Steam Subscriber Agreement" box, then click "Save and Continue" as many times as you have to (it depends on the game)
Step 4

Right click > Inspect Element on your newly created workshop item, go to console, paste this:
SelectVisibility( '0' )
and hit enter, that's all.
Artwork Cropping Info
Creating artwork for the "My Workshop Showcase" can be a bit tricky. It allows four images of 150x150 pixels to be uploaded. Keep in mind, these four images will be spaced 4 pixels apart when displayed in the showcase. For best result, use the template provided below.

This guide is pretty helpful too, be sure to check it out.
Free Workshop Animations
In need of some snazzy workshop animations? Be sure to check out the guide below.
Translated versions of this guide
This guide is as well available in
  • Chinese
Even though this trick is dope, people have found ways to abuse it. To clarify what I mean by this, some users have created .gif files that could easily harm people suffering from disorders such as Epilepsy (they've recreated seizures) while other have tried stealing other workshop contributors' work by reproducing their workshop contributions using this method. So, please, do not do any of that.

             You can consider our guide a way to bring this to Valve's attention.

And here is the last side note: We have never intended to leak this, because we were aware that it had potential to be blinded like many other exploits were, but someone has, because of a misunderstanding, leaked it. A user has made a really bad guide on it (tbh) that was half-stole from one of our older guides, was also showing a not as safe method as the one present in this guide nor crediting the right people.
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀The largest collection of profile guides. Follow for more.
< >
Arteajato Apr 30 @ 7:38pm 
Am I not at risk of being banned for changing console codes?
shidoxnn Feb 1 @ 8:36am 
𝐂𝐨𝐦𝐦𝐞𝐧𝐭 𝟒 𝐂𝐨𝐦𝐦𝐞𝐧𝐭
Lucent Hellison Jul 3, 2019 @ 12:15am 
$J('[name="appid"]').val("241100 ");$J('[name="consumer_app_id"]').val("241100 ");$J('[name="visibility"]').val("0") <----- use this command put in console option
The Desert Ghost™ May 23, 2019 @ 3:20am 
Thank you, it was really helpful ^^
Izzuru Apr 19, 2019 @ 3:23am 
-I finish step 3
Upload failed
An unknown error has occurred. Common causes include branding images that are too large or corrupted.
-when enter 760 then gives this error. Not loaded that downloaded before. How to fix?
What ID i must use now?
Brunhilda Apr 16, 2019 @ 9:14pm 
rlyehᎶ what ID using now?? PLZ
rlyehG Apr 16, 2019 @ 3:43pm 
They can no longer be uploaded using ID 760