PSP®Media
Register  ·  Sign In  ·  Help
Jump to Page:   1 · 2 · 3 · 4  |  Next Page
  Reply   Reply  

[Tutorial] Making Partially see-through PTF theme icons with Gimp   [ Edited ]
Options    Options  

akadewboy

8-bit
Posts: 1008
Registered: 11-09-2007


akadewboy

Message 1 of 34

Viewed 18,038 times


Tools you'll be needing:
Gimp
Sony's Custom Theme Converter (3.70 and above)
Sony's Custom Theme Converter (3.80 and above. Has Radio Icon)

Sony's Custom Theme Converter (4.00 and above. Has Google Search Icon)

PNGforPTF

Optional downloads:
Translated official manaul for Sony's Custom Theme Converter
The Original PSP Icons (if you want to recolor them or something)

 

We'll be using this RSS image I found on the internet for the tutorial:

Right click and Save the image to your hardrive then open it in Gimp.

1. First we need to make sure that when we are in Gimp we are always in RGB mode: Image -> Mode -> RGB. If you save the png in "Indexed Mode" it will look all messed up when you transfer it to the PSP.



2. Second we need to add an alpha layer, to do this go to: Layer -> Transparency -> Add Alpha Channel

3. Let's make the background completely transparent, click on the Fuzzy Select Magic Wand Tool . Then using the magic wand click on a white space in the image and hit your Delete key on your keyboard (or Edit -> Clear).


(Notice the checkerboard background? This means that those parts are now completely transparent.)

4. Resize this image to 48x48. Go to Image -> Scale In the next box that pops-up put 48 pixels as the width and height.



5. This step is very important, for some reason if you don't give the image at least a 99.0 opacity or less the icon will look all messed up on the PSP. Bring up the Layers menu by going to Dialogs -> Layers. Use the opacity slider to give it some opacity. I'm going to use 50% opacity, so it looks partially see-through on the PSP.



6. Save the image as a png. You'll get a message saying something about merging visible layers, just hit the export button and then the save button with default PNG options.



7. Now we need to convert the image to 256 colors 8-bit format. Run PNGforPTF and hit the Convert button.



8. Use Theme Converter and open the RSS icon as both the Icon Body and Icon Focus.



9. Fill out the rest of the required fields in Theme Converter such as Preview Icon (16x16 256 color png), Preview Image (300x170 24-bit bitmap), etc. and export as a PTF theme by going to File -> Export

10. Copy the PTF over to your X:\PSP\THEME folder and then change to the theme.


You'll notice that the icon is see-through, and if you select it you'll see that it has a ghostly glow.

Golden Rules of Sony's Theme Converter
Wallpaper
Wallpaper: 480x272 24-bit *.bmp

Category Icons
Icon Body: 64X48 256 colors *.png

First Level Icons
Icon Body: 48x48 256 colors *.png
Icon Focus: 64x64 256 colors *.png

Second Level Icons
Icon Body: 32x32 256 colors *.png
Icon Focus: 48x48 256 colors *.png

Others
Preview Icon: 16x16 256 colors *.png
Preview Image: 300x170 24-bit *.bmp


Icon Body: what the icon looks like when you are not selecting it.
Icon Focus: This image will appear behind the Icon Body and fade in and out when selected,


A large amount of pure black (R:0 G:0 B:0) or pure white (R:255 G:255 B:255) will cause theme converter to freeze. You need to replace these colors with almost black (R:4 G:2 B:4) and almost white (R:252 G:254 B:252). Gimp has a nice "Select By Color Tool" that will help you mass replace these colors.






Message Edited by akadewboy on 06-19-2008 04:25 PM

 

----------------------------------------------------------------
Making semi-transparent PTF theme icons with Paint.net
My Gimp Tutorial (basically the same as the Paint.NET tutorial)
Kudos!
11-29-2007 05:26 PM
 
  Reply   Reply  

Re: [Tutorial] Making Partially see-through PTF theme icons with Gimp
Options    Options  

psp-frog

Delta Ranger
Posts: 6075
Registered: 11-30-2006


dragonthingy123

Message 2 of 34

Viewed 18,021 times


I love you forever for this. :smileyindifferent:

 


Kudos!
11-29-2007 05:55 PM
 
  Reply   Reply  

Re: [Tutorial] Making Partially see-through PTF theme icons with Gimp
Options    Options  

lilchovy

128-bit
Posts: 2468
Registered: 10-05-2007



Message 3 of 34

Viewed 17,988 times


Can i put a link to this on my site, or copy it....will have your name as the author so that i give you credit.....

 

Image and video hosting by TinyPic
Kudos!
11-29-2007 06:47 PM
 
  Reply   Reply  

Re: [Tutorial] Making Partially see-through PTF theme icons with Gimp
Options    Options  

akadewboy

8-bit
Posts: 1008
Registered: 11-09-2007


akadewboy

Message 4 of 34

Viewed 17,978 times


You sure can. I beleive in spreading information as far as possible on the inernet.

 

----------------------------------------------------------------
Making semi-transparent PTF theme icons with Paint.net
My Gimp Tutorial (basically the same as the Paint.NET tutorial)
Kudos!
11-29-2007 07:02 PM
 
  Reply   Reply  

Re: Re: [Tutorial] Making Partially see-through PTF theme icons with Gimp
Options    Options  

Buckeye23

Spec Op
Posts: 8417
Registered: 09-30-2007


Buckeye233

Message 5 of 34

Viewed 17,973 times


thanks 4 the guide!
Kudos!
11-29-2007 07:07 PM
 
  Reply   Reply  

Re: [Tutorial] Making Partially see-through PTF theme icons with Gimp
Options    Options  

lilchovy

128-bit
Posts: 2468
Registered: 10-05-2007



Message 6 of 34

Viewed 17,972 times




akadewboy wrote:
You sure can. I beleive in spreading information as far as possible on the inernet.



Thanks...not sure when the page will be up, but i will try and get it up some time this weekend

 

Image and video hosting by TinyPic
Kudos!
11-29-2007 07:09 PM
 
  Reply   Reply  

Re: [Tutorial] Making Partially see-through PTF theme icons with Gimp
Options    Options  

itst0nyv

Gamer
Posts: 858
Registered: 11-08-2007



Message 7 of 34

Viewed 17,966 times


thxs i need that
Kudos!
11-29-2007 07:13 PM
 
  Reply   Reply  

Re: [Tutorial] Making Partially see-through PTF theme icons with Gimp
Options    Options  

Darkjaksrevenge

Nemesis
Posts: 5158
Registered: 05-27-2007


darkjaksrevenge

Message 8 of 34

Viewed 17,913 times


Nice Guide

 

hi
Kudos!
11-30-2007 05:53 AM
 
  Reply   Reply  

Re: [Tutorial] Making Partially see-through PTF theme icons with Gimp
Options    Options  

J-Rad14

PlayStation MVP PlayStation MVP
Posts: 16093
Registered: 06-21-2006


J-Rad14

Message 9 of 34

Viewed 17,910 times


Nice guide, but your essentialy just telling us another way to make icons transparent using gimp and another program.
 
I don't know if you saw my guide or not (GIMP Theme Making Tutorial) but it tells you the exact same thing (and alot more), but uses MS Photo Editor instead (Microsoft Photo Editor - Make Transparent Icons! Guide)
 
I'm might download this png-ptf converter to see if it's better than MS Photo editor.

 




Wisdom teeth extracted today (Monday)... am recovering, ice-packs getting on my nerves, and all drugged up.




Kudos!
11-30-2007 06:37 AM
 
  Reply   Reply  

Re: [Tutorial] Making Partially see-through PTF theme icons with Gimp
Options    Options  

C-h-a-o-s

Elite Gamer
Posts: 9490
Registered: 07-21-2006


Vengeful-Chaos

Message 10 of 34

Viewed 17,904 times


ah you just became my favorite member for the day dewboy! Very nice tut indeed.
 


Kudos!
11-30-2007 07:02 AM
 
Jump to Page:   1 · 2 · 3 · 4  |  Next Page