Post Reply  Post Thread 
Pages (2): « First [1] 2 Next > Last »
Custom Glow Icon's
Author Message, desu
Vegetano1
◄♥Void♥Walker♥►

Wisdom Departed: 6,659.2754
Spamholes: 319
Standing: Sith
Born: 2nd Mar 2007
Randomness: 8.4853
Offline
E-Pigs: 2,544.5912 EP
Beer
[View Inventory]
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]

 [image]
Spoiler for My miniBlog:
[image]
Give me all your rep|Randomness!!
[image]
Endless Paradigm theme download section
My theme's 550gen animated
V1a
spiderman
Invader ZIM
Lucky Star
My theme's 550gen
V1
FFXIII Lightning
FFXIII Versus
V1Gentix
[image]  
[image]
♪♥♫♪♪BAYONETTA♪♫♥♪♪

This post was last hacked: 02/09/2007 10:45 AM by Vegetano1.

12/08/2007 01:52 AM
Visit this users website Find all posts by this user Quote this message in a reply Quote this post on a new reply page
Pirata Nervo
NervOS Developer

Wisdom Departed: 703.045
Spamholes: 39
Standing: Jar Jar
Born: 20th Jun 2007
Randomness: 3.3166
Offline
E-Pigs: 15.1367 EP
Command Prompt Floppy Disk Beer Chuck Norris
[View Inventory]
Post: #2
RE: Custom Glow Icon's
wow coooooool!!

12/08/2007 01:58 AM
Visit this users website Find all posts by this user Quote this message in a reply Quote this post on a new reply page
ginger minger
Specialist Snoozer

Wisdom Departed: 234.3902
Spamholes: 43
Standing: Jar Jar
Born: 1st Jun 2007
Randomness: 2
Offline
E-Pigs: 1.5286 EP
Post: #3
RE: Custom Glow Icon's
Nice work V! im gonna put this to good use thanks:)

[image]
12/08/2007 02:02 AM
Find all posts by this user Quote this message in a reply Quote this post on a new reply page
gsmoke
Noob

Wisdom Departed: 1,560.1604
Spamholes: 83
Standing: Sith
Born: 14th Apr 2007
Randomness: 5
Offline
E-Pigs: 0.9645 EP
Post: #4
RE: Custom Glow Icon's
Thanks V for sharing this with us.

cheers

May the force be with you my friendz
[image]
12/08/2007 02:07 AM
Find all posts by this user Quote this message in a reply Quote this post on a new reply page
diego
Hadouken!
Fractal Insanity

Wisdom Departed: 7,679.1973
Spamholes: 230
Standing: Fractal Insanity
Born: 22nd Jun 2007
Randomness: 8.3066
Offline
E-Pigs: 0.6485 EP
Floppy Disk Storm Beer
[View Inventory]
Post: #5
RE: Custom Glow Icon's
NICE!

[image]
For your information, I'm a Spy.
12/08/2007 06:09 AM
Find all posts by this user Quote this message in a reply Quote this post on a new reply page
ExBu
...

Wisdom Departed: 3,425.4477
Spamholes: 45
Standing: Sith
Born: 15th Apr 2007
Randomness: 7.5498
Offline
E-Pigs: 8.6779 EP
Command Prompt Floppy Disk Hard Drive Broken Heart Mobile Phone Storm Rainbow PSP Beer Chuck Norris Bacon
[View Inventory]
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 Quote this post on a new reply page
waldog
Underground

Wisdom Departed: 72.171
Spamholes: 10
Standing: Jar Jar
Born: 12th Jun 2007
Randomness: 1
Offline
E-Pigs: 1.2454 EP
Post: #7
RE: Custom Glow Icon's
That's pretty cool. To bad I don't do custom stuff on my psportable. :P

[image]
12/08/2007 10:30 AM
Find all posts by this user Quote this message in a reply Quote this post on a new reply page
-J0kR-
Gener.:.L JWS

Wisdom Departed: 104.1484
Spamholes: 7
Standing: Jar Jar
Born: 21st Feb 2007
Randomness: 1.7321
Offline
E-Pigs: 1.7469 EP
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 Quote this post on a new reply page
Vegetano1
◄♥Void♥Walker♥►

Wisdom Departed: 6,659.4147
Spamholes: 319
Standing: Sith
Born: 2nd Mar 2007
Randomness: 8.4853
Offline
E-Pigs: 2,544.5912 EP
Beer
[View Inventory]
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,....

 [image]
Spoiler for My miniBlog:
[image]
Give me all your rep|Randomness!!
[image]
Endless Paradigm theme download section
My theme's 550gen animated
V1a
spiderman
Invader ZIM
Lucky Star
My theme's 550gen
V1
FFXIII Lightning
FFXIII Versus
V1Gentix
[image]  
[image]
♪♥♫♪♪BAYONETTA♪♫♥♪♪
12/08/2007 04:12 PM
Visit this users website Find all posts by this user Quote this message in a reply Quote this post on a new reply page
cR@Zy!NgLi$h
Speculator

Wisdom Departed: 729.2705
Spamholes: 32
Standing: Storm Trooper
Born: 26th Apr 2007
Randomness: 3.4641
Offline
E-Pigs: 3.0633 EP
Bacon
[View Inventory]
Post: #10
RE: Custom Glow Icon's
That's an awesome tut, V!  Thanks bro!

[image]
13/08/2007 02:48 AM
Find all posts by this user Quote this message in a reply Quote this post on a new reply page
Pages (2): « First [1] 2 Next > Last »
Post Reply  Post Thread 

[-]
Quick Reply, desu
Registration is required to post on these forums. Please enter your account details below to automatically register. If you are already registered, you may just enter in your username and password below to log in.
Username:
Password:
Confirm Password:
Email:
By continuing this process, you agree to our terms of service.
Message, desu
Type your reply to this message here, desu.



Image Verification
Image Verification Please enter the text within the image on the left in to the text box below. This process is used to prevent automated posts.

View a Printable Version
Send this Thread to a Friend
Subscribe to this Thread | Add Thread to Favorites
Digg this Add to Del.icio.us
Forum Jump: