PDA

View Full Version : editing banners/icons with photoshop



satanea juda
03-21-2006, 12:31
there are many ways to make these but these are two of the ways i do them,
i have'nt gone into detail on all the photoshop tools as that would take to long,but this should be simple enough to work from


https://img146.imageshack.us/img146/9902/buttut015sq.jpg (https://imageshack.us)

in photoshop open your new symbol
now open up the faction button you wish to edit
these are in data/loading_screen/symbols

1,use the magic wand to select the area your going to alter you can use the shift+ to add to the area or alt- to reduce this can be a bit fiddley but you will
get it in the end.
https://img505.imageshack.us/img505/2637/buttut025ct.jpg (https://imageshack.us)
make a new layer(on the section marked 2.at the bottom,left of the dustbin icon)
1,paint the selected area (any colour you like) with the brush
2,double left click blue layer bar
3,in the new menu tick bevel and emboss(you can play with the settings but the ones I've shown work ok)

https://img468.imageshack.us/img468/5463/buttut031mu.jpg (https://imageshack.us)

1,use the move tool to drag your new symbol across,
2,if its to big/small use size tool to rescale (right click with cursor over image and use free transform)

https://img381.imageshack.us/img381/6207/buttut042rx.jpg (https://imageshack.us)

1,merge visible this will retain the transparent background while flattening your button and symbol together

now save (32 bit i don't know if it matters)
https://img505.imageshack.us/img505/4343/buttontut4de.jpg (https://imageshack.us)
https://img526.imageshack.us/img526/4562/buttontut21ad.jpg (https://imageshack.us)

this method is a little harder to make work but gives you more control over the finish, the first steps apply here as well but instead of using bevel and emboss use dodge and burn,your on your own here as it takes a bit of trial and error to get what you want,

use burn to shade the lower left of the circle and dodge to create the highlight
play with the pressure and highlight/midtone/shadow functions

https://img515.imageshack.us/img515/9720/buttut058fn.jpg (https://imageshack.us)

the only extra stuff ive done here is to bevel the symbol add a stroke(outline)
and white colour overlay(all in the fx pop up i showed you earlier)

that's the main icon done,to change all the icons for the faction you need to open the fe_buttons in data/menu/symbols/

resize and replace all three in each folder
on the roll over use dodge to lighten slightly
on the select one (if you have deleted the original) add an outerglow from the fx pop up
for the grey one use image adjustments desaturate from the drop down menu

save as before job done crack open a can of something cold and e-mail all you mates to tell them how clever you are :wink: :woot: :woot:

thought i may as well add banners i'll do strat symbols later
your going to need the dds reader plug-in from here,

http://www.nvidia.com/page/search.html?keywords=dds+plugin

https://img135.imageshack.us/img135/5850/bannerstut014sa.jpg (https://imageshack.us)
open the banner you want to change,they are in,
data/models/textures

1,use your select tool to pull a box around the long banner
then while holding down your shift key pull another box around the small banner,
2,make a new layer(its better to do this so you can erase anything you do without losing your original image)
https://img96.imageshack.us/img96/4350/bannerstut025no.jpg (https://imageshack.us)
https://img517.imageshack.us/img517/7414/bannerstut037vj.jpg (https://imageshack.us)
paint your area any colour you like
now add a texture

https://img528.imageshack.us/img528/1863/bannerstut048op.jpg (https://imageshack.us)

1,at this point its a good idea to lower the opacity so you can see where your new image is going to go,
2,use dodge and burn to create shadows and highlights(bring the opacity back up to check what you've done)
https://img135.imageshack.us/img135/9302/bannerstut056xu.jpg (https://imageshack.us)

1,use your move tool to bring your images across
2,bring up the opacity off new banner,
3,use dodge and burn to shade and highlight your image,
4,use the same texture to blend your image to the banner,

https://img315.imageshack.us/img315/9987/bannerstut065xw.jpg (https://imageshack.us)

if you've been wondering why you didnt have to keep within the edges of the original banner its because there is a hidden layer, (alpha channel)
think of this a template,the game will only use the white area,the black is invisible.
now as with the icons above you select merge visible this will flatten all your layers together,
https://img500.imageshack.us/img500/7789/bannerstut079zj.jpg (https://imageshack.us)
now save
https://img494.imageshack.us/img494/1391/bannerstut085be.jpg (https://imageshack.us)

while you have this open go and open the tga in data/models_building and use the move tool to replace
that one as well (that's the one that is seen in and around city walls and in the town square)save as before.
the only others i can think of are the ones in models_strat(don't know what they do and the captain cards cant remember where they are, :huh:

(yes i did change my new symbol at the end,so i could add in about texture
and yes i did change the Saxons instead of the vandals) :thumbsup:

that's it your done now go wake up your annoying little brother/sister and show them how clever you are :laughing: :original:


https://img469.imageshack.us/img469/1995/stratmap013rn.jpg (https://imageshack.us)
open up the strat map symbol you want to change,
these are in data/banners.

it looks odd but don't panic that's because its an alpha channel

https://img162.imageshack.us/img162/4784/stratmap026cw.jpg (https://imageshack.us)

1.go to your layers tool box,select channels,scroll down
2.click on the alpha channel,
https://img517.imageshack.us/img517/7271/stratmap032bj.jpg (https://imageshack.us)
now move your new image over(you cant make new layers in the alpha so its best to resize first)

save as an interpolated alpha the same as the banners above and your done,
https://img519.imageshack.us/img519/7706/stratmap049rj.jpg (https://imageshack.us)

now go and give your dog/cat a god tickle and tell him how clever you are :laughing: :thumbsup:

Ahmose
03-21-2006, 23:15
Thank you very much satanea juda :2thumbsup: , I use 90% from you tips over here..and completing the rest tips is what I was looking for :book: . Thanks again man.
Also it will be good if you can submit any site you find it is good with a concept artwork or templates or images sutable to be part of a banner or an icon.

Regards/Ahmose

Zain
08-18-2007, 01:36
Wow, bringing this one back from the dead.

On the last part with the banner symbols, did you replace the symbol with another, or did you put in a new one. Also, where do you assign these symbols to certain factions?

Rino666
09-23-2007, 23:52
there are many ways to make these but these are two of the ways i do them,
i have'nt gone into detail on all the photoshop tools as that would take to long,but this should be simple enough to work from


https://img146.imageshack.us/img146/9902/buttut015sq.jpg (https://imageshack.us)

in photoshop open your new symbol
now open up the faction button you wish to edit
these are in data/loading_screen/symbols

1,use the magic wand to select the area your going to alter you can use the shift+ to add to the area or alt- to reduce this can be a bit fiddley but you will
get it in the end.
https://img505.imageshack.us/img505/2637/buttut025ct.jpg (https://imageshack.us)
make a new layer(on the section marked 2.at the bottom,left of the dustbin icon)
1,paint the selected area (any colour you like) with the brush
2,double left click blue layer bar
3,in the new menu tick bevel and emboss(you can play with the settings but the ones I've shown work ok)

https://img468.imageshack.us/img468/5463/buttut031mu.jpg (https://imageshack.us)

1,use the move tool to drag your new symbol across,

2,if its to big/small use size tool to rescale (right click with cursor over image and use free transform)

https://img381.imageshack.us/img381/6207/buttut042rx.jpg (https://imageshack.us)

1,merge visible this will retain the transparent background while flattening your button and symbol together

now save (32 bit i don't know if it matters)
https://img505.imageshack.us/img505/4343/buttontut4de.jpg (https://imageshack.us)
https://img526.imageshack.us/img526/4562/buttontut21ad.jpg (https://imageshack.us)

this method is a little harder to make work but gives you more control over the finish, the first steps apply here as well but instead of using bevel and emboss use dodge and burn,your on your own here as it takes a bit of trial and error to get what you want,

use burn to shade the lower left of the circle and dodge to create the highlight
play with the pressure and highlight/midtone/shadow functions

https://img515.imageshack.us/img515/9720/buttut058fn.jpg (https://imageshack.us)

the only extra stuff ive done here is to bevel the symbol add a stroke(outline)
and white colour overlay(all in the fx pop up i showed you earlier)

that's the main icon done,to change all the icons for the faction you need to open the fe_buttons in data/menu/symbols/

resize and replace all three in each folder
on the roll over use dodge to lighten slightly
on the select one (if you have deleted the original) add an outerglow from the fx pop up
for the grey one use image adjustments desaturate from the drop down menu

save as before job done crack open a can of something cold and e-mail all you mates to tell them how clever you are :wink: :woot: :woot:

thought i may as well add banners i'll do strat symbols later
your going to need the dds reader plug-in from here,

http://www.nvidia.com/page/search.html?keywords=dds+plugin

https://img135.imageshack.us/img135/5850/bannerstut014sa.jpg (https://imageshack.us)
open the banner you want to change,they are in,
data/models/textures

1,use your select tool to pull a box around the long banner
then while holding down your shift key pull another box around the small banner,
2,make a new layer(its better to do this so you can erase anything you do without losing your original image)
https://img96.imageshack.us/img96/4350/bannerstut025no.jpg (https://imageshack.us)
https://img517.imageshack.us/img517/7414/bannerstut037vj.jpg (https://imageshack.us)
paint your area any colour you like
now add a texture

https://img528.imageshack.us/img528/1863/bannerstut048op.jpg (https://imageshack.us)

1,at this point its a good idea to lower the opacity so you can see where your new image is going to go,
2,use dodge and burn to create shadows and highlights(bring the opacity back up to check what you've done)
https://img135.imageshack.us/img135/9302/bannerstut056xu.jpg (https://imageshack.us)

1,use your move tool to bring your images across
2,bring up the opacity off new banner,
3,use dodge and burn to shade and highlight your image,
4,use the same texture to blend your image to the banner,

https://img315.imageshack.us/img315/9987/bannerstut065xw.jpg (https://imageshack.us)

if you've been wondering why you didnt have to keep within the edges of the original banner its because there is a hidden layer, (alpha channel)
think of this a template,the game will only use the white area,the black is invisible.
now as with the icons above you select merge visible this will flatten all your layers together,
https://img500.imageshack.us/img500/7789/bannerstut079zj.jpg (https://imageshack.us)
now save
https://img494.imageshack.us/img494/1391/bannerstut085be.jpg (https://imageshack.us)

while you have this open go and open the tga in data/models_building and use the move tool to replace
that one as well (that's the one that is seen in and around city walls and in the town square)save as before.
the only others i can think of are the ones in models_strat(don't know what they do and the captain cards cant remember where they are, :huh:

(yes i did change my new symbol at the end,so i could add in about texture
and yes i did change the Saxons instead of the vandals) :thumbsup:

that's it your done now go wake up your annoying little brother/sister and show them how clever you are :laughing: :original:


https://img469.imageshack.us/img469/1995/stratmap013rn.jpg (https://imageshack.us)
open up the strat map symbol you want to change,
these are in data/banners.

it looks odd but don't panic that's because its an alpha channel

https://img162.imageshack.us/img162/4784/stratmap026cw.jpg (https://imageshack.us)

1.go to your layers tool box,select channels,scroll down
2.click on the alpha channel,
https://img517.imageshack.us/img517/7271/stratmap032bj.jpg (https://imageshack.us)
now move your new image over(you cant make new layers in the alpha so its best to resize first)

save as an interpolated alpha the same as the banners above and your done,
https://img519.imageshack.us/img519/7706/stratmap049rj.jpg (https://imageshack.us)

now go and give your dog/cat a god tickle and tell him how clever you are :laughing: :thumbsup:


Not to be anoying or anything but I just saw this thing. Wich Adobe Photoshop did you use when you put all these simbols in the game. I have Adobe Photoshop album starter 3.0 I don't know if it will work or not. And I also don't know how to use this nvidia tool you're using. Do I find it on the folders on My computer or is that another program from the card I'm using? Please someone explain if possible.

Squid
09-24-2007, 15:47
You likely need the full version of photoshop, album starter is not a full version. The nVidia plugin is a downloadable application, just google it.

Recoil
09-07-2008, 11:35
Hey thanks for the guide, I'm using it atm but have a slight problem- I've downloaded the nvidia plugin (or at least I think so, as I can now view the dds files in thumbnails) but whenever I try to edit them in photoshop it says "could not complete your request as it is not the right type of document." Does anyone know what this means or how I can fix or get around it? Cheers