Title: Dummies Guide to Custom CSS/SSS Post by: //2 on June 07, 2010, 04:57:54 PM Hello Everyone, I'm a frequenter at the Vault and lately I've been noticing how little variety there is among the CSS' and SSS'. Most people just edit other peoples work and re-upload it but wouldn't you rather know how to do it on your own? For this reason I have a written a guide to help people with the some creative ideas and no knowledge of BrawlBox so that we may have a little more variety in the Vault. This guide contains stuff as simple as replacing textures to animating your backgrounds(yup, its in there). All I ask is that you give thanks. Some people would rather you not know how to do all this. Download includes modified sc_selcharacter.pac, sc_selmap..pac, and Guide text for offline use. This is a thread for everyone so anyone can contribute. Happy Modding //2
(http://i48.tinypic.com/2edqbsp.png) (http://i48.tinypic.com/ckc42.jpg) (http://forums.kc-mm.com/Gallery/BrawlView.php?ByUserID=4604) Download Link includes modified .pacs to get you started and a Guide .txt. You're going to need BrawlBox to open the .PACS. Download Link Below http://www.smashboards.com/showthread.php?t=238861 (http://www.smashboards.com/showthread.php?t=238861) SSBB Bin File Viewer. A useful program for extracting your in game photos. Useful for making your own CSP's and SSP's. http://ssbb.l0nk.org/ I currently need help filling in the "Editing the CSS/SSS Colors" Sections. I dont own a wii so testing to see what .clr file does what is troublesome so if any one can find out what does what send me a PM and I'll be sure to include it in the guide and give you full credit. Also, if anyone has any icon images or any customized content they want to add send me the image link so I can add it. Just try to keep the image in the same size as it was exported out of Brawl. Please make sure its your own work. Remember this guide is for everyone. Thanks in advance Super Smash Bros. Brawl CSS/SSS Guide V1 Noticed a lack of CSS/SSS variations in the vault so I thought I'd release something to spark some creativity. Please note that I did not just modify ASF1nk's SSS.pac. It is completely my own. I figured out how to do this a while back and if you pay attention you'll notice the nature of my background hack is different from his and the maximum background texture size is higher as well. *Keep in Mind, there are other things you can do with this and experimentation is the key to unlocking new things. I know some people might be upset with me for showing everyone how to do this but I personally feel that if we really wanna improve this game we need to share our knowledge with one another.Im not in it for the glory. I only do this to amuse my little brothers. I dont even own a Wii. Im sure their are people out there that have some great ideas but no knowledge of BrawlBox so if anyone reads this and comes up with some cool stuff just give a shout out. Something like Hey //2, Thanks for being a team player or something like that. Happy Modding. //2 ------------------------------------------------------------------------------------------ INTRO The .PACS included are premodified with default textures. The backgrounds are already added and the only work you'll need to do is change the image and animate it yourself.( Yes, I included instructions for that too.) If for any reason the included files cause game freeze decrease the background texture dimensions and if that doesn't work the tutorial below can be used to modify ANY other .pac to your liking. Just remember to keep under the file size limit. The following guide is for creating a standard style CSS. Personally I dont care for A CSS to require a code to make it functional especially when that code requires you to disconnect your controller to remove a player. So if you're looking for that style CSS maybe in a future update. For now, lets stick with something a little more universal and fully functional. A few extra tips for those using Photoshop. __________________________________________ *Always index your images before saving. Image>Mode>Indexed Color *The magic eraser tool (right-Click on eraser) is your Best friend. *Save in .PNG format A few extra tips for those using Microsoft Paint. __________________________________________ *Get Photoshop *For those who wish to see changes take effect without having to restart your Wii exit out to the Brawl title screen and remove your SD card. Once the desired changes are made reinsert your SD card and press start. Any changes made will take effect. -Both .PACs should go in pf/menu2 Some Math Information to keep in mind when trying to reduce file size 0.01MB= 10,240 bytes Included .PAC Defaults ______________________ CSS Background Picture:Counter-Clockwise Rotation CSPs: All Default SSS Background Picture:Counter-Clockwise Rotation SSPs:Wi-fi Waiting Room over Rumble Falls Useful Information Submitted by You Guys Submitted by mnsg "Some texture formats utilize multiple transparent colors, which aren't seen with the PNG format. To view the transparent colors, you must export the textures as TarGA (.tga) images and open them via Photoshop CS3 or CS4; TarGA transparency is recognized differently than PNG transparency in Photoshop CS3/CS4. Texture formats that utilize multiple transparent colors include IA4, IA8, RGB5A3, and RGBA8. Additionally, CI4 and CI8 textures that use IA8 and RGB5A3 palettes are fair game in this dilemma too. Exporting these texture formats as TarGA images will most likely be recommended if semi-transparency is involved. If there's nothing transparent, or there's as little as "1" transparent color, then you can export the textures in the PNG format instead. The I4, I8, and RGB565 formats don't support transparency at all. Likewise, CI4 and CI8 textures that use RGB565 palettes can't be transparent either. These texture formats can be exported as PNG images without any worries. CMPR only accepts "1" transparent color, meaning that semi-transparency is impossible with that format. Because of this, exporting CMPR textures as PNG images will work just fine. You do need to keep all this in mind, since if you don't know how to deal with semi-transparency, you could end up with a texture part that'll have black areas when viewed in-game." _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ CSS(Character Select Screen) sc_selcharacter.pac Maximum Size: 3.79MB *Anything Over Will Freeze Game Replacing Background Image MiscData[30]/Textures/MenSelchrFaceB.001 ______________________________________________ MenSelchrFaceB.001 Max Size: 650x520 *Be Sure to Index colors in Photoshop before saving your image. Format: CI8 Colors: 256 Data Size Should Read 341,760B. Resizing Photos: Preview MenSelchrBg_TopN under MiscData[30]/3D Models -You Should See a blank screen, Scroll out until you see your BG Image. -Open the left and right tabs. -(on Left Tab)Highlight MenSelchrCchar4_TopN under Bones -(On Right Tab) Highlight MenSelmapBG under Character Animations -Change Scale X and Scale Y to stretch the image under its respective axis. *Currently the Scale is Set to X:10 Y:8 Animating Your BG ( I know a lot of you are dying to know how to do this): Preview MenSelchrBg_TopN under MiscData[30]/3D Model -Do everything you did to get to the X and Y scale as stated above -Open up the Bottom Tab, You should see Frame 1/999 -Frame 1 is your starting Point, Frame 999 is the ending point. -Under Frame 1 Change Rotation Z to 0 -Change Frame 1 to 999, Change Rotaion Z to either 360 if you want a spin counter clockwise or -360 if you want a clockwise spin. Thats It *Of course if you're feeling adventerous you could modify the other axis'... Just remember Frame 1 is starting and Frame 999 is end. Anything in between will cause the animation to spin in that direction before spinning in another. Just experiment to see what I mean. And in case you wanna remove what you did on a specific frame just press clear on that frame or if you wanna remove everything just put in 0 under Frame 1 and 0 under Frame 999. *Be sure to not accidently pres the small up and down arrows next to the frame number. 999 frames is more than enough to do what you need it to. *On the left hand side of the bottom tab you can modify the speed at which the image rotates or goes through its animation. Premade Backgrounds I'd Start Here (http://i48.tinypic.com/34sovw2.jpg) (http://www.google.com/imghp?hl=en&tab=wi) Recommended Search Words: Abstract Wallpaper, Grunge Wallpaper, Grunge Sunburst *When using images from google be sure to modify the size to 650x520 then index the colors before inserting into your .PAC _________________________________________________ _________________ Some Key Textures You May Want To Change Character Names MiscData[30]/Textures/MenSelchrChrNm.001-501 __________________________________________ *The names that display in front of your characters CSP Max Size:144x24 Format: I4 *I4 is a format that omitts anything black. Only the white areas in the image will display in-game. Data Size Should Read 1,792B Need some crafty fonts? (http://i47.tinypic.com/2pzl9cm.jpg) (http://www.dafont.com/) *White font on black backgrounds only!! Premade Icon Packs Click On Banner to Go to Download Link (http://i46.tinypic.com/35hjko5.jpg) (http://www.mediafire.com/?yqnmmqhmarz) ___________________________________________ Brawl Icon MiscData[30]/Textures/MenSelchrPanelRule3.1 ___________________________________________ *This is the icon you change to go from free for all to team. Some people may be using Brawl+, or Brawl-, so you can change it accordingly to the type you are playing. Max Size:132x48 Format: CI8 *Do not import these in CMPR format. It will cause flicker in game and no image displayed Colors:96 Data Size Should Read 6,848B Premade Icons (http://i46.tinypic.com/35d7o75.jpg) (http://i50.tinypic.com/2cz9113.jpg) (http://i48.tinypic.com/2dtbody.jpg)(http://i46.tinypic.com/2eeezww.jpg)(http://i50.tinypic.com/2gxmqsh.jpg)(http://i45.tinypic.com/2zeyzqh.jpg) Just Right Click, Save Image As, then import as stated above PLEASE GIVE CREDIT IF YOU USE ANY OF THESE IN YOUR UPLOADS _________________________________________________ ________________ KillCount Icon MiscData[30]/Textures/MenSelchrStar ____________________________________________ *This Icon displays under your character CSP and displays the amount of kills you have Max Size: 32x32 Format: CI8 Colors: 80 Data Size Should Rread 1,312B Premade Icons (http://i48.tinypic.com/98wlef.jpg) (http://i46.tinypic.com/34i5ti1.jpg)(http://i48.tinypic.com/10fazq8.jpg) Just Right Click, Save Image As, then import as stated above PLEASE GIVE CREDIT IF YOU USE ANY OF THESE IN YOUR UPLOADS _________________________________________________ ________________ Character Icon Frame MiscData[30]/Textures/MenSelchrFaceFrame _________________________________________________ ______________ *The frame surrounding each characters selection picture Max Size: 24x24 Format: RGB5A3 Data Size should Read 1,216B Premade Frames (Black frames will be hard to See) (http://i48.tinypic.com/6nwcyh.jpg) Just Right Click, Save Image As, then import as stated above PLEASE GIVE CREDIT IF YOU USE ANY OF THESE IN YOUR UPLOADS _________________________________________________ ____________ Character Icons MiscData[70]/MenSelChrFace.000-51 _________________________________________________ ____________ *The Icon you select to pick a certain character. Max Size: 80x56 Format: CI8 Colors:256 *You can use CMPR instead but the CI8 format will preserve more detail especially in this small an image and if you're creating your own icons. Data Size Should Read 5,120B *The Vault currently has some nice Icons. Just export MiscData[70] from the sc_selcharacter.pac then replace the MiscData[70] on your CSS. *When designing your own Icons before to constrain proportions in photoshop when resizing your character images so you dont accidently make them fatter or skinnier. *Also, Use SSBB Bin Viewer to create your own character images. You don't have to use the internet for everything... Premade Icon Packs Click On Banner to Go to Download Link (http://i50.tinypic.com/2145bpf.jpg) (http://www.mediafire.com/?izinm5dmymi) (http://i50.tinypic.com/abhxti.jpg) (http://www.mediafire.com/?2yntmzg4rlm) (http://i50.tinypic.com/2zprzaq.jpg) (http://www.mediafire.com/?fyntnvzwmmd) PLEASE GIVE CREDIT IF YOU USE ANY OF THESE IN YOUR UPLOADS Anyone wanting to submit their own work *Make a MiscData[70] containing all the icons. *(Optional) Include the background template for people who want to add extra characters *Use the template above to create your own banner *To Submit, either upload it to the vault and send me the link or just send me the mediafire download link and image link to your banner. _________________________________________________ ______________ Some Minor Texture Changes Classic Controller Icon MiscData[30[/Textures/MenSelchrcontr.1 ____________________________ Max Size:40x24 Format:CI8 Colors:96 Data Size Should Read 1,280B Premade Icons (http://i49.tinypic.com/2l8vkte.jpg) Just Right Click, Save As, Then Import as shown above PLEASE GIVE CREDIT IF YOU USE ANY OF THESE IN YOUR UPLOADS _____________________________________________ Gamecube Controller Icon MiscData[30[/Textures/MenSelchrcontr.2 ____________________________ Max Size:40x32 Format:CI8 Colors:176 Data Size Should Read 1,760B Premade Icons (http://i48.tinypic.com/mlh07m.jpg) Just Right Click, Save As, Then Import as shown above PLEASE GIVE CREDIT IF YOU USE ANY OF THESE IN YOUR UPLOADS ____________________________________________ Wii Controller Icon MiscData[30[/Textures/MenSelchrcontr.3 ____________________________ Max Size:48x16 Format:CI8 Colors:96 Data Size Should Read 1,088B Premade Icons (http://i46.tinypic.com/wtepeh.jpg) Just Right Click, Save As, Then Import as shown above PLEASE GIVE CREDIT IF YOU USE ANY OF THESE IN YOUR UPLOADS ____________________________________________ Wii and Nunchuck Controller Icon MiscData[30[/Textures/MenSelchrcontr.4 ____________________________ Max Size:40x60 Format:CI8 Colors:128 Data Size Should Read 2,748B Premade Icons (http://i48.tinypic.com/2nl8go2.jpg) Just Right Click, Save As, Then Import as shown above PLEASE GIVE CREDIT IF YOU USE ANY OF THESE IN YOUR UPLOADS ____________________________________________ Other Textures _________________________________________________ _____________ *For those who want to edit other textures, simply export that certain texture, edit it, than import it back in the same format it was previously. _________________________________________________ ______________ Replacing Character CSPs. char_bust_tex_lz77 _________________________________________________ _ Max Size: 128x160 Format: CMPR *You can use CI8 but CMPR is smaller in Data Size, (CI8 Data Size:21,008B, CMPR Data Size: 10,304B) SMall reduction in image quality but barely noticable in game. Data Size Should Read 10,304B *A big Problem that people run into is when they replace the char_bust_tex_lz77 with their own they will usually freeze when trying to access the CSS because the file size passes the alloted size. To correct this just export your CSPs and replace them again but in CMPR until the file size goes below 3.79MB _________________________________________________ _________________ char_bust_tex *Just a simple list to help to help with replacing character CSPs. 0-Mario 1-DK 2-Link 3-Samus 4-Yoshi 5-Kirby 6-Fox 7-Pikachu 8-Luigi 9-Captain Falcon 10-Ness 11-Bowser 12-Peach 13-Zelda 14-Sheik 15-Ice Climbers 16-Marth 17-G&W 18-Falco 19-Ganondorf 21-MetaKnight 22-Pit 23-Zero Suit Samus 24-Olimar 25-Lucas 26-Diddy Kong 27-Pokemon Trainer 28-Charizard 29-Squirtle 30-Ivysaur 31-King DeDe 32-Lucario 33-Ike 34-R.O.B. 36-Jigglypuff 37-Wario 40-Toon Link 43-Wolf 45-Snake 46-Sonic *You'll notice 35,38,39,41,42, & 44 are blank. Im assuming those are for the alloys, Gigabowser, Warioman, and one extra blank for who knows what but as of yet we have no way to get those working in game. Maybe someone can tinker around with these to get them working... _________________________________________________ ________________________________ Editing The CSS Colors MiscData[30]/AnmClr(NW4R) _________________________________________________ _________________ *On Some of These you'll notice a full column of different colors. You dont have to edit each color individually. Select the top color, Hold Shift, Select the Last color. Now Right-Click, Edit. You'll now see a Start Color and an End Color. Just change to what you desire and Brawl Box will fill everything in between. MenSelchrBack_TopN__0 Bacl01: Controls The Colors of The Back Button MenSelchrCentry4_TopN__0 Card14: Controls The color of the Name Tab and the colors it flashes MenSelChrPanel_TopN__1 Panel01:Controls the Top Panel Behind the Brawl/Team Brawl Icon when READY TO FIGHT is displayed Panel02:Bottom Panel when READY TO FIGHT is displayed Ready01:Colors that flash when READY TO FIGHT is displayed. MenSelChrCcharEff4_TopN__0 lambert152:Controls glow color of your chosen character MenSelChrPanel_TopN__0 Panel01:Controls CSS default Colors _________________________________________________ _____________________________ //Be sure to check the file size before placing it back into your game\\ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ SSS(Stage Select Screen) sc_selmap.pac maximum size: 1.14MB *Anything Over Will Freeze Game Replacing Background Image MiscData[20]/Textures/MenSelchrFaceB.001 ______________________________________________ MenSelchrFaceB.001 Max Size: 650x520 *Be Sure to Index colors in Photoshop before saving your image. Format: CI8 Colors: 256 Data Size Should Read 341,760B. Resizing Photos: Preview MenSelMapBG under MiscData[20]/3D Models -You Should See a blank screen, Scroll out until you see your BG Image. -Open the left and right tabs. -(on Left Tab)Highlight MenSelchrCchar4_TopN under Bones -(On Right Tab) Highlight MenSelmapBG under Character Animations -Change Scale X and Scale Y to stretch the image under its respective axis. *Currently the Scale is Set to X:10 Y:8 Animating Your BG ( Same as for the CSS): Preview MenSelMapBG under MiscData[20]/3D Model -Do everything you did to get to the X and Y scale as stated above -Open up the Bottom Tab, You should see Frame 1/999 -Frame 1 is your starting Point, Frame 999 is the ending point. -Under Frame 1 Change Rotation Z to 0 -Change Frame 1 to 999, Change Rotaion Z to either 360 if you want a spin counter clockwise or -360 if you want a clockwise spin. *Of course if you're feeling adventerous you could modify the other axis'... Just remember Frame 1 is starting and Frame 999 is end. Anything in between will cause the animation to spin in that direction before spinning in another. Just experiment to see what I mean. And in case you wanna remove what you did on a specific frame just press clear on that frame or if you wanna remove everything just put in 0 under Frame 1 and 0 under Frame 999. *On the left hand side of the bottom tab you can modify the speed at which the image rotates or goes through its animation. *Be sure to not accidently pres the small up and down arrows next to the frame number. 999 frames is more than enough to do what you need it to. *To ensure uniformity, make sure both your CSS ans SSS are the same size and have the same animation. ______________________________________________ Replacing Stage Icons MiscData[80]/Textures/MenSelmapIcon.00-59 ______________________________________________ Max Size: 64x56 Format: CI8 Colors: 64 *Reduction in Image quality will occur but is barely noticable in-game. Data Size Should Read 3,840B *Some of you may be trying to create your own unique icons. Unfortunately the frame around the icons is part of the actual image unlike the icons in the CSS. Best way to do this is to create two layers in photoshop. One will be the frame of the image(have one already made beforehand) and the other is the actual image of the level. Make sure the frame layer is on top of the stage image layer than while the stage layer image is selected erase any parts of the image that are extruding out of the frame. Index your colors and your done. Premade Borders Just Do as instructed above.. (http://i48.tinypic.com/j7diyg.jpg) (http://i46.tinypic.com/6t1x5x.jpg)(http://i45.tinypic.com/5wxw8g.jpg) Just Right-Click, Save Image As PLEASE GIVE CREDIT IF YOU USE ANY OF THESE IN YOUR UPLOADS ______________________________________________ Replacing Stage Portraits MiscData[80]/Textures/MenSelmapPrevbase.00-59 ______________________________________________ Max Size: 176x176 Format: CMPR *You could use the CI8 format but since these new background enabled .pacs are going to be the norm pretty soon its best to stick with a format that has the least amount of impact on the data size. If you're suffering from SSS freezes chances are, these files are the culprits. *CI8 Data Size at 256 Colors=31,616B; CMPR Data Size=15,552B Data Size Should Read 15,552B ______________________________________________ Replacing Stage Names MiscData[80]/Textures/MenSelmapFrontStname.00-59 ______________________________________________ Max Size: 208x56 Format: I4 *I4 is a format that only displays the white parts of an image. Anything black will be omitted in game. Data Size Should Read 5,888B Need some crafty fonts? (http://i47.tinypic.com/2pzl9cm.jpg) (http://www.dafont.com/) *White font on black backgrounds only!! ______________________________________________ Editing The SSS Colors MiscData[20]/AnmClr(NW4R) ____________________________________________ *The back button is the main button you need to modify. Experiment with the others to see what they modify MenSelmapBack backcolorM: Controls the color and flashing of the Back button _____________________________________________ //Be sure to check the file size before placing it back into your game\\ For Those Experiencing SSS Freezes while editing textures _________________________________________________ *Most likely caused due to increased texture data size when replacing SSS Icons and SSS portraits *To fix this just follow the format for replacing SSS Icons and portraits to ensure you remain under the file size limit. *Be sure to index your image after editing in photoshop. A lot of people forget to do this. _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ I hope this has in some way helped you to create your own personal CSS/SSS. I look forward to seeing what pops up in the vault now. I will update whenever new stuff develops. Keep in mind the stuff in this tutorial is just what we've found so far. Currently I am working on getting unique animated backgrounds working(not just spinning and what not) and will update when I have a full working .PAC. A big thanks to the Brawl Hacking Community. Without you none of this would be possible today. Enjoy your new skills... //2 Title: Re: Dummies Guide to Custom CSS/SSS Post by: dingo on June 07, 2010, 05:47:20 PM I think posting the guide instead of a dl for it would have made things easier and attracted more people...
You could have provided the default CSS and SSS but not a lot of people are keen on DLing text files... Title: Re: Dummies Guide to Custom CSS/SSS Post by: //2 on June 07, 2010, 06:09:46 PM There you go dingoberriz. :)
Title: Re: Dummies Guide to Custom CSS/SSS Post by: Chuy on June 07, 2010, 10:48:12 PM very nice guide
For the SSP part you should probably add how to lower the filesize if it starts freezing but other than that suggestion it's pretty good Title: Re: Dummies Guide to Custom CSS/SSS Post by: Hollow on June 08, 2010, 05:33:01 AM Soooo........what was the reason for putting it in the vault?
Title: Re: Dummies Guide to Custom CSS/SSS Post by: dingo on June 08, 2010, 05:35:36 AM Soooo........what was the reason for putting it in the vault? It has the files you need. It's fine there. The readme being an option as opposed to reading in the forum is handy but some people already have the files and wouldn't want to dl just for a guide. Title: Re: Dummies Guide to Custom CSS/SSS Post by: Hollow on June 08, 2010, 05:38:54 AM I just find it unnecessary, but, okay. :-\
Title: Re: Dummies Guide to Custom CSS/SSS Post by: dingo on June 08, 2010, 05:43:53 AM Better than people coming here, seeing this and complaining wanting download links for everything. I thought it was unnecessary to only be in brawlvault and not have the guide in the thread. Now there shouldn't be complaints for either reason.
Title: Re: Dummies Guide to Custom CSS/SSS Post by: mnsg on June 08, 2010, 06:34:10 AM You did mess up with the texture format names. You called the CI8 format C18, which is not correct. Change this if possible.
Also, if I recall, you can't change texture formats for textures; doing that almost always leads to either errors in-game or game crashes. When replacing character portraits, you have to always go with the CI8 format, with an RGB5A3 palette. Ever considered lowering the maximum colors that the palette uses? That can help reduce the amount of memory that the portrait itself uses. Title: Re: Dummies Guide to Custom CSS/SSS Post by: //2 on June 08, 2010, 08:39:47 AM @mnsg I'll fix the format names as soon as I can.
As for the character portraits, Ive been using CMPR for quite some time to reduce the total file size. Using the RGB5A3 format and reducing colors does lower file size but is nowhere near the reduction in size that CMPR does. I am aware that using CMPR in certain areas will cause glitches in game which is why I only said to use CMPR in specific areas that I personally have seen to not affect the game. Even using the least amount of colors in CI8 format will only decrease the file size by 1,000B and look horrible compared to CMPR which decreases the file size by 10,000B and still looks good. Keep in mind those who want to use a background texture are gonna want to use a decent sized picture which will inflate the total size of the file past 3.79MB. Theoretically you could switch all your CSPs to CMPR and create enough room to insert a 1290x960 size picture. Well, maybe not that big but its not impossible. Title: Re: Dummies Guide to Custom CSS/SSS Post by: //2 on June 08, 2010, 08:54:29 AM @ Chuy
Decreasing the file size is a tedious process. If you're feeling adventurous and want to start from a complete virgin file you would have have to export all the texture files that contain the SSP's and Icons then re import them using CMPR or lowering the colors. For Icons you would have to import them in CI8 format than lower the colors to get some reduction in size because importing icons in CMPR will cause a glitch where you have no image in game and a flickering background. The lowest I got my file size was 1.1MB before I added the background. Theres just a not a lot of big texture files in the SSS and chances are that if you're getting freezes the SSS Icons or the SSS portraits are the culprit since those are the ones most edited. Just remember the goal is to reduce the file size so that you can add something of your own. Thats why most people never figured out how to add backgrounds to the SSS in the first place. They had the right idea but never thought to lower the file size. Whatever you add, you have to take away from somewhere else. Hope this helps. Title: Re: Dummies Guide to Custom CSS/SSS Post by: ADJSonic on June 08, 2010, 12:31:18 PM Um why in the world dl it?
Just copy Paste the guide into notepad. Title: Re: Dummies Guide to Custom CSS/SSS Post by: dingo on June 08, 2010, 12:37:54 PM Um why in the world dl it? Just copy Paste the guide into notepad. Copy and pasting this won't give you the files you need to do this. If you don't have the files or know what you need its in the DL. Along with a readme. That simple and makes things easier for everyone this way. Putting it in the vault was a smart idea for people who need the specific files. They don't have to post asking what they need and ask for DL links when it's already provided. Title: Re: Dummies Guide to Custom CSS/SSS Post by: //2 on June 08, 2010, 12:49:12 PM Thanks for the support dingoberriz. Its hard to get appreciated around here isn't it?
Happy Birthday by the way... Title: Re: Dummies Guide to Custom CSS/SSS Post by: ADJSonic on June 08, 2010, 12:54:18 PM @//2
sorry just thought most people use WII Scrubber. But anyway great tutorial. Title: Re: Dummies Guide to Custom CSS/SSS Post by: infalen on June 09, 2010, 10:40:55 AM :af2:
Very nice guide! I've been trying to change that darn SSS screen, great job! Title: Re: Dummies Guide to Custom CSS/SSS Post by: //2 on June 09, 2010, 03:24:14 PM @infalen
Thx for the support. Its always nice to hear that ones work is appreciated. Title: Re: Dummies Guide to Custom CSS/SSS Post by: Player-4 on June 10, 2010, 09:32:07 AM So how do you open the pac files in Photoshop? Idk how to open them to edit them. I've really only worked with character textures, so idk :/
Title: Re: Dummies Guide to Custom CSS/SSS Post by: //2 on June 10, 2010, 10:22:18 AM @ Player-4
Firstly, you're going to need BrawlBox to open the pac files. From there its just a matter of finding the texture you wanna edit (use the guide to find specific textures) and exporting it. When the export as box pops up make sure you change the type to .png so that you can open it in Photoshop. Title: Re: Dummies Guide to Custom CSS/SSS Post by: flammable on June 10, 2010, 10:28:20 AM at first i was skeptical, but this looks nice, ill use it :D
twice Title: Re: Dummies Guide to Custom CSS/SSS Post by: mnsg on June 10, 2010, 11:03:51 AM @ Player-4 Firstly, you're going to need BrawlBox to open the pac files. From there its just a matter of finding the texture you wanna edit (use the guide to find specific textures) and exporting it. When the export as box pops up make sure you change the type to .png so that you can open it in Photoshop. There is one problem to keep note about. Some texture formats utilize multiple transparent colors, which aren't seen with the PNG format. To view the transparent colors, you must export the textures as TarGA (.tga) images and open them via Photoshop CS3 or CS4; TarGA transparency is recognized differently than PNG transparency in Photoshop CS3/CS4. Texture formats that utilize multiple transparent colors include IA4, IA8, RGB5A3, and RGBA8. Additionally, CI4 and CI8 textures that use IA8 and RGB5A3 palettes are fair game in this dilemma too. Exporting these texture formats as TarGA images will most likely be recommended if semi-transparency is involved. If there's nothing transparent, or there's as little as "1" transparent color, then you can export the textures in the PNG format instead. The I4, I8, and RGB565 formats don't support transparency at all. Likewise, CI4 and CI8 textures that use RGB565 palettes can't be transparent either. These texture formats can be exported as PNG images without any worries. CMPR only accepts "1" transparent color, meaning that semi-transparency is impossible with that format. Because of this, exporting CMPR textures as PNG images will work just fine. You do need to keep all this in mind, since if you don't know how to deal with semi-transparency, you could end up with a texture part that'll have black areas when viewed in-game. Title: Re: Dummies Guide to Custom CSS/SSS Post by: //2 on June 10, 2010, 11:32:23 AM @mnsg
Thx for the extra info. Mind if I add that in? Title: Re: Dummies Guide to Custom CSS/SSS Post by: mnsg on June 10, 2010, 12:41:35 PM @mnsg Thx for the extra info. Mind if I add that in? Be my guest. Just remember to credit me for this information. Title: Re: Dummies Guide to Custom CSS/SSS Post by: angelbless on June 10, 2010, 08:49:18 PM Amazing!! this is what I was looking for !! :)
Please make 2/2 too :D!! Title: Re: Dummies Guide to Custom CSS/SSS Post by: MyKewl on June 10, 2010, 10:04:12 PM thanks
Title: Re: Dummies Guide to Custom CSS/SSS Post by: MyKewl on June 11, 2010, 03:32:16 PM i love my new css
Title: Re: Dummies Guide to Custom CSS/SSS Post by: Wulfbang Meow on June 12, 2010, 03:59:33 AM one question, if you wanted to make an animated background like, say you wanted moving flames for a background (simple i know) just simple moving flames, how would you make an animation for it? can you point me to a tutorial that explains how to create animations that do such things?
Title: Re: Dummies Guide to Custom CSS/SSS Post by: //2 on June 12, 2010, 07:36:59 AM @ CR4CK3RWOLF
As of yet there is no way to replace any of the textures with actual video files or GIF images. The only way I see possible to getting that type of animation is if we somehow figure out how to port over Stage Animations as our backgrounds. Maybe ask around with the Stage Design guys and please post what they say. I wouldn't mind working on getting it to work. Title: Re: Dummies Guide to Custom CSS/SSS Post by: //2 on June 12, 2010, 07:58:08 AM Messes around for a bit with the background files. I got the stage models working for the background but I came across two problems....
1)They're not animated 2)There is a long list of textures that need to be added in for it to show properly. Otherwise its just all white. So unless there is a way to add new textures into the MiscData[30] without replacing and renaming other files I dont see this working any time soon... Title: Re: Dummies Guide to Custom CSS/SSS Post by: Wulfbang Meow on June 12, 2010, 10:22:44 PM @//2, well if its like that, i should just be able to straight port mewtwo2000's what is love stage or something and replace the pics with flames and have them animate XD
as long as i stick to the file size limits i should be fine right? sounds easy enough.. Title: Re: Dummies Guide to Custom CSS/SSS Post by: //2 on June 13, 2010, 06:52:05 AM @ CR4CK3RW0LF
Its worth a try. You're still gonna have to get past that little obstacle of it not being animated... Title: Re: Dummies Guide to Custom CSS/SSS Post by: Velen on June 19, 2010, 04:05:46 PM @//2:
How many colors can the Face Frame have on it without making the game freeze? I am planning a Mega Man themed CSS and SSS with custom Face Icons and everything made from scratch over the original files to give them a NES or SNES Mega Man feel to them. So this is important for the borders. Title: Re: Dummies Guide to Custom CSS/SSS Post by: //2 on June 19, 2010, 05:16:50 PM @Velen Zaiga
For the Faceframe import it in RGB5A3 format. The data size should read 1,216B. In the guide I accidentally wrote IA4 which is gray scale. Thats a mistake on my part. You shouldn't have to worry about the colors since RGB5A3 doesn't allow you to edit that. Hope this fixes your problem. Title: Re: Dummies Guide to Custom CSS/SSS Post by: Velen on June 19, 2010, 05:21:11 PM So what you're saying is that I cannot edit the colors? If so, then "bollocks"!
I exported it as a TarGA and then resaved it as a PNG. What is the least number of colors I should have. Title: Re: Dummies Guide to Custom CSS/SSS Post by: mnsg on June 19, 2010, 05:35:40 PM So what you're saying is that I cannot edit the colors? If so, then "bollocks"! I exported it as a TarGA and then resaved it as a PNG. What is the least number of colors I should have. The RGB5A3 format has no color limit, but you will see some color (http://i0.kym-cdn.com/photos/images/newsfeed/000/143/193/cad-20080602-358b1.jpg?1309710446) when replacing textures of that format. Also, all texture formats can use a minimum of 1 color. Title: Re: Dummies Guide to Custom CSS/SSS Post by: //2 on June 19, 2010, 06:22:20 PM @mnsg
It amazes me how you just appear instantly out of nowhere with picture format info. You're like a mystical ninja of information. Lol! :D @Velen Zaiga You shouldn't get so bent out of shape trying to format the Faceframe file. The guide is more of a guideline than actual rules. You can import your image in any format you want as long as you keep under the file size limit. Just remember no matter how awesome your image looks in photoshop its gonna lose some luster in-game. Especially the faceframe image since its very small in game. To everyone else: Gonna be going on vacation so no updates this week so before I go I'm adding a new Icon pack for anyone that uses those. I'll update when I get back. See y'all later. Title: Re: Dummies Guide to Custom CSS/SSS Post by: Velen on June 19, 2010, 08:16:06 PM The reason I asked is cause I want to keep it at or under the size limit so it won't freeze.
Title: Re: Dummies Guide to Custom CSS/SSS Post by: mvit on June 21, 2010, 10:34:38 PM also, for the Character Name text, the font it uses is called Mercury Display Bold, here are some examples (http://img.photobucket.com/albums/v451/maurivit/Forbidden7CSP.png)
Title: Re: Dummies Guide to Custom CSS/SSS Post by: mnsg on June 22, 2010, 01:58:51 PM @mnsg It amazes me how you just appear instantly out of nowhere with picture format info. You're like a mystical ninja of information. Lol! :D Well, a lot of my work involves texture editing. Because of that, I've gained a lot of knowledge regarding the texture formats. I've even learned the file size amounts that each texture format uses, depending on the texture size dimensions. Here are two examples as a reference. ------------------------ 128 x 128 pixel texture I4 - 8,256 bytes I8 - 16,448 bytes IA4 - 16,448 bytes IA8 - 32,832 bytes RGB565 - 32,832 bytes RGB5A3 - 32,832 bytes RGBA8 - 65,600 bytes CI4 (16 color palette) - 8,352 bytes CI8 (16 color palette) - 16,544 bytes CI8 (256 color palette) - 17,024 bytes CMPR - 8,256 bytes ------------------------ 256 x 256 pixel texture I4 - 32,832 bytes I8 - 65,600 bytes IA4 - 65,600 bytes IA8 - 131,136 bytes RGB565 - 131,136 bytes RGB5A3 - 131,136 bytes RGBA8 - 262,208 bytes CI4 (16 color palette) - 32,928 bytes CI8 (16 color palette) - 65,696 bytes CI8 (256 color palette) - 66,176 bytes CMPR - 32,832 bytes ------------------------ Now, from what I've noticed, adjusting the CI8 texture's palette adds/removes 32 bytes for each 16 colors that you add/remove. Also, the texture format with the best quality is RGBA8. However, because of that, it uses the most memory among all the other texture formats. Title: Re: Dummies Guide to Custom CSS/SSS Post by: Raiuken on June 23, 2010, 10:05:21 AM Just a quick question, do you guys know where you put the in-game character portraits and what file it is? I know it's probably a silly question but I would like to add textures to the in-game, tourney, and results screens. I have a couple of images for during battle, but I don't know what file stores that information as well as it's location. I think it would be great if you add it to the guide.
-edit- I found it. Here's a link to the thread I found on it.http://forums.kc-mm.com/index.php?topic=25.0 (http://forums.kc-mm.com/index.php?topic=25.0) I was hoping it would be in a big pac file like the CSS files are, but it's all individual. :'( It's frustrating, but I'll live with it. Title: Re: Dummies Guide to Custom CSS/SSS Post by: Miniova on July 14, 2010, 12:57:53 PM Hey here's something you can add to the guide for people who can't seem to figure it out. Its a list I made that corresponds every csp with it's file.
Code: Mario MenSelchrFaceB.001 - FitMario00 MenSelchrFaceB.002 - FitMario06 MenSelchrFaceB.003 - FitMario03 MenSelchrFaceB.004 - FitMario04 MenSelchrFaceB.005 - FitMario05 MenSelchrFaceB.006 - FitMario02 Donkey Kong MenSelchrFaceB.011 - FitDonkey00 MenSelchrFaceB.012 - FitDonkey04 MenSelchrFaceB.013 - FitDonkey01 MenSelchrFaceB.014 - FitDonkey03 MenSelchrFaceB.015 - FitDonkey02 MenSelchrFaceB.016 - FitDonkey05 Link MenSelchrFaceB.021 - FitLink00 MenSelchrFaceB.022 - FitLink01 MenSelchrFaceB.023 - FitLink03 MenSelchrFaceB.024 - FitLink05 MenSelchrFaceB.025 - FitLink06 MenSelchrFaceB.026 - FitLink04 Samus MenSelchrFaceB.031 - FitSamus00 MenSelchrFaceB.032 - FitSamus03 MenSelchrFaceB.033 - FitSamus01 MenSelchrFaceB.034 - FitSamus05 MenSelchrFaceB.035 - FitSamus04 MenSelchrFaceB.036 - FitSamus02 Yoshi MenSelchrFaceB.041 - FitYoshi00 MenSelchrFaceB.042 - FitYoshi01 MenSelchrFaceB.043 - FitYoshi03 MenSelchrFaceB.044 - FitYoshi04 MenSelchrFaceB.045 - FitYoshi05 MenSelchrFaceB.046 - FitYoshi06 Kirby MenSelchrFaceB.051 - FitKirby00 MenSelchrFaceB.052 - FitKirby04 MenSelchrFaceB.053 - FitKirby03 MenSelchrFaceB.054 - FitKirby01 MenSelchrFaceB.055 - FitKirby02 MenSelchrFaceB.056 - FitKirby05 Fox MenSelchrFaceB.061 - FitFox00 MenSelchrFaceB.062 - FitFox04 MenSelchrFaceB.063 - FitFox01 MenSelchrFaceB.064 - FitFox02 MenSelchrFaceB.065 - FitFox03 MenSelchrFaceB.066 - FitFox05 Pikachu MenSelchrFaceB.071 - FitPikachu00 MenSelchrFaceB.072 - FitPikachu01 MenSelchrFaceB.073 - FitPikachu02 MenSelchrFaceB.074 - FitPikachu03 Luigi MenSelchrFaceB.081 - FitLuigi00 MenSelchrFaceB.082 - FitLuigi05 MenSelchrFaceB.083 - FitLuigi01 MenSelchrFaceB.084 - FitLuigi03 MenSelchrFaceB.085 - FitLuigi04 MenSelchrFaceB.086 - FitLuigi06 Captain Falcon MenSelchrFaceB.091 - FitCaptain00 MenSelchrFaceB.092 - FitCaptain04 MenSelchrFaceB.093 - FitCaptain01 MenSelchrFaceB.094 - FitCaptain02 MenSelchrFaceB.095 - FitCaptain03 MenSelchrFaceB.096 - FitCaptain05 Ness MenSelchrFaceB.101 - FitNess00 MenSelchrFaceB.102 - FitNess05 MenSelchrFaceB.103 - FitNess04 MenSelchrFaceB.104 - FitNess02 MenSelchrFaceB.105 - FitNess03 MenSelchrFaceB.106 - FitNess06 Bowswer MenSelchrFaceB.111 - FitKoopa00 MenSelchrFaceB.112 - FitKoopa04 MenSelchrFaceB.113 - FitKoopa01 MenSelchrFaceB.114 - FitKoopa03 MenSelchrFaceB.115 - FitKoopa05 MenSelchrFaceB.116 - FitKoopa06 Peach MenSelchrFaceB.121 - FitPeach00 MenSelchrFaceB.122 - FitPeach05 MenSelchrFaceB.123 - FitPeach01 MenSelchrFaceB.124 - FitPeach03 MenSelchrFaceB.125 - FitPeach02 MenSelchrFaceB.126 - FitPeach04 Zelda MenSelchrFaceB.131 - FitZelda00 MenSelchrFaceB.132 - FitZelda01 MenSelchrFaceB.133 - FitZelda03 MenSelchrFaceB.134 - FitZelda05 MenSelchrFaceB.135 - FitZelda02 MenSelchrFaceB.136 - FitZelda04 Sheik MenSelchrFaceB.141 - FitSheik00 MenSelchrFaceB.142 - FitSheik01 MenSelchrFaceB.143 - FitSheik03 MenSelchrFaceB.144 - FitSheik05 MenSelchrFaceB.145 - FitSheik02 MenSelchrFaceB.146 - FitSheik04 Ice Climbers MenSelchrFaceB.151 - FitPopo00 MenSelchrFaceB.152 - FitPopo01 MenSelchrFaceB.153 - FitPopo03 MenSelchrFaceB.154 - FitPopo04 MenSelchrFaceB.155 - FitPopo02 MenSelchrFaceB.156 - FitPopo05 Marth MenSelchrFaceB.161 - FitMarth00 MenSelchrFaceB.162 - FitMarth01 MenSelchrFaceB.163 - FitMarth02 MenSelchrFaceB.164 - FitMarth04 MenSelchrFaceB.165 - FitMarth05 MenSelchrFaceB.166 - FitMarth03 Mr. Game&Watch MenSelchrFaceB.171-176 - FitGameWatch00 Falco MenSelchrFaceB.181 - FitFalco00 MenSelchrFaceB.182 - FitFalco05 MenSelchrFaceB.183 - FitFalco03 MenSelchrFaceB.184 - FitFalco01 MenSelchrFaceB.185 - FitFalco02 MenSelchrFaceB.186 - FitFalco04 Ganondorf MenSelchrFaceB.191 - FitGanon00 MenSelchrFaceB.192 - FitGanon04 MenSelchrFaceB.193 - FitGanon03 MenSelchrFaceB.194 - FitGanon02 MenSelchrFaceB.195 - FitGanon01 MenSelchrFaceB.196 - FitGanon05 Meta Knight MenSelchrFaceB.211 - FitMetaKnight00 MenSelchrFaceB.212 - FitMetaKnight04 MenSelchrFaceB.213 - FitMetaKnight01 MenSelchrFaceB.214 - FitMetaKnight02 MenSelchrFaceB.215 - FitMetaKnight03 MenSelchrFaceB.216 - FitMetaKnight05 Pit MenSelchrFaceB.221 - FitPit00 MenSelchrFaceB.222 - FitPit04 MenSelchrFaceB.223 - FitPit01 MenSelchrFaceB.224 - FitPit02 MenSelchrFaceB.225 - FitPit03 MenSelchrFaceB.226 - FitPit05 Zero Suit Samus MenSelchrFaceB.231 - FitSZeroSuit00 MenSelchrFaceB.232 - FitSZeroSuit03 MenSelchrFaceB.233 - FitSZeroSuit01 MenSelchrFaceB.234 - FitSZeroSuit05 MenSelchrFaceB.235 - FitSZeroSuit04 MenSelchrFaceB.236 - FitSZeroSuit02 Captain Olimar MenSelchrFaceB.241 - FitPikmin00 MenSelchrFaceB.242 - FitPikmin04 MenSelchrFaceB.243 - FitPikmin01 MenSelchrFaceB.244 - FitPikmin05 MenSelchrFaceB.245 - FitPikmin02 MenSelchrFaceB.246 - FitPikmin03 Lucas MenSelchrFaceB.251 - FitLucas00 MenSelchrFaceB.252 - FitLucas04 MenSelchrFaceB.253 - FitLucas01 MenSelchrFaceB.254 - FitLucas03 MenSelchrFaceB.255 - FitLucas02 MenSelchrFaceB.256 - FitLucas05 Diddy Kong MenSelchrFaceB.261 - FitDiddy00 MenSelchrFaceB.262 - FitDiddy05 MenSelchrFaceB.263 - FitDiddy04 MenSelchrFaceB.264 - FitDiddy06 MenSelchrFaceB.265 - FitDiddy02 MenSelchrFaceB.266 - FitDiddy03 Pokemon Trainer MenSelchrFaceB.271 - FitPokeTrainer00 MenSelchrFaceB.272 - FitPokeTrainer01 MenSelchrFaceB.273 - FitPokeTrainer02 MenSelchrFaceB.274 - FitPokeTrainer03 MenSelchrFaceB.275 - FitPokeTrainer04 Charizard MenSelchrFaceB.281-285 - See 271-275 Squirtle MenSelchrFaceB.291-295 - See 271-275 Ivysaur MenSelchrFaceB.301-305 - See 271-275 King Dedede MenSelchrFaceB.311 - FitDedede00 MenSelchrFaceB.312 - FitDedede06 MenSelchrFaceB.313 - FitDedede02 MenSelchrFaceB.314 - FitDedede05 MenSelchrFaceB.315 - FitDedede03 MenSelchrFaceB.316 - FitDedede04 Lucario MenSelchrFaceB.321 - FitLucario00 MenSelchrFaceB.322 - FitLucario01 MenSelchrFaceB.323 - FitLucario04 MenSelchrFaceB.324 - FitLucario05 MenSelchrFaceB.325 - FitLucario02 Ike MenSelchrFaceB.331 - FitIke00 MenSelchrFaceB.332 - FitIke05 MenSelchrFaceB.333 - FitIke04 MenSelchrFaceB.334 - FitIke03 MenSelchrFaceB.335 - FitIke02 MenSelchrFaceB.336 - FitIke01 R.O.B. MenSelchrFaceB.341 - FitRobot00 MenSelchrFaceB.342 - FitRobot06 MenSelchrFaceB.343 - FitRobot05 MenSelchrFaceB.344 - FitRobot04 MenSelchrFaceB.345 - FitRobot03 MenSelchrFaceB.346 - FitRobot02 Jigglypuff MenSelchrFaceB.361 - FitPurin00 MenSelchrFaceB.362 - FitPurin01 MenSelchrFaceB.363 - FitPurin04 MenSelchrFaceB.364 - FitPurin03 MenSelchrFaceB.365 - FitPurin02 Wario MenSelchrFaceB.371 - FitWario00 MenSelchrFaceB.372 - FitWario01 MenSelchrFaceB.373 - FitWario05 MenSelchrFaceB.374 - FitWario02 MenSelchrFaceB.375 - FitWario04 MenSelchrFaceB.376 - FitWario03 MenSelchrFaceB.377 - FitWario06 MenSelchrFaceB.378 - FitWario07 MenSelchrFaceB.379 - FitWario09 MenSelchrFaceB.380 - FitWario08 MenSelchrFaceB.381 - FitWario10 MenSelchrFaceB.382 - FitWario11 Toon Link MenSelchrFaceB.401 - FitToonLink00 MenSelchrFaceB.402 - FitToonLink01 MenSelchrFaceB.403 - FitToonLink03 MenSelchrFaceB.404 - FitToonLink04 MenSelchrFaceB.405 - FitToonLink05 MenSelchrFaceB.406 - FitToonLink06 MenSelchrFaceB.411-416 - Blank Wolf MenSelchrFaceB.431 - FitWolf00 MenSelchrFaceB.432 - FitWolf01 MenSelchrFaceB.433 - FitWolf04 MenSelchrFaceB.434 - FitWolf02 MenSelchrFaceB.435 - FitWolf03 MenSelchrFaceB.436 - FitWolf05 Snake MenSelchrFaceB.451 - FitSnake00 MenSelchrFaceB.452 - FitSnake01 MenSelchrFaceB.453 - FitSnake03 MenSelchrFaceB.454 - FitSnake04 MenSelchrFaceB.455 - FitSnake02 MenSelchrFaceB.456 - FitSnake05 Sonic MenSelchrFaceB.461 - FitSonic00 MenSelchrFaceB.462 - FitSonic05 MenSelchrFaceB.463 - FitSonic04 MenSelchrFaceB.464 - FitSonic02 MenSelchrFaceB.465 - FitSonic01 Title: Re: Dummies Guide to Custom CSS/SSS Post by: KidCraft24 on July 22, 2010, 12:14:39 PM i was wondering how in brawlbox would u go about replacing the MenSelchrFaceB.001 with one thats 650 x 520. Cuz the original one is only 128 x 160 and whenever i try to increase it i get an error, and when i try to look at my CSS in game it freezes. do i have to delete the original and just make a new texture thats of 650x520 and rename it or do i just increase the width and height of the one thats 128x160?
Title: Re: Dummies Guide to Custom CSS/SSS Post by: Alpha Axl on July 25, 2010, 09:54:16 AM The max height is 128x160, if you have a bigger image I believe it freezes.
Title: Re: Dummies Guide to Custom CSS/SSS Post by: DSX8 on August 03, 2010, 01:48:10 AM ok... i did everything like it says.... but i ran into a problem. After i edited my SSS, the icons arnt even there, just a white box to where the stages are. Wen i move the pointer over 1 of them, every box says the name of the stage im highlighted over.
mind helping? ^^" Title: Re: Dummies Guide to Custom CSS/SSS Post by: mnsg on August 03, 2010, 06:05:34 AM ok... i did everything like it says.... but i ran into a problem. After i edited my SSS, the icons arnt even there, just a white box to where the stages are. Wen i move the pointer over 1 of them, every box says the name of the stage im highlighted over. mind helping? ^^" Did you mess up with the texture formats? Pay close attention to what's listed below. MenSelmapIcon.## - 64x56 pixels - CI8 texture / RGB5A3 palette MenSelmapPrevbase.## - 176x176 pixels - CMPR texture MenStageSwitch.## - 128x64 pixels - CMPR texture Also, when editing sc_selmap.pac, the BRRES archive that contains the stage select icons and portraits will be named MiscData[80]. Title: Re: Dummies Guide to Custom CSS/SSS Post by: DSX8 on August 03, 2010, 10:28:54 AM ok... i did everything like it says.... but i ran into a problem. After i edited my SSS, the icons arnt even there, just a white box to where the stages are. Wen i move the pointer over 1 of them, every box says the name of the stage im highlighted over. mind helping? ^^" Did you mess up with the texture formats? Pay close attention to what's listed below. MenSelmapIcon.## - 64x56 pixels - CI8 texture / RGB5A3 palette MenSelmapPrevbase.## - 176x176 pixels - CMPR texture MenStageSwitch.## - 128x64 pixels - CMPR texture Also, when editing sc_selmap.pac, the BRRES archive that contains the stage select icons and portraits will be named MiscData[80]. hmm, yeah, i did that, i just looked in MiscData[80] data again, and i dont see a MenStageSwitch.## in there. Title: Re: Dummies Guide to Custom CSS/SSS Post by: DSX8 on August 03, 2010, 10:48:43 AM oh i figured out wat was wrong. lmao i forgot to merge the layers xD
Title: Re: Dummies Guide to Custom CSS/SSS Post by: mnsg on August 03, 2010, 11:26:21 AM hmm, yeah, i did that, i just looked in MiscData[80] data again, and i dont see a MenStageSwitch.## in there. You won't find any textures named MenStageSwitch.## in sc_selmap.pac. Those texture parts are found inside the MenuRule_en archive in mu_menumain.pac and sc_selcharacter2.pac. They're also found in MenuRule.pac. I only included that information if you're also replacing the portraits for the Rules menu. Title: Re: Dummies Guide to Custom CSS/SSS Post by: mnsg on August 18, 2010, 12:16:32 PM Major bump, but I do have an image to show, in terms of the character color slots. It'll help people with the texture replacing accuracy.
Note: The following image is quite big in height, which is why it's in a spoiler box. Title: Re: Dummies Guide to Custom CSS/SSS Post by: Krystedez on September 04, 2010, 07:47:43 PM I can't get the icon packs from the two artists in the original post to work correctly with my sc_selcharacter.pac. They consistently turn into mushy ugly boxes of deformed colors unrecognizable at all. This seems to only happen with colored portraits (I'm talking about those icons that you put your cursor over in the actual character select screen)
Is there something I'm doing wrong? I did exactly what it says, I replaced the MiscData 70 bress or whatever, and it simply does not look right at all. . . Title: Re: Dummies Guide to Custom CSS/SSS Post by: mnsg on September 05, 2010, 06:44:55 AM I can't get the icon packs from the two artists in the original post to work correctly with my sc_selcharacter.pac. They consistently turn into mushy ugly boxes of deformed colors unrecognizable at all. This seems to only happen with colored portraits (I'm talking about those icons that you put your cursor over in the actual character select screen) Is there something I'm doing wrong? I did exactly what it says, I replaced the MiscData 70 bress or whatever, and it simply does not look right at all. . . The character CSS icons have to be in CMPR format. It's possible that the CSS icons that you're using have the wrong texture format. Title: Re: Dummies Guide to Custom CSS/SSS Post by: Krystedez on September 05, 2010, 02:28:18 PM They're all in C18, with their own palletes (marked with HasPallete=true)
If the CMPR is what it needs to be, why did they put it in C18? That's silly. . . I guess I'll go and export, and reimport them as CMPRs and see what happens. Title: Re: Dummies Guide to Custom CSS/SSS Post by: mnsg on September 05, 2010, 06:47:17 PM They're all in C18, with their own palletes (marked with HasPallete=true) If the CMPR is what it needs to be, why did they put it in C18? That's silly. . . I guess I'll go and export, and reimport them as CMPRs and see what happens. Well, keep the following information in mind next time. MenSelchrChrFace.### - 80x56 pixels - CMPR texture MenSelchrChrNmS.### - variable pixels - I4 texture P.S.: You misnamed one of the texture formats. What you stated as C18 is actually called CI8; the "1" and "I" look completely different in BrawlBox. Title: Re: Dummies Guide to Custom CSS/SSS Post by: Krystedez on September 06, 2010, 12:25:59 PM Well it's a typo, not like I actually ported them over to C(1)8 or CI8 myself anyways. This is the creator's fault. Honestly, it should work right off the bat, and not be in an unusable format at all is what I'm saying.
Title: Re: Dummies Guide to Custom CSS/SSS Post by: DAO_Ibuki on September 24, 2010, 08:35:42 PM i am not sure of this cuestion but , how can change figter name in battle? in info change the portrites but i not sure wath .pac i change the display name in battle
Title: Re: Dummies Guide to Custom CSS/SSS Post by: Segtendo on September 25, 2010, 05:08:04 PM i am not sure of this cuestion but , how can change figter name in battle? in info change the portrites but i not sure wath .pac i change the display name in battle It's in info_en.pacTitle: Re: Dummies Guide to Custom CSS/SSS Post by: DAO_Ibuki on September 25, 2010, 08:21:21 PM It's in info_en.pac ok thank you the direction is ? RSBE/pf/info/info_en.pac...... yes? i change the name of metaknigth to tetra but it not work..... Title: Re: Dummies Guide to Custom CSS/SSS Post by: mnsg on September 25, 2010, 09:06:01 PM It's in info_en.pac ok thank you the direction is ? RSBE/pf/info/info_en.pac...... yes? i change the name of metaknigth to tetra but it not work..... You're looking for the folder info2. If it's not there, make one. Title: Re: Dummies Guide to Custom CSS/SSS Post by: AshtrayHeart on September 27, 2010, 03:55:27 PM This may sound like a dumb question but I'm really at a (http://i0.kym-cdn.com/photos/images/newsfeed/000/143/193/cad-20080602-358b1.jpg?1309710446).
If anyone can seriously direct me to the best guide in changing character portraits, that would be absolutely wonderful. I'm really trying to make my hacked Brawl more authentic. So far I managed to change all the song titles so I want to change the big and small portraits next. Also, would I have to make my own CSS or can I use the CSS I have now and just edit it through Brawlbox? Title: Re: Dummies Guide to Custom CSS/SSS Post by: Miniova on September 30, 2010, 04:09:42 AM Major bump, but I do have an image to show, in terms of the character color slots. It'll help people with the texture replacing accuracy. Note: The following image is quite big in height, which is why it's in a spoiler box. Oh hello picture version of my list Title: Re: Dummies Guide to Custom CSS/SSS Post by: ApioSSJ on October 05, 2010, 08:05:49 PM Hello. When I try to mod the character icons (the icon you select to pick a certain character), I just get grey images. What do I have to do to fix that?
Title: Re: Dummies Guide to Custom CSS/SSS Post by: Sanitys_Theif on October 24, 2010, 08:51:47 PM Hopefully someone still checks this thread...
Yea when I try to use more than 1 custom image for the stage select screen I get a freeze, and even when I use just 1 the system takes a while to load the screen. But why? I extract the image that's normally there from the sel_map.pac in common_5 and just paste another image over that and save it. My guess is that it's too much data, but how if the image is the exact same size as the original? So how would I shrink the data size for these images because I find it incredibly ridiculous that I can only get 1 custom image to work when other people can have them for a whole slew of stages. Am I doing something wrong here, that is the procedure to replace images with custom ones right? For reference I use Riivolution. And I'm using a custom SSS, ASF1NK's swirling blue one, but I've seen people post videos on youtube using that with all custom stage pictures -_- Title: Re: Dummies Guide to Custom CSS/SSS Post by: jayphenrix on February 20, 2011, 08:52:30 AM Guys, i really need help with this: i want to change my css and sss color like this:
Project M Custom CSS/SSS Advanced Blue (found in here http://forums.kc-mm.com/Gallery/BrawlView.php#Type=Misc%-Menu% ) I've been trying to change the color (to match the color from this .pac of my fresh common5.pac WITHOUT USING ANY CODES. is there a way? I'm lost with this, help! Title: Re: Dummies Guide to Custom CSS/SSS Post by: Hackz on August 10, 2011, 11:08:00 PM OMG! Thank you so much bro! I was so confused at how to do this stuff, but after reading your guide I understand pretty much everything!
Title: Re: Dummies Guide to Custom CSS/SSS Post by: SonicWolf on August 28, 2011, 06:52:53 AM I used this for my own CSS & SSS & it's a great guide! do you mind if you tell me 1 thing tho... How do you change the things you use to select your Characters & Stages? I've seen Black Hands on the CSS so I think it's possible... Can you please tell me?
Title: Re: Dummies Guide to Custom CSS/SSS Post by: Wulfbang Meow on August 31, 2011, 01:22:27 PM hey i know you guys are new, but dont go around bumping old topics please..
this topic was CREATED over a year ago.. and as for your question, the black hands are a texture edit. if your looking to change it into something else, that would probably require a vertex edit or something. last i remember the textures were in the same pac with everything else, and i have no idea where the model is for a vertex. Title: Re: Dummies Guide to Custom CSS/SSS Post by: SonicWolf on September 05, 2011, 09:09:28 PM Sorry for bumping again but how do you do a vertex hack on them?
Title: Re: Dummies Guide to Custom CSS/SSS Post by: Wulfbang Meow on September 05, 2011, 10:54:51 PM Sorry for bumping again but how do you do a vertex hack on them? ask in vertex help.. in other words, idk.. plz dont respond to this.. Title: Re: Dummies Guide to Custom CSS/SSS Post by: HaxMax on February 14, 2012, 02:12:25 PM Where do you put the BP's?
Title: Re: Dummies Guide to Custom CSS/SSS Post by: JCentavo on February 22, 2012, 07:00:09 AM Where do you put the BP's? infFace.brres' go in: info>portrite>To change name and icon for in-game VERSUS Mode: info_mg.pac goes in info2 |