An improved method now exists: https://psteamcommunity.yuanyoumao.com/sharedfiles/filedetails/?id=2174159512 Please use it instead.

This guide will teach you how to make a Animated Long Workshop/Guide Gif and then how to upload them to Steam. These steps are NOT simple or easy. You will require some skill in GIF/Video editing and some technical skill.

Please read the following text before continuing to the guide.

Prerequisites:

• HxD (Free Program) Or any other Hex editor
  
• Any GIF/Video editing software such as Photoshop or After Effects

Important Infomation:

• Only the gif creator is required to perform steps 1 to 3 to create a Long Workshop Ready GIF.
  
• If someone else has created the GIF and performed the these steps correctly: skip to step 4 to upload the GIF.
  
• Creating a Long Workshop Ready GIF will require HEX Editing.
  
• You are expected to repeat the HEX editing steps to all of the workshop GIFs individually.
  
• The infomation provided in this guide is not fully complete. This exploit does not work for all GIFs and we cannot be sure why as of now.

Increasing the height

The GIF you use must contain at least 15 different frames and should not be too long (less than 1500 px in height).

After you've made your GIF, extend the height by 100 pixels on the bottom of the GIF. Anything can be put in this empty 100 pixel long area but I suggest adding a colour or noise to be safe.



This extra space will be removed in the next steps by 'faking' the image resolution directly by editing the GIF's bytes in HxD. We are unsure how exactly this exploit works but by cropping the gif and creating a 'fake resolution' steam will display it in full in the workshop.

Finding the resolution bytes

For this example, we are using an Long workshop of 1200 pixels but now 1300 pixels because of step 1.

Open the first image in HxD. (you can drag and drop the image into the program or press CTRL+O)

• 47 49 46 38 39 61 - The same for ALL gifs (GIF89)
  
• 96 00 - Width of GIF (converts to 150 pixels)
  
• 14 05 - Height of GIF (this should convert to your intended GIF height plus 100 added in step 1)

In the image above we can see where a set of width and height values are defined in Hex in Little Endian. (The bytes are displayed in Little-Endian, this means that the sequence of bytes are arranged from least to most significant.)



To convert Little Endian to Hex, simply switch the position first two characters with the second two.



To convert from Hex to Decimal, you can use the standard windows calculator or an online converter such as this website[www.rapidtables.com].

Fixing the resolution (creating Long Workshop Ready gif)

So now that we understand how to read these bytes its time to replace them. We want to change our gif from the height of 1300px to 1200px and crop our extra pixels. So lets convert 1200px into Hex then Little Endian.

Example with 1200 pixels height: 1200 -> 04B0 -> B0 04
Use your windows calculator or this website [www.rapidtables.com]to convert from Decimal to Hex

Now that we know the bytes we want to use, we are going to use a replace function in HxD to replace all bytes that define height with our own.

So go to the "Search" Drop down and click "Replace..." or Press CTRL+R


After clicking Replace a little window will pop up. Put the old width (should be 96 00) and then the current height bytes in the "search for" field and the new ones in the "Replace with" field using Little Endian.


Including the Width allows the search to narrow down the correct Hex we want to replace.

Make sure to change the rest of the settings to whats shown in the image above:
Datatype: Hex-values
Search direction: All

Now click "replace all"
If done correctly it should replace all occurrences of bytes that define height with the new ones.

IMPORTANT:
The GIF format has Dimensions defined for every single frame aswell as an extra one for the Logical Screen Descriptor. This means that you'll know if you've done it correctly if after clicking "Replace all" it tells you that you have changed <Frames> +1 amount of occurrences

Example:
The image used had 120 Frames.

When replacing all hex values, the program returned saying 121 occurrences were replaced. If more than <Frames> plus 1 is replaced then your gif may bit slightly corrupted but may still work as long.

Now you can click save in the hex editor and repeat STEP 2 & 3 for the remaining images.

What should I do if it doesn't say Frames+1 Occurances?

• Reduce the GIF file size as much as possible.
  
• Increase the amount of frames in the GIF.
  
• Use a different GIF encoder/saver other than your current one such as EZGIF
  
• Add more pixels than 100 pixels to the height from step 1 and remember to crop it out in step 2 & 3.

We are unsure fully why GIFs are sometimes encoded without dimension data for every frame sometimes. But it is likely because your GIF encoder is trying to reduce filesize by removing this data.

Upload your images

FOR LONG WORKSHOP GIF:
UPLOAD TO https://psteamcommunity.yuanyoumao.com/sharedfiles/edititem/767/3/ WITH

$J('#image_width').val('1000');$J('#image_height').val('1');$J('[name="appid"]').val("480");$J('[name="consumer_app_id"]').val("480");$J('[name="visibility"]').val("0");$J('[name=file_type]').val('11');

FOR LONG GUIDE GIF:
UPLOAD TO https://psteamcommunity.yuanyoumao.com/sharedfiles/editguide/?appid=763/ WITH

$J('#image_width').val('1000');$J('#image_height').val('1');;$J('[name="appid"]').val("760");$J('[name="consumer_app_id"]').val("760");$J('[name="visibility"]').val("0");$J('[name=file_type]').val('9');

REMEBER TO SELECT THE GIF BEFORE PASTING THE CODE. USE THE CODE FOR EVERY NEW GIF SELECTED.

If you forgot how to use codes while uploading it's the same as in this guide:
https://psteamcommunity.yuanyoumao.com/sharedfiles/filedetails/?id=748624905

https://psteamcommunity.yuanyoumao.com/sharedfiles/filedetails/?id=947556853 https://psteamcommunity.yuanyoumao.com/sharedfiles/filedetails/?id=748624905

• MightyG3: exploit
  
• ash: guide/code
  
• aevoa: Branding image
  
• adr: Correcting to the better guide upload page