Post Reply 
Custom Glow Icon's
Author Message
Vegetano1
$urf

Posts: 9,083.2507
Threads: 397
Joined: 2nd Mar 2007
Reputation: 6.06988
E-Pigs: 2756.6280
Offline
Post: #1
Custom Glow Icon's
Here is a tutorial on how to make glow icon's for the submenu icons...

What you need:

  1. Extracting the icons from topmenu.
  2. Making a glow icon out of the original icon
  3. How to add the glow icon into the  topmenu_plugin.rco
  4. Some icon's are not in place



Lets start,..


First:Extracting the icons from topmenu.
  • PowerUp rcoedit114b
  • Load your topmenu_plugin.rco
  • Press extract all and create a folder where to save all files
  • Now go into the folder and select Folder view » details and Sort by type
    You can now delete all files that are not BMPs and delete all 8bit BMPs
    Also the main menu icons (32bit) do not have glow so you can delete these 6 too.
    Does leaving you with all custom icon's 32bit,.. except the main icon's


Second: Making a glow icon out of the original icon
  • Now PowerUp Photoshop
  • I am gonna use the game sharing icon(tex_sharing.32bit.bmp) in this tutoriol.
  • Load the icon you want to add glow icon too,.
  • Select in the taskbar >>window>> "channels"
  • Go into the "channels tab" and select the alpha1 channel by clicking on the name
  • Hold "crtl" and press the Aplha1 channel tumbnail,.. the icon is now selected
    Press for very Helpfull picture,.. :mdr:
  • Now select select the RGB channel by clicking on the name "RGB" then go into the "Layers tab"
  • In the layers tab click the add layer button,. see helpfull picture below
  • Select the brush tool and make the brush tool size 100 also hardness 100
  • Set your brush over the selected area and click twice
    Press for very Helpfull picture,.. :mdr:
  • Now click the background layer and press " ctrl + d " on your keyboard
  • Paint the whole background layer white with brush tool,Or the color you want the glow icon to be.(<<<mc cabe)
  • Then click "layer1" again and press "ctrl + a "
  • Select in the taskbar >>Filter>>Blur>>Gaussian Blur a window pops up
  • Set the "Radius" to 3.5 pixels >>click ok(you see nothing changing that's okee just continue)
  • In the taskbar go to >>Edit>>cut (<<<mc cabe this was copy is now cut)
  • Go into the "channels tab" and right click the Alpha1 channel and delete the channel
  • Now create new channel by clicking the small thingy below,..(sorry no picture, same way as creating a new layer in the rgb layer's tab)
  • Taskbar >>Edit>> Paste into
  • Press "crtl + d "
  • In the taskbar >>Image>>Mode>>Indexed Color
    Flatten layes >> "yes"
    in the window it should say exact and colors 0 >>press ok
  • In the taskbar >>Image>>Mode>>RGB Color
  • In the taskbar >>File>>Save As..>>i used "tex_sharing.32bitGLOW.bmp"
    for my icon

Third: How to add the glow icon into the topmenu_plugin.rco
  • PowerUp RCOedit again and load the topmenu_plugin.rco  you want to add the  glow icon to..
  • For the icon i used i look for the name "[mig]tex_fcs_sharing"
  • Now select that name and press "replace" load your custom glow icon...

Put the topmenu_plugin.rco into flash0\vsh\resource


Fourth: Some icon's are not in place

If you make all icon's and added them to topmenu and flashed the topmenu_plugin.rco to flash0:\vsh\resource etc etc,..
You will see that some glow icon's do not have the right position,.
For me the icon's were: Network update
                                 Camera
                                 Online instruction manuals
                                 Location free player
                                 Remote play
                                 RSS channel
But this is different with different topmenu_icon's. :mdr:
Anyway,. if your glow icon is out of place, say slightly to the right and above
  • Powerup Photoshop
  • Load your icon you want to reposition
  • Select in the taskbar >>window>> "channels"
  • Go into the "channels tab" and select the alpha1 channel by clicking on the name
  • Press " ctrl + a " the picture is selected
  • Now right click on the picture and select "Free Transform"
  • Now use the arrow keys on your keyboard to nudge,.
  • Push 2 times down arrow and 2 times right arrow you will see 1 movement, or you should push untill you see 1 movement down and 1 movement right,.. with my icon i moved 2 movements down and 2 right
  • After the free transform right click the picture and select "select inverse" now paint the selected area black
    Could very well be the icon is still a bit to high and to the left so
    you could repeat the Free Transform untill its in the right place.

The icon i used in this tutoriol looks now like this,..
[Image: 90aad91fdfef2135dab9a8f281af617a4g.jpg]


Make loads of $$!! it wurks!!
[Image: csbanner_anim_03.gif]
Signed Homebrew by bsanehi & OMightyBuggy
http://endlessparadigm.com/forum/showthr...?tid=25707
Spoiler for My miniBlog:
(This post was last modified: 02/09/2007 10:45 AM by Vegetano1.)
12/08/2007 01:52 AM
Visit this user's website Find all posts by this user Quote this message in a reply
Pirata Nervo
NervOS Developer

Posts: 699.4765
Threads: 39
Joined: 20th Jun 2007
Reputation: -0.79225
E-Pigs: 19.2466
Offline
Post: #2
RE: Custom Glow Icon's
wow coooooool!!

12/08/2007 01:58 AM
Visit this user's website Find all posts by this user Quote this message in a reply
ginger minger
Specialist Snoozer

Posts: 232.4457
Threads: 43
Joined: 1st Jun 2007
Reputation: 1.62242
E-Pigs: 3.3207
Offline
Post: #3
RE: Custom Glow Icon's
Nice work V! im gonna put this to good use thanks:)

[Image: einsteingingerwarp.jpg]
12/08/2007 02:02 AM
Find all posts by this user Quote this message in a reply
gsmoke
Noob

Posts: 2,184.2572
Threads: 103
Joined: 14th Apr 2007
Reputation: 1.65351
E-Pigs: 36.9914
Offline
Post: #4
RE: Custom Glow Icon's
Thanks V for sharing this with us.

cheers

“Fear not for the future, weep not for the past.”
12/08/2007 02:07 AM
Find all posts by this user Quote this message in a reply
diego
poof

Posts: 7,826.1659
Threads: 264
Joined: 22nd Jun 2007
Reputation: 1.80067
E-Pigs: 37.4012
Offline
Post: #5
RE: Custom Glow Icon's
NICE!

[Image: cce6aa9e-c40c-4ae7-aebe-d7780d6fc009.gif]
12/08/2007 06:09 AM
Find all posts by this user Quote this message in a reply
xBu
Jedi

Posts: 4,999.4590
Threads: 55
Joined: 15th Apr 2007
Reputation: 3.44876
E-Pigs: 44.0477
Offline
Post: #6
RE: Custom Glow Icon's
Nice, im gonna try this. Thanks V.
12/08/2007 10:05 AM
Find all posts by this user Quote this message in a reply
waldog
Underground

Posts: 69.1283
Threads: 10
Joined: 12th Jun 2007
Reputation: 0.51458
E-Pigs: 1.6050
Offline
Post: #7
RE: Custom Glow Icon's
That's pretty cool. To bad I don't do custom stuff on my psportable. :P

[Image: 6g99w0z.jpg]
12/08/2007 10:30 AM
Find all posts by this user Quote this message in a reply
-J0kR-
Gener.:.L JWS

Posts: 104.1248
Threads: 7
Joined: 21st Feb 2007
Reputation: 3.41035
E-Pigs: 2.5333
Offline
Post: #8
RE: Custom Glow Icon's
Thankx for the tutorial. Now I can have a better idea to customizing my own sets with custom glows & even colored ones.
12/08/2007 03:57 PM
Find all posts by this user Quote this message in a reply
Vegetano1
$urf

Posts: 9,083.2507
Threads: 397
Joined: 2nd Mar 2007
Reputation: 6.06988
E-Pigs: 2756.6280
Offline
Post: #9
RE: Custom Glow Icon's
-J0kR- Wrote:Thankx for the tutorial. Now I can have a better idea to customizing my own sets with custom glows & even colored ones.


Yes when you get to the point to color the background picture white in the layers tab,  
you can use any color to do that, only you could try many colors but then you have the change that the glow icon is over 256 colors,..
Its like this: the picture counts the grey tones in the alpha channel as colors so when you make the background picture 1 color instead of the white color you should be oke,..
Should you use many colors you will go over 256 colors really fast,..
  • You want to use more colors then after coloring the background go to image>>mode>>indexed color and fill in like 100,.. press oke
  • Then go into image>>mode>>rgb
  • Save the picture and try to load into rco edit
  • Does the picture load into RCOedit that's okee, if it says you have to many colors, then go back into history of photshop before indexed color and redo from there using a lower color count then 100..
  • I can tell you that you end up very lower color because of all the grey in the alpha channel,....


Make loads of $$!! it wurks!!
[Image: csbanner_anim_03.gif]
Signed Homebrew by bsanehi & OMightyBuggy
http://endlessparadigm.com/forum/showthr...?tid=25707
Spoiler for My miniBlog:
12/08/2007 04:12 PM
Visit this user's website Find all posts by this user Quote this message in a reply
cR@Zy!NgLi$h
Speculator

Posts: 804.3073
Threads: 37
Joined: 26th Apr 2007
Reputation: -1.64513
E-Pigs: 8.9041
Offline
Post: #10
RE: Custom Glow Icon's
That's an awesome tut, V!  Thanks bro!

[Image: signature2ct1.jpg]
13/08/2007 02:48 AM
Find all posts by this user Quote this message in a reply
Post Reply 


Forum Jump:


User(s) browsing this thread: 1 Guest(s)

 Quick Theme: