Finally finished the tutorial for how to recolor in gimp! This tutorial will teach you how to recolor clothing in gimp and add it to S4Studio. You can download GIMP for free here. Keep reading for the tutorial.
Step 1. Start off with a white piece of clothing in GIMP. You can read a tutorial of how to create a white base here.
If there is a part of the clothing you don’t want to recolor, take the lasso tool and draw around the selection. If you are recoloring all of the clothing, skip this step and the next step!
Step 2. Once I have that selection, go to edit>copy and then edit>paste. You will see a floating selection, right click that and choose To New Layer. This will take that undershirt I selected and put it as a new layer.
Step 3. Now make sure your bottom layer is selected. We need to create a new layer for the recolor. Click the icon to create a new layer. Choose transparency and click OK. This layer should be right above the clothing layer.
Step 4. Now open a palette and choose a color from that or simply choose a color you would like to use, I am using a green color. Now click the bucket paint tool and click on the image to fill your new layer with that color.
Step 5. You can see the new layer is filled with green, set this layer to Multiply. Leave the opacity at 100.00.
Step 6. To save go to File>>Export As... I chose to save the file as a .png (I am using a Mac) keep the settings the same as mine.
If you are using the .dds plugin you can save as a .dds file.
Step 7. Now when we go back to S4Studio, make sure Diffuse is selected and choose import. Select the file we just saved. To change the thumbnail color, click the box and then click the dropper tool to select a color from the clothing.
To add another swatch, click Add Swatch towards the top, for each swatch you will upload a new colored piece of clothing. Save when you are done!
I hope this was helpful! Message me with any questions you have!
This GIMP tutorial will help you create a template that will make recoloring so much easier! It takes a little longer upfront, but it will save you time in the long run! You can download GIMP for free here. Keep reading for the tutorial.
Step 1. Start out with a white piece of clothing, learn how to get a white base for recoloring here. You will also need to create a palette to get the colors you want for your template (tutorial here). I am using the Mile High Palette for this tutorial.
Step 2. My Layer preview is a little large so I am going to click the little grey arrow and change the preview size to small.
Step 3. Now create a new Folder and name it to whatever palette you are using.
Step 4. Next create a new transparent layer and duplicate as many times as you need to get the same amount of layers as colors. For example, for 18 colors you need to duplicate 17 times to get 18 layers.
Step 5. Now double click the thumbnail next to your palette to bring up the palette colors. Grab the Edit Palette Tab and drag it down to the lower section.
Step 6. You should be able to see your layers and the color palette now. Before we start doing colors, change the Folder (Mile High Palette) you created to Multiply. All of the layers inside should still be on normal.
Step 7. Next take the Bucket Fill Tool and click on a color from your palette to fill in your first layer in the folder. Do not fill in the folder, only the layers inside, the color will automatically change as you fill in the layers. Change the names of the layers as you go through the colors.
Step 8. Now go through and click on the little eyeballs (visibility) next to all of the layers except for the top folder (Mile High Palette) and one color of your choice. I chose to leave the visibility on the teal color (Elway), now we can see my clothing automatically changed to that color. When you want to change it to another color, click the eyeball to hide the current color, and click the eyeball next to another color.
To save each color, go to File>Export As.. and I chose to save as a .png file.
Step 9. Let’s say you want to import a different piece of clothing now. Open the new piece of clothing it in GIMP and go to Select>>All. Then go to Edit>>Copy.
Step 10. Now go back to your image with all of the layers. Click the bottom layer with your old piece of clothing. Then go to Paste as>>New Layer. This will paste your new piece of clothing above the old piece of clothing. You can delete the old piece of clothing by clicking that layer and then clicking the trash icon.
Once again you can go through and change the colors of this new piece of clothing.
Step 11. To save this template for LATER USE, go to File>>Save as.. and make sure you are saving it as a .xcf file.
