Help & Tutorials => Texture and Portrait Tutorials => Topic started by: Eiji_Ar on February 24, 2015, 08:33:26 PM
Title: AlGeorgeRomo: Tutorial on making custom CSPs
Post by: Eiji_Ar on February 24, 2015, 08:33:26 PM
How to make your own CSPs and Battle Portraits
Hello there! This is AlGeorgeRomo. Many of you have asked me how I make my CSPs and what programs I use. And since the process is too long to put it in a single message, I made a tutorial to show you how you can make your own CSPs.
What programs to use
I use BrawlBox v0.73 to pose the model. To edit the portraits I use (and strongly recommend) Photoshop, but you can also use The Gimp.
Now, position the camera so that the model looks like this.
(http://i.imgur.com/lFXkg8S.png)
This angle is perfect because of the lighting. Go to the top bar, and save the camera.
(http://i.imgur.com/mJqLa9c.png)
Now, each time you preview a character model, the camera will start from that position. Next, go to “Options”, “All Settings”, and “Export”.
(http://i.imgur.com/bGnwcyK.png)
You MUST do this. BrawlBox, or even you may accidentally clear the camera coordinates, which will completely ruin your future portraits. If this happens, you can import these settings, select “Reset Camera” and the camera will return to the custom position.
(http://i.imgur.com/qcSiCBh.png)
Models appear white in BrawlBox
Some objects, or even the whole model may appear white in BrawlBox instead of rendering its regular textures.
(http://i.imgur.com/c6m9oy7.png)
This is how you fix it. Expand the model menu and go to materials.
(http://i.imgur.com/rqSPcvK.png)
Expand the menu for a texture and select it. To your right there are a bunch of words and numbers, but these are the ones you need.
(http://i.imgur.com/ZbEzW2W.png)
You must change “MinFilter” to “Linear.”
(http://i.imgur.com/JbaAULj.png)
Now, the model will show its regular textures. Do this for the rest of the materials. You don’t need to change the materials that end with “ExtMtl.”
(http://i.imgur.com/jntKy77.png)
Not all materials will be white, but check just in case.
(http://i.imgur.com/i5Tii4j.png)
Removing unnecessary objects and textures
Objects like Sonic’s ball, Mario’s facial expressions, or Peach’s blood instruments, are not needed for your CSPs (unless you want them). To remove polygons, go to the model, and expand the “Objects” folder.
If you scroll down, you will see the polygons to your right. Press “ctrl + delete” to delete that object. You may get a message that says “Do you want to remove this object’s vertex node?” Just choose “Yes.”
(http://i.imgur.com/BV340eW.png)
*NOTE: Make sure you save often. Deleting certain polygons may cause BrawlBox to crash. Some characters have way too many objects, and losing that progress will be tedious.
Just like objects, there are some textures, like Toon Link’s facial expressions that you don’t need for your CSPs. To delete these, expand the TextureData[0] menu, and press “ctrl + delete” to delete the selected texture.
(http://i.imgur.com/B6hujNt.png)
Posing the model
Here comes the second hardest part. Preview the model, and open the bottom, top, and right bars.
(http://i.imgur.com/VSHfQEZ.png)
Make the bones visible. Now, start posing!
(http://i.imgur.com/74IIoMu.png)
*POSING TIPS: The model may look too small on the viewer. Simply select the “TopN” and change the scale until you get the size you want.
If there are some textures that you don’t want to see in the CSP, open the left bar, and un-check such texture.
(http://i.imgur.com/WM3X393.png)
And there you go! Your model is posed, and ready to become a portrait.
(http://i.imgur.com/bfLhyil.png)
Editing the portrait
This is where Photoshop comes into play, and this is easily the most complicated part. Take a screenshot of your render (maximize the model viewer window for more detail), and paste it to a Photoshop or Gimp document.
(http://i.imgur.com/xvaAcGs.png)
Delete the background.
(http://i.imgur.com/Tt1hZTq.png)
Add a new layer. Here, you will put the eyes, the pupils, or any other details that do not render in BrawlBox.
(http://i.imgur.com/8XO9iBj.png)
There are many ways to fix the eyes. The way I do is take a screenshot of the pupils, and position them so that they look correct.
Add another layer. Here, you will put shadows. Use smooth brushes, and other tools to make the shadows. You need a little bit of skill for this part. With the selection tool, select an area to lock edges. For example, Mario’s face and cap need 2 different tones of shade.
Do this until you are satisfied with the results. Adjust the transparency, smoothness, and all that stuff. Save the document.
(http://i.imgur.com/vquzXdv.png)
Add another layer, and this time to add shines and highlights. Select the white color and start painting. Save the document again. You don’t want to lose all that work! Do some final details, like color correction, smooth shadows, eye highlights, etc. There you go! Your portrait is finished!
(http://i.imgur.com/wACdjg4.png)
Making the CSPs
Apply the textures to your model, and take screenshots of your recolors and costumes. Paste them into the Photoshop or Gimp document as a different layer.
(http://i.imgur.com/VEK3Qzy.png)
Now, save each costume picture as a PNG document.
(http://i.imgur.com/odPmh3U.png)
Open a new Photoshop or Gimp document, but this time use the dimensions of a Brawl CSP. Open your PNG pictures, and copy & paste them into the new document.
(http://i.imgur.com/Lirv3eQ.png)
Select all layers, and use the transform tool to re-size them.
(http://i.imgur.com/HKAUGNd.png)
*NOTE: I strongly recommend you to lock the dimensions so that the portrait keeps its original proportions. Then, before you finish the transformation, unlock the dimensions.
(http://i.imgur.com/zS00q7S.png)
This will allow you to shrink a future render EXACTLY as the rest of your costumes.
(http://i.imgur.com/H8JNzwW.png)
Save this as a Photoshop or Gimp document.
(http://i.imgur.com/7jYR7Ht.png)
Now, save each costume as a PNG file. These will go to your common5.pac file. There! You have your CSPs.
(http://i.imgur.com/Tpd8HmR.png)
Making the battle portraits
You will repeat the same process as when you made the CSPs, but this time a little different. Open a new Photoshop or Gimp document, but this time in the dimensions of a Brawl Battle Portrait. Open all your CSPs, and copy & paste them. Re-size them however you want (using the same technique I mentioned before), and save this as a separate Photoshop or Gimp document.
(http://i.imgur.com/xtCTl83.png)
Save each portrait as a PNG file.
(http://i.imgur.com/BZZmb1L.png)
And there you go! You have your Battle Portraits!
Alternate costumes
Now I’ll show you how to make a CSP for an alternate costume in the same pose as your character. Open the posed model and the alternate model in BrawlBox. Preview the models. Remove polygons, fix textures, correct the whiteness, etc. When your other model is ready, open the right and bottom bar in each model viewer.
(http://i.imgur.com/b8qz9Gq.png)
Select a joint on both models from the list to the right.
(http://i.imgur.com/8fKKgKE.png)
Copy from your posed model and paste to the alternate model. Keep going like that until the last bone. Now your alternate model is ready for its portrait!
(http://i.imgur.com/dcenvUV.png)
Repeat the process to edit it in Photoshop or Gimp.
When you are done giving It shadows and stuff, save the render as a PNG picture. Copy it to the CSP document, and re-size it. Repeat the process of making a CSP and a Battle Portrait.
*NOTE: if the costume has a larger area than the original, just crop it to fit the dimensions of the original render. If the costume has a smaller area, draw a black square on 2 separate corners.
That way, when transforming it, the figure will keep the dimensions of the original render.
(http://i.imgur.com/egPb0Nz.png)
You are now finished! Now you know how to make your own custom CSPs and BPs for your hacks and costumes. Thank you for reading, and I hope this has helped you.
Title: Re: AlGeorgeRomo: Tutorial on making custom CSPs
Post by: Nefnoj on February 28, 2015, 11:56:43 AM
Would you ever make a CSP pack for the default Project M and Brawl Costumes, or release the PSD and Brawlbox pose? Of all the CSP's I've seen, yours are definitely the best, surpassing even SJS!
Title: Re: AlGeorgeRomo: Tutorial on making custom CSPs
Post by: Kyouma on February 28, 2015, 05:55:01 PM
oye primo, deberias intentar usar un programa para renderizar, estoy seguro que podrias hacer cosas impresionantes (si hasta yo puedo hacer renders aceptables lol)
Title: Re: AlGeorgeRomo: Tutorial on making custom CSPs
Post by: Eiji_Ar on March 01, 2015, 08:15:17 PM
oye primo, deberias intentar usar un programa para renderizar, estoy seguro que podrias hacer cosas impresionantes
Eso es lo que he querido hacer, al igual que importar o customizar modelos para Brawl. Pero mi laptop ya tiene unos añitos, y cuando corro 3ds Max o AutoCad, se calienta y todo se pone lento. Espero pronto conseguirme una mas moderna.
Title: Re: AlGeorgeRomo: Tutorial on making custom CSPs
Post by: Nedark on February 14, 2016, 12:16:05 PM
Could you give me a link to BrawlBox v0.73? I've been looking around Brawlvault and I can't find it.
Title: Re: AlGeorgeRomo: Tutorial on making custom CSPs
Post by: Next-Gen-Jay on March 14, 2016, 01:05:45 PM
how exactly do you make the pose
Title: Re: AlGeorgeRomo: Tutorial on making custom CSPs
Post by: LinkTahuterasuSpirit on May 16, 2016, 10:39:23 AM
is there any chance that you can show us how to make Stock icons?
Title: Re: AlGeorgeRomo: Tutorial on making custom CSPs
Post by: Dinoverlord on May 18, 2016, 01:45:48 PM