network sites: arcadespot.com | animejolt.com
+ Reply to Thread
Page 1 of 5 1 2 3 ... LastLast
Results 1 to 10 of 50
  1. #1
    Webmaster / Owner
    Join Date
    Sep 2007
    Posts
    1

    Default [Tutorial] Making 32-Bit Icons for PSP XMB

    Written by: RaiderX
    Note: Once you've made your icons use this tool to edit the PSP files.

    I noticed people want a tutorial for this, so here it goes. I hope that people who read this will use their newly acquired knowledge to release some really cool themes and such.

    Making 32-bit icons, despite what you may think, is very simple. Even though this tutorial may seem long, it's not. Once you go through it, you'll remember how to do it for every icon and have clean cut icons in no time!

    This tutorial is made for Photoshop users.

    Alright, well, the first thing you need is the icon you want to use. For my guide, I'm going to be using this icon:



    Now once you have your icon, you simply make a new image of the correct dimensions for the icon you plan to use it for in the XMB and resize the icon to fit on it. In my case, it is 64x64 for the music icon.



    Fill the background layer with black.



    Now drag or paste the icon onto this new canvas and resize it.



    Duplicate the icon layer and now either press Ctrl + U or go to Image > Adjustment > Hue/Saturation and change it to 100 lightness and 0 saturation.



    This will make the duplicated layer a simple white silhouette of the icon.



    Now hold down the Ctrl key and while holding it down, left click on the thumbnail of the white silhouette in the layers window.



    You will notice the icon gets outlined with a selection.



    Now right-click, and select "Save Selection".



    Save the selection as a new channel named "Alpha 1" like so:



    You can now press ctrl + D to deselect the icon and you can delete the white silhouette layer.

    The next few steps are only so you can learn how this works. It only takes a minute and I urge you to just follow the steps so you have a better understanding of this.

    Now click on the channels tab and you'll see RGB, Red, Green, Blue, and Alpha 1.

    RGB is linked to the Red, Green, and Blue channels. You can mess around making different channels visible and you'll notice if you select just two color channels, the whole image will only contain those colors, and if you select a single color channel, it becomes grayscale.

    So now that you see how these channels work, you can take a look at that Alpha 1 channel you created before. It isn't linked like the color channels.

    Make the Alpha 1 channel visible. You'll notice the icon stays as it is, but the background becomes colored. This shows what will be visible and fills the invisible space with a color.



    Basically, the alpha channel is just a grayscale layer that defines the opacity/transparency of each pixel. White is 100% opaque and black is 0% opaque. A gray shade in between will be slightly transparent. You can use this to make some cool gradients and such, but remember that each shade used in the alpha channel counts as another color so it could make your image too big if you have a lot of colors in it, you'll end up having to reduce the colors.

    So now that you understand how the alpha channel works, you can make it invisible again since it works from "behind the scenes" or so to say. the alpha channel will stay there and the PSP will read it to define transparency for the icon.

    Now you may need to reduce the colors of your icon. Go back to the layers tab and now go to Image > Mode > Indexed Color... And use this to reduce the colors of your image. I used 150 colors, but it differs depending on how many colors you actually have in the image to start with. You might not even have to reduce the colors if you only have a few. If you end up with an error when trying to replace the image in Zinga's RCO editor, then you'll have to come back to this step and use less colors.

    So here's my image after reducing the colors:



    Still looks pretty good. Now go to Image > Mode > RGB Color.

    If you want to check, you'll notice the Alpha 1 channel has remained in tact the whole time.

    Now simply save the file as a .BMP and select 32-bit:



    Now all that's left is to import the image into an .RCO either by hex editing or more easily with Zinga's RCO editor. If it goes through correctly, it should show up just fine in the XMB. If the RCO editor gives you an error thats says you may have more than 256 colors, go back to the step where we made the image indexed color and choose less colors to try and make it smaller.

    So you see, it's really not all that complicated at all. It's so simple. So get out there and make some hella cool icons!

  2.    
  3. #2
    Retired
    Join Date
    Sep 2007
    Location
    England
    Posts
    177

    Default

    Just what i needed, this is a great tut. Thank you evolve

  4. #3
    Elite Poster
    Join Date
    Sep 2007
    Location
    ajax
    Posts
    305

    Default

    this was vry helpful thanks alot..iam using it as we speak



    WII friend code:4112-2933-5787-0750

    SSBB number:3265-4748-5144

  5. #4
    Elite Poster
    Join Date
    Sep 2007
    Location
    Singapore
    Posts
    364

    Default

    thanks man... i like this tools... hope i can use this to make my own icon... and upload to you guys... thanks man..





    Black(FAT)
    PSP LiFe: 3.10 --> Pandora's battery --> 1.50 --> 3.52 m33 --> 3.52 m33-4 --> U.P.M.S Emerald --> 3.71 m33-4 (addon kernel 150-2)
    Second Black(FAT)
    PSP LiFe: 3.71 m33-3 --> Pandora's battery --> 1.50 --> 3.52 m33 --> 3.52 m33-4 --> U.P.M.S Emerald --> 3.71 m33-4 (addon kernel 150-2)

    PSP Slim(Facilia Blue)
    PSP life: 3.80m33 --> Pandora's Battery --> 3.90m33-3--> 5.00m33-3

  6. #5
    Ultra Member
    Join Date
    Sep 2007
    Location
    West Yorkshire, UK
    Posts
    1,909

    Default nice

    nice tutorial evolve!! i will be using them with some icons ive already made


  7. #6
    Member
    Join Date
    Sep 2007
    Location
    Turin, Italy
    Posts
    60

    Default

    Great guide... now I can try my own XMB theme... thanks!

  8. #7
    Junior Member
    Join Date
    Sep 2007
    Posts
    6

    Default

    So THAT's how you set transparency

    Time to get cracking on a custom XMB then... so many themes to choose from...

  9. #8
    Webmaster / Owner
    Join Date
    Sep 2007
    Posts
    1

    Default

    Good luck everyone , I'll be looking forward to some of your themes.

  10. #9
    XMB Creator
    Join Date
    Sep 2007
    Location
    INDIA
    Posts
    240

    Default

    Thnx evolve...but i got a problem....zinga's rco editor refuses to inject most of my icons, givin a n error :: too many colors :: ....i tried indexing colors but it reduces the icons quality way too down....turns em' into 8bit awkward lookin icons....and yea, the icons i've made don't seem to contain too many colors...they r just black n white ones with a shining metal effect....PLZ HELP!!


  11. #10
    Junior Member
    Join Date
    Sep 2007
    Posts
    12

    Default

    eh, after i index the colours of my icon, I can't seem to save as a 32 bit image, only the 8 bit option isn't greyed out. Any tips?


 
+ Reply to Thread
Page 1 of 5 1 2 3 ... LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts