Steam

Steam

1,184 ratings
Free Steam Workshop Animations III
By zu // Χ Ξ Σ◂ and 1 collaborators
This guide provides free to use animations for your “My Workshop” showcase.
 
Rate  
Favorite
Favorited
Unfavorite
Indoctrination
So you'd like to have an animated workshop, huh?
We have put together some animations for your showcase's pleasure.

Ascend with us...
Note: Synchronization
If you use these animations and notice they're not synced when showcased, refresh the page a few times. This is just caused when your internet speed loads the GIFs at different times, and they won't appear desynchronized to people who visit your profile.
I • Pixelation Affair

ᴄʟɪᴄᴋ ʜᴇʀᴇ ᴛᴏ ɢᴇᴛ ᴛʜᴇ ɪᴍᴀɢᴇs ᴛᴏ ᴜsᴇ ɪɴ ʏᴏᴜʀ ᴡᴏʀᴋsʜᴏᴘ sʜᴏᴡᴄᴀsᴇ.[imgur.com]
ᴘɪxᴇʟs, ʏᴏᴜ ᴡᴀsᴛᴇᴅ ᴛʜᴇᴍ
ᴍᴏᴛɪᴏɴs, ᴍᴏᴠᴇ ᴛʜᴇᴍ
ᴜɴᴛɪʟ ᴛʜᴇ ᴇɴᴅ
sᴀᴠᴇ ɪᴛ
ʟᴏᴀᴅ ɪᴛ
ɢɪғ ɪᴛ
sʜᴏᴡ ɪᴛ
ᴏᴜʀ ᴅᴇsɪɢɴs
ᴍᴏᴛɪᴏɴs ᴀsᴄᴇɴᴅ
ᴅᴇsɪɢɴ, ᴀᴡᴀᴋᴇɴ
ᴍᴀʏ ᴋᴇᴇᴘ ᴛʜᴇ ʙʀᴀɴᴅ
II • Minions

ᴄʟɪᴄᴋ ʜᴇʀᴇ ᴛᴏ ɢᴇᴛ ᴛʜᴇ ɪᴍᴀɢᴇs ᴛᴏ ᴜsᴇ ɪɴ ʏᴏᴜʀ ᴡᴏʀᴋsʜᴏᴘ sʜᴏᴡᴄᴀsᴇ.[imgur.com]
ᴄᴏᴍᴘʀᴇssᴇᴅ ᴀɴᴅ sᴛᴜɴᴛᴇᴅ
ʙᴀᴅ ᴘɪxᴇʟs
ᴄʟᴜsᴛᴇʀᴇᴅ ᴅɪsᴛᴏʀᴛɪᴏɴ
ᴄʀᴀsʜᴇᴅ ᴘʀᴏɢʀᴀᴍs
III • Undone

ᴄʟɪᴄᴋ ʜᴇʀᴇ ᴛᴏ ɢᴇᴛ ᴛʜᴇ ɪᴍᴀɢᴇs ᴛᴏ ᴜsᴇ ɪɴ ʏᴏᴜʀ ᴡᴏʀᴋsʜᴏᴘ sʜᴏᴡᴄᴀsᴇ.[imgur.com]
ʙᴜʀɴɪɴɢ ᴅᴇsɪɢɴs
ᴍɪᴅ ʀᴇɴᴅᴇʀ
ᴘʀᴀʏ ғᴏʀ ᴀɴʏ
sᴀᴠᴇᴅ ғɪʟᴇs
IV • No Compression

ᴄʟɪᴄᴋ ʜᴇʀᴇ ᴛᴏ ɢᴇᴛ ᴛʜᴇ ɪᴍᴀɢᴇs ᴛᴏ ᴜsᴇ ɪɴ ʏᴏᴜʀ ᴡᴏʀᴋsʜᴏᴘ sʜᴏᴡᴄᴀsᴇ.[imgur.com]
ᴀʀᴛ ᴄᴀɴ ᴛᴀᴋᴇ ʏᴏᴜʀ
ᴅᴇsɪɢɴ ᴘʀᴏɢʀᴀᴍs
ʜɪᴅᴇ ᴛʜᴇ ʀᴇɴᴅᴇʀs
ʟᴀsᴛ ɢɪғ
V • Resolution

ᴄʟɪᴄᴋ ʜᴇʀᴇ ᴛᴏ ɢᴇᴛ ᴛʜᴇ ɪᴍᴀɢᴇs ᴛᴏ ᴜsᴇ ɪɴ ʏᴏᴜʀ ᴡᴏʀᴋsʜᴏᴘ sʜᴏᴡᴄᴀsᴇ.[imgur.com]
ᴏᴜʀ ᴅᴇsɪɢɴs ᴀʀᴇ
ᴅᴏɴᴇ ᴡɪᴛʜ ᴄᴏᴍᴘʀᴇssɪᴏɴs
Uploading Steps
  1. Download all four parts of your chosen animation.
  2. Open up http://steamcommunity.com/sharedfiles/edititem/767/3/ in a browser.
  3. Browse for one of the four animation squares. Title the upload.
  4. Before hitting save, right click anywhere on the page and select “Inspect Elements”.
  5. Navigate to the “Console” tab.
  6. Paste this code into the console:
    document.getElementsByName("file_type")[0].value = 11;
  7. Hit enter. You can now click save.
  8. It will upload one of the four animation squares. Do all the steps for the other three.
    For more detailed instructions, visit the guide below.
    https://steamcommunity.com/sharedfiles/filedetails/?id=726324580
Reminder
As a reminder, once you've uploaded four workshop images, you can showcase them by going to "Edit Profile" and selecting "Your Workshop Showcase". If you wish to delete any workshop images, go to your profile's "merchandise" tab.
More Workshop Animations
This is the third installment in a collection of free workshop animations.
Visit the previous ones here:

http://steamcommunity.com/sharedfiles/filedetails/?id=820297896
http://steamcommunity.com/sharedfiles/filedetails/?id=826161282
< >
43 Comments
GRIFINN Jan 28 @ 4:08am 
@HalloZ ctrl + f5 in browser.
HalloZ Jan 12 @ 9:47pm 
Aevoa how to perfectly time the animation?
Sync Sep 11, 2017 @ 2:17am 
nice how to
MarcoMiller Aug 8, 2017 @ 6:41am 
how
Sampai Jul 27, 2017 @ 4:55pm 
Thanks mate!
Aevoa  [author] Jul 26, 2017 @ 5:35pm 
Use these instructions: https://steamcommunity.com/sharedfiles/filedetails/?id=726324580

The steps may be added soon.
Sampai Jul 26, 2017 @ 4:37pm 
The instructions are no longer here for some reason.
✪ zMaXii ツ Jul 19, 2017 @ 1:23pm 
@System32 You cannot inspect the parts of the showcase thats normal. Im not sure why but it works fine without inspecting it in detail.
System32™ [AFK] Jul 8, 2017 @ 5:32am 
i get an error when i try doing inspect element. why?
|☆Wizzard aKa SHAHMEN Jun 20, 2017 @ 10:41pm 
Ah yea i see,thank you very much <3