Menu Editing Tutorial (CSS)[BASICS]

A Tutorial for Super Smash Bros. Brawl

Members see zero ads. Membership is 100% free

Updates

Menu Editing Turorial (CSS)[BASICS] 1mo
  • Addition CSS Menu BG Transferral

The slowly growing Brawl Menu Modding Tutorial

I was asked to experiment with brawl menus and document my findings in an easy tutorial form so others can find it. This thread will be updated with more findings I find, ranging from easy to hard in my own personal scale. 

What you need:

Brawl Crate: https://github.com/soopercool101/BrawlCrate/releases
Im using my own menu since its already made to be easily editable: https://gamebanana.com/guis/34650

Hopefully by the end youll have a basic understanding and then you can work on your own custom menus.

Lets begin.

Section 1: CSS (Character Selection Screen) [sc_selcharacter]

You usually find this file in pf\menu2.

Basic Level:

1.Changing the Colors on The BG

Download and Install Brawl Crate. Once done, open Brawl Crate to get this window:


Click File and Open, select the menu file:

Youll end up with this:


Now open misc data [30] by clicking + or double clicking, continue and open up 3d  models and select the model shown here:

This is the menu BG. You can preview it by right clicking and selecting preview model:

A new window pops up, use the mousewheel or ctrl- to zoom out:

Now keep both windows open, expand the model tab, then materials, and select the material shown here:

Now go to the far right window and select Color0, youll see an arrow, click it:

Select a color, and select OK, Im going with this value myself:

Next to change the sky itself select this material and do the same thing:

And thats it! Save by clicking file save or ctrl+s on the main window.
Then test it:

Thats how you change the menu BG's colors.

2. Changing textures

Follow the steps in (1.) on downloading, installing and opening the menu in brawl crate.

Now open the menus tab until you reach this point in this model:

Here youll find all the textures, say you want to change the logo, you can find the logo here:

First view the texture resolutions here:

Dont worry about the format for now, but try to make your logo or textures in that same resolution if possible.
Right click the texture file and click replace:

Look for your texture or logo, and select it, this window will pop up:

As you can see, I selected one with wrong resolutions, to fix it, just place the correct resolution on the window, click apply and check if its still the same format as the original:

Then click ok, then save, proceed to change other textures if desired.

Test ingame:


Thats it!

3. Removing Objects by Culling

There are 3 types of object removal. 2 of which just makes them invisible, Scale, culling, and deletion. Deletion on menus is kinda risky and scale will be touched in the animations sections once we reach it. Lets focus on culling for now.

Follow the steps on how to download and install Brawl Crate from step (1.) Open the menu file:


Touch any material, in this case "Icon", and expand it, select the reference to see what texture it actually is.


Now click the main material and head to the culling section:


This here determines which side of the model is culled(invisible) if you make it cullAll, it makes everything is invisible. In my opinion this is the safest way to hide something, although it doesnt cut MB size, it keeps it the same.


Lets go ahead and make the grids invisible too.


Thats it, save and test.


4. Transferring the BG onto other CSS'es

Follow the steps in (1.) on downloading, installing and opening the menu in brawl crate.

If you want to transfer bg assets from one menu to another, this part of the guide is for you. We may thread in a bit of advanced levels to mod, so please be sure to check the past steps since they also help you learn to navigate Brawl Crates interface and needed functions. Here we are using my Sky tears menu BG, we are gonna move it on to another (Im using Legacys Vanilla menu). This will also teach you what the files are and how to replace them.

On the .pac please extract the following assets from the Sky Menu CSS.pac

 This is the model, export as .mld0

This is the animation.

And all of these are the extra textures.

Thats all you need. Now on your own sc_character you are gonna replace things:

Replace this with the model you exported earlier.

Same with the CHR animation file.

As for the textures, replace those that where on the menu, making sure the settings stay the same as the "OG sky tear menu". These textures varies with each other, so make sure to double check that the formats and resolution are the same as in my menu.


And for new textures that are added to the menu:



Thats it, save and test! Thanks to DesiacX for recommending me to add this part!

Todos

This tutorial will continue to grow with more info!
  • ccibas22 avatar
    ccibas22 Joined 1mo ago
    Offline
    1mo
    I am on a mac, would there be any other way to do this without being on windows??
    Bananite
    URL to post:
  • Nezha avatar
    Nezha Joined 8mo ago
    Offline
    252 points Ranked 52363rd
    1mo
    New section added! BG transfer from menu to menu!
    Stager avatar
    Mantra
    Stager
    URL to post:
  • Nezha avatar
    Nezha Joined 8mo ago
    Offline
    252 points Ranked 52363rd
    1mo
    Hi everyone! Just running into some internet problems. Ill be able to post some more updates including BG transfer to other menus, basic menu animation 101 and static model injection. I must also add character potraits and such since it applies to the guide. With those added that may conclude the basic guide.  If new stuff are discovered or not covered before that clasifies as basic, it will be added on the guide anyways. User submitted guides and pointers will also be added here if it applies. (With credits and link if requested)

    A new thread will be created afterwards with more advanced guides such as animation, injected rigged model animations, and rearangements of the menu itself. I will approach the advanced tutorials with the logic people read and followed the basics to familiarize themselves and it will make the lessons much more efficient. Be aware that I will not repeat the steps of setting up, and will use reference to the basic tutorial instead of picture tutorialing it again.

    And there will be a final thread that would be "Expert", however I only have one thing so far and its a bit unstable so I wont mention what it is right now as I work out the bumps. 

     Stay tuned!
     
    Stager avatar
    Mantra
    Stager
    URL to post:
  • Waluigi08 avatar
    Waluigi08 Joined 8mo ago
    Offline
    206 points Ranked 55268th
    2mo
    Awesome tutorial ! Can you make one on SFX for BrawlEX characters ? I think than the ones already available on that subject are pretty messy and unclear :)
    • Agree x 1
    • Thanks x 1
    Bananite
    URL to post:

Embed

Share banner
Image URL
HTML embed code
BB embed code
Markdown embed code

Credits

Key Authors
Nezha
Nezha Joined 8mo ago
Offline
252 points Ranked 52363rd
StageExpert

Submitter

Nezha avatar
Nezha Joined 8mo ago
Offline
252 points Ranked 52363rd
Nezha
Creator
  • Paypal Donate
Sign up to access this!
Sign up to access this!
Sign up to access this!

Game

Sign up to access this!

Category

Details

Difficulty Level
Beginner

Attributes

Share

  • Share on Reddit
  • Share on Twitter
  • Share on Facebook
  • Today's Pick
    Featured on May 12 2019
  • 3
  • 2.5k
  • 8
  • 2mo
  • 1mo
  • 1mo

More from Submitter

More Other/Misc Tutorials

bcp.crwdcntrl.net tracking pixel