Zomcats Invasion

Zomcats Invasion

Not enough ratings
How to make your own Cosmetic!
By Kinky Tinky
In this guide I will show you how to make your own cosmetic for Zomcats Invasion and how to upload it on the Steam Workshop!

So sit back and get ready for some KNOWLEDGE!
   
Award
Favorite
Favorited
Unfavorite
Getting Started
You will need a drawing program,
for this tutorial I will use Asesprite.


Before starting to draw anything you need to download the cat head sprite and setup the color pallet.
Both can be found below:


Cat Head Sprite [i.imgur.com]



Cat Body Sprite [i.imgur.com]



Color Pallet [i.imgur.com]











You do not have to use the color pallet and you can use transparent colors too.




Now that we have the sprite and the color pallet, we can start setting up our project.

Open the cat head sprite and do NOT move the head, after that create a new layer for your cosmetic.
Now your project should look like this:

Now you can start drawing!


Little reminder, you need to draw 2 images, one for the icon which will be shown on Steam and one for ingame. Your cosmetic is always infront of the cat so you cannot draw behind stuff infront of the cat, so you need to draw the behind stuff on the icon and clear it on the cat like this:


Exporting Your Finished Cosmetic
Now that you have finished drawing your cosmetic you can get ready to export it.



Before exporting any image you need to make a new folder and call it like your cosmetics name.


The First Drawing
Export your drawing without the cat head as .png in the size of 32x32 pixels as transparent.


The Second Drawing
After exporting your 32x32 pixel .png you will need to center your cosmetic in the middle of the 32x32 canvas.



After you have dragged your cosmetic in the center, you need to resize it by 500%
(160x160 pixels) and export it as transparent .png.



The Third Drawing
The only thing you are missing now is a preview image for your cosmetic, it needs to be 512x512 pixels and named "preview_icon" and for the best preview I suggest you show the cosmetic with some fancy text spelling out the cosmetics name.

IMPORTANT: YOUR PREVIEW IMAGE NEEDS TO BE NAMED "preview_icon" AND NEEDS TO BE A PNG IF YOU DO NOT NAME THE PREVIEW IMAGE OR DO NOT HAVE A PREVIEW IMAGE IT WONT UPLOAD!
Preparing The Folder For The Upload
After exporting all your drawings your folder should look like this:




Please double check everything before moving to the next part!
Uploading Your Cosmetic
For this next part you need to have Zomcats Online installed!

Start Zomcats Online and wait until you loaded into the main menu.
After you have loaded in the menu, press F1!



Now you will see the Workshop Uploader

  • Enter the items name in the "Workshop Item Name Inputbox".
  • Enter the items description in the "Workshop Item Description Inputbox".
  • Enter the path to the folder where all your images are inside in the "Path Inputbox". (C:/yourpath)
  • Select what type your item is by clicking the tag Button.

Now your Workshop Uploader should look like this:


Now you can click the "Create Workshop Item" button and it will start creating your cosmetic.
After that the website for your Workshop Cosmetic will load and you can maybe do some fine tuning if you are not happy with the name or the description.

Your Workshop Item should look like this now:


IMPORTANT!
IF YOUR WORKSHOP ITEM DOESN'T HAVE A NAME, DESCRIPTION AND IMAGE THEN YOU ENTERED A WRONG PATH OR YOU DO NOT HAVE A "preview_icon"(png) IN YOUR FOLDER.
Extra: "Animated Cosmetic"
If you would like to make an animated cosmetic, you will need to upload all the sprites for the animation as sprite sheet like this:

The animation can not be longer than 20 sprites.
Thank you for reading!
Now you can finalize your item and hopefully it will get added in the future to Axe's Shop!

I hope this Guide helped you! :)

Have a nice day!

-Tinky