Tutorijal
Quote Originally Posted by Daniel__Juve View Post


Hey guys, a lot of people ask me for kitmaking advice and indexing is a very important step for both kits and numbers/fonts.

But only a few kitmakers/editors know how to do it right, so I decided to create this thread with tutorials about kits and numbers/fonts indexing.

I'll divide this in full indexing method with alpha channels (best results) and a quick method for people who just want to change numbers/font coloring, for example, with acceptable results.

What will you need?

> OPTPiX iMageStudio (I use version 3.12a)
> Photoshop



Indexing
Kits Indexing
Numbers/Fonts Indexing
Quick Indexing
Quote Originally Posted by Daniel__Juve View Post


First of all, why index files?

Index will make your file lighter and more compatible with PES6, so it's about performance, and also easily working with transparencies.

This can be used for any other file for PES that you wanna import into .bin files.

And this is how you do it.

1 - First of all, you need to configure OPTPiX correctly, otherwise you'll not have good results.

Go to Options > Color Reduction Setting and configure the tabs like I have mine configured:

  Spoiler:


2 - Now import the file you wanna index into OPTPiX, right click on it and click on "Color Reduction" (or CTRL+R).

3 - In the "Output" tab, select the option for what you are working with:

> 256 colors (8 bit) | FOR KITS
> 16 colors | FOR NUMBERS/FONTS


4 - Click on "Color Reduction" and when the process finishes, click on "Finish". It will create a new file with the colors palette on the side.

5 - Close the old one (without the palette) and save the new one as PNG (default saving options).

6 - Done!

De-indexing

This might be very useful too, specially for people who just want to change numbers/fonts coloring.
(if it's the case, remember to index it again after you edit the colors)

Here is how to reverse the indexing process for any files.

1- Import file to OPTPiX
2- Now go to Image > Direct Color Image Conversion (this will un-index the file, making it a normal PNG again maintaining the transparencies).
3 - Save the new file as PNG.
4 - Done!
Quote Originally Posted by Daniel__Juve View Post


This is the full method with alpha channels, and will give you the best result.

Before you start, in order to have alpha channels, you must have a layer with all the transparencies you want the kit to have in the final version. Like this:

  Spoiler:


Notice that the color of this layer is not important, so use whatever you want.

I like using a color similar to the player's skin so I can test the kit as png and see how the transparency will look like while I create and work on the kit.

1 - Hold CTRL and click on the transparencies layer on the layers list, this will select it`s pieces.

  Spoiler:


2 - Go to the "Channels" tab and create a new channel:

  Spoiler:


3 - It will create a black layer, click CTRL + i to insert the transparencies as white in the black background.

  Spoiler:


4 - Deselect the whole image, so you can CTRL + i once again to invert the whole channel colors.

The black colored stuff here will be cut of later, so they are the transparencies.

  Spoiler:


5 - Go back do the layers tab and deselect the transparencies layer before you export the file.

IMPORT: This is what will make sure the transparencies have nice cut endings later, so always remember to deselect the transparencies layer.

  Spoiler:


6 - Export the file as .TIFF, and use these saving options:

Select "As a Copy" and "Alpha Channels".

Deselect "Layers", as you don't need it and it will make the file lighter.

7 - Open OPTPiX and index the file, if you did everything correctly, this time it will have transparencies (alpha channels) within it.

You can right click the file and click on "Display Alpha Channel" to see the transparencies before you index it.

8 - Done.
Quote Originally Posted by Daniel__Juve View Post


The process is the same for numbers or fonts, so just follow the same stops for each one.

With the file opened in Photoshop:

1 - Hold CTRL and click on the transparencies layer on the layers list, this will select it`s pieces.

  Spoiler:


2 - Go to the "Channels" tab and create a new channel:

  Spoiler:


3 - It will create a black layer, click CTRL + i to insert the transparencies as white in the black background.

  Spoiler:


5 - Deselect it and go back to the Layers tab.

6 - Now that we have the alpha channel, create a solid background for using the exact same color as the numbers/fonts color (or boarder if it's the case). This will make sure the cut endings will look good, avoiding white outlines and all that.

  Spoiler:


7 - Export the file as .TIFF, and saving options:

Select "As a Copy" and "Alpha Channels".

Deselect "Layers", as you don't need it and it will make the file lighter.

8 - Open OPTPiX and index the file, if you did everything correctly, this time it will have transparencies (alpha channels) within it.

You can right click the file and click on "Display Alpha Channel" to see the transparencies before you index it.

9 - Done.

Quote Originally Posted by Daniel__Juve View Post


A quick method can be done by just using the regular indexing process for kits and numbers/fonts. It will not have the alpha channel, so in this case you must leave the background or transparency areas as blank (completely transparent), as the file will be exported as a normal png.

The result will not be as good, the transparencies might end up with white outlines and other little imperfections, but it's useful for changing numbers/fonts coloring quickly, for example.

Most people will not have the patience or editing skills for the full methods with alpha channel, so that's why I'm adding the quick method here.