10-07-2005, 07:08 PM
just got bored and decided to make my first tutorial for morrowind
A transparent icon guide
Just becuse it took me forever to remember out how to do transparency's so i made my self a private guide
and thought i would share the information
And dont know how to uipload it to the site here so is it okay if i post it here? if not i will remove the guide
Xchaosdragon666x's Small icon making guide
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Legal info
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
This document is copyright ©2005 by Don Vanderwater, AKA "Xchaosdragon666x's" and
"Xchaosdragon999x." However, all trademarks and copyrights found in this document are
Owned by their respective copyright and trademark holders. No infringement of
Copyright is intended. This document may be printed, in part or in whole, for
Personal use ONLY. You may not take any part of this document and display it
Anywhere without written consent from me, in the form of a e-mail. My e-mail
Address is at the top and bottom of this document. The following sites have my
Permission to post this Guide:
Silgrad's Tower - http://www.silgrad.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
The Guide
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
All these steps refer to Photoshop CS.
And can be done easily to my knowledge in Photoshop 7-9. Any thing that uses the magic
Wand tool.
They can be made without the tool but it makes it a lot easier.
Okay first try to take a good screenshot of what you want to make an icon for
I.e. Say you want to make a icon for a axe you just made.
Make sure when taking the screen shot from the TES CS. Or the modeling program.
What ever you want to be transparent should be filled in with gray, blue. Or what ever
Color your modeler uses for empty spaces.
In milkshape it's blue since that's what I use. I'll refer to blue as the blank space.
Take a screen shot of what you want the icon to look like. Take into account that the
picture will be small. And most likely wont capture to many details.
So take the screen shot so that there is a good amount of blue around the item.
Now that that's is done I'll explain what to do in Photoshop.
Start Photoshop.
Then File> open the name of the picture you just made.
Now go to the magic wand tool. And select your blank space Blue in my case.
Now rightclick> similar.
Repeat till all of your blank space is selected I.e. What you want to be transparent.
Now rightclick>select inverse. Then rightclick> Layer via copy.
When you are happy with what you want as the icon. And that it has it's own layer.
Delete the back ground layer,
Now the last few steps are. Image> image size.
Then make it 24x24 pixels. You may have to unselect Constrain size.
Now the last steps are. File> save as> targa .tga. And then name it what you want the
Icon to be.
Example
Don_DAxe_01.tga
Congrats you made your first alpha enabled icon. AKA transparent icon
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
INFORMATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
I know that this is not the best written guide in history. Considering some of the
puncuations are off. And contains some spelling errors.
But if someone else wants to spell check and punctuate. This guide feel free
to email the new version to xchaosdragon666x@gmail.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
CONTACT ME
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Xchaosdragon666x@gmail.com
Xchaosdragon666x@hotmail.com
Xchaosdragon666x@yahoo.com
Xchaosdragon999x@aol.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
PERMISSION'S
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Silgrad's Tower http://www.silgrad.com
Edit: some minor spelling and puncuation repairs
A transparent icon guide
Just becuse it took me forever to remember out how to do transparency's so i made my self a private guide
and thought i would share the information
And dont know how to uipload it to the site here so is it okay if i post it here? if not i will remove the guide
Xchaosdragon666x's Small icon making guide
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Legal info
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
This document is copyright ©2005 by Don Vanderwater, AKA "Xchaosdragon666x's" and
"Xchaosdragon999x." However, all trademarks and copyrights found in this document are
Owned by their respective copyright and trademark holders. No infringement of
Copyright is intended. This document may be printed, in part or in whole, for
Personal use ONLY. You may not take any part of this document and display it
Anywhere without written consent from me, in the form of a e-mail. My e-mail
Address is at the top and bottom of this document. The following sites have my
Permission to post this Guide:
Silgrad's Tower - http://www.silgrad.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
The Guide
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
All these steps refer to Photoshop CS.
And can be done easily to my knowledge in Photoshop 7-9. Any thing that uses the magic
Wand tool.
They can be made without the tool but it makes it a lot easier.
Okay first try to take a good screenshot of what you want to make an icon for
I.e. Say you want to make a icon for a axe you just made.
Make sure when taking the screen shot from the TES CS. Or the modeling program.
What ever you want to be transparent should be filled in with gray, blue. Or what ever
Color your modeler uses for empty spaces.
In milkshape it's blue since that's what I use. I'll refer to blue as the blank space.
Take a screen shot of what you want the icon to look like. Take into account that the
picture will be small. And most likely wont capture to many details.
So take the screen shot so that there is a good amount of blue around the item.
Now that that's is done I'll explain what to do in Photoshop.
Start Photoshop.
Then File> open the name of the picture you just made.
Now go to the magic wand tool. And select your blank space Blue in my case.
Now rightclick> similar.
Repeat till all of your blank space is selected I.e. What you want to be transparent.
Now rightclick>select inverse. Then rightclick> Layer via copy.
When you are happy with what you want as the icon. And that it has it's own layer.
Delete the back ground layer,
Now the last few steps are. Image> image size.
Then make it 24x24 pixels. You may have to unselect Constrain size.
Now the last steps are. File> save as> targa .tga. And then name it what you want the
Icon to be.
Example
Don_DAxe_01.tga
Congrats you made your first alpha enabled icon. AKA transparent icon
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
INFORMATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
I know that this is not the best written guide in history. Considering some of the
puncuations are off. And contains some spelling errors.
But if someone else wants to spell check and punctuate. This guide feel free
to email the new version to xchaosdragon666x@gmail.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
CONTACT ME
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Xchaosdragon666x@gmail.com
Xchaosdragon666x@hotmail.com
Xchaosdragon666x@yahoo.com
Xchaosdragon999x@aol.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
PERMISSION'S
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Silgrad's Tower http://www.silgrad.com
Edit: some minor spelling and puncuation repairs