Graal Forums  

Go Back   Graal Forums > Development Forums > Graphic Design
FAQ Members List Calendar Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Search this Thread Display Modes
  #1  
Old 04-16-2011, 09:34 PM
fowlplay4 fowlplay4 is offline
team canada
fowlplay4's Avatar
Join Date: Jul 2004
Location: Canada
Posts: 5,200
fowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond repute
How-to Set Transparencies and Color Depth

Alright I know there's another guide like this but it uses Animagic and that just seems too overkill to me for a simple process.

There's also a way to do it with gif2mng.exe but I don't find that nearly as user-friendly as Irfanview nor do I like the lack of control.

This process applies to all images, not just heads. To keep things simple I use a head image in my tutorial.

Alternate Programs:

Adobe Fireworks Users can read cbk's post for a small how-to.
Paint.NET Users can read Soala's post for a small how-to.

Requirements:
1. Download and Install Irfanview (1.5 MB)
http://www.irfanview.ca/main_download_engl.htm
2. An image you want to trans and use on Graal.

Preparing the Image:
3. Set the background to a unique color that differs from your image.



MS Paint automatically sets the bit-depth to 24-bit and removes any transparency.

Fixing the Color Depth:
Note: If your image is a GIF, it's already 8 Bit or Lower! Also the Graal Client does support 24-bit PNG images but the GraalEditor does not. If decreasing the color depth messed up your tilesets colors I would recommend just making a 8-bit version for off-line use.

4. Open the image with/in Irfanview
5. Set the bit-depth to 256 Colors / 8 Bit.



6. To verify that the colors were decreased, you should see 8 BPP on the information pane.



Setting the Transparency:
7. Click the 'Floopy Disk' Icon or go File / Save As
8. Set the Save As Type to PNG if it's not already.
9. Make sure the Show options dialog is checked. This will make the PNG/PNM/ICO save options dialog appear.
10. Make sure the Save Transparent Color is checked. If it's not you won't be able to save the transparency.



11. Now click the color you want to make transparent. In my example it's the pink background.



12. The image is now transparent. You can verify it's transparency by viewing it Windows Image Previewer or even re-opening the file in Irfanview.



Congratulations
You can now use the image in the Graal Editor/Shop and online!

If you're having issues with body sprites I would recommend reading this guide: [Tutorial] How to create and save bodies

Savvy Users: In the Graal folder you'll find gif2mng if you've installed the developer tools. Through command you can fix body image by using: gif2mng -b yourbodyimage.png
__________________
Quote:

Last edited by fowlplay4; 04-17-2011 at 06:36 PM..
Reply With Quote
  #2  
Old 04-16-2011, 09:38 PM
Crono Crono is offline
:pluffy:
Join Date: Feb 2002
Location: Sweden
Posts: 20,000
Crono has a reputation beyond reputeCrono has a reputation beyond reputeCrono has a reputation beyond reputeCrono has a reputation beyond reputeCrono has a reputation beyond reputeCrono has a reputation beyond reputeCrono has a reputation beyond reputeCrono has a reputation beyond reputeCrono has a reputation beyond reputeCrono has a reputation beyond reputeCrono has a reputation beyond repute
Send a message via AIM to Crono
thx
__________________
Reply With Quote
  #3  
Old 04-16-2011, 09:39 PM
Unkownsoldier Unkownsoldier is offline
Ignorance has no future
Join Date: Sep 2008
Posts: 1,287
Unkownsoldier is on a distinguished road
You sooooo made that harder than it had to be.
__________________
Look beyond the monitor.
Reply With Quote
  #4  
Old 04-16-2011, 09:48 PM
fowlplay4 fowlplay4 is offline
team canada
fowlplay4's Avatar
Join Date: Jul 2004
Location: Canada
Posts: 5,200
fowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond repute
Quote:
Originally Posted by Unkownsoldier View Post
You sooooo made that harder than it had to be.
Care to shed some light on your 'easy' process?
__________________
Quote:
Reply With Quote
  #5  
Old 04-16-2011, 10:06 PM
nullify nullify is offline
Registerd Abuser
nullify's Avatar
Join Date: May 2004
Location: The cheese state.
Posts: 851
nullify has a spectacular aura about
Haters gonna hate.
Reply With Quote
  #6  
Old 04-16-2011, 10:11 PM
cbk1994 cbk1994 is offline
the fake one
cbk1994's Avatar
Join Date: Mar 2003
Location: San Francisco
Posts: 10,718
cbk1994 has a reputation beyond reputecbk1994 has a reputation beyond reputecbk1994 has a reputation beyond reputecbk1994 has a reputation beyond reputecbk1994 has a reputation beyond reputecbk1994 has a reputation beyond reputecbk1994 has a reputation beyond reputecbk1994 has a reputation beyond reputecbk1994 has a reputation beyond reputecbk1994 has a reputation beyond repute
Send a message via AIM to cbk1994
For anyone who wants to set transparency using Adobe Fireworks:

Under "Optimize" (on the right side of the screen if you're using the default workspace), select PNG 8 and then "Alpha Transparency" (use PNG 24 if it's a 24-bit PNG with no transparency, or PNG 32 if it's a 24-bit PNG with semi-transparency or transparency):



Then just File > Export.

If you're looking for something more Photoshop-esque, File > Image Preview is what you're looking for.
__________________
Reply With Quote
  #7  
Old 04-17-2011, 01:46 AM
Unkownsoldier Unkownsoldier is offline
Ignorance has no future
Join Date: Sep 2008
Posts: 1,287
Unkownsoldier is on a distinguished road
Quote:
Originally Posted by fowlplay4 View Post
Care to shed some light on your 'easy' process?
-put it into paint
-save as bmp (256)
-put the bmp in giffy "hit trans"
-put the img.gif into "gif2mng"
-trans .png there you go.
__________________
Look beyond the monitor.
Reply With Quote
  #8  
Old 04-17-2011, 01:57 AM
Fulg0reSama Fulg0reSama is offline
Extrinsical Anomaly
Fulg0reSama's Avatar
Join Date: Sep 2009
Location: Ohio
Posts: 3,049
Fulg0reSama has a brilliant futureFulg0reSama has a brilliant futureFulg0reSama has a brilliant futureFulg0reSama has a brilliant futureFulg0reSama has a brilliant futureFulg0reSama has a brilliant futureFulg0reSama has a brilliant futureFulg0reSama has a brilliant future
Quote:
Originally Posted by Unkownsoldier View Post
-put it into paint
-save as bmp (256)
-put the bmp in giffy "hit trans"
-put the img.gif into "gif2mng"
-trans .png there you go.
great, but what's the point of that if irfanview will fix the color options, adjust the colors depth, and trans it all at once without the use of multiple programs?

If anything you made it slightly shorter but even more tedious.
__________________

Careful, thoughts and opinions here scare people.
Reply With Quote
  #9  
Old 04-17-2011, 01:59 AM
fowlplay4 fowlplay4 is offline
team canada
fowlplay4's Avatar
Join Date: Jul 2004
Location: Canada
Posts: 5,200
fowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond repute
Quote:
Originally Posted by Unkownsoldier View Post
-put it into paint
-save as bmp (256)
-put the bmp in giffy "hit trans"
-put the img.gif into "gif2mng"
-trans .png there you go.
So you have to put it through 2 (excluding paint) different programs and end up with 3 different images before you get the finished product. Your 'easy' method sounds pretty ridiculous to me.

Where my guide has you do everything (sans drawing pixel art) in Irfanview without changing the file type, and requires no additional files.

I've also seen the method paint uses to convert images to 8-bit destroy color palettes in past.
__________________
Quote:
Reply With Quote
  #10  
Old 04-17-2011, 12:39 PM
Devil_Lord2 Devil_Lord2 is offline
David K?
Devil_Lord2's Avatar
Join Date: Apr 2011
Location: PA, MD.
Posts: 643
Devil_Lord2 can only hope to improve
Quote:
Originally Posted by Unkownsoldier View Post
You sooooo made that harder than it had to be.
Yes, but either way he did it.
There aren't many tutorials for Graal players out there.
If there are I can't find them.. At least rarely any good ones for programming...



Also, I believe Paint could set transparencies.. it took me forever to figure out how, but I believe I have... kinda just have to keep searching for the ways to do it lol.. anyway the search probably isn't worth it.. I heard gimp and paint.net are also good. In the past I use to use free trials of Paint Shop Pro 7.
__________________

Digital Media Artist - David K? </3 (UnLoved)
www.davidkrout.com
www.twitch.com/DavidKkz



Reply With Quote
  #11  
Old 04-17-2011, 03:00 PM
Unkownsoldier Unkownsoldier is offline
Ignorance has no future
Join Date: Sep 2008
Posts: 1,287
Unkownsoldier is on a distinguished road
Quote:
Originally Posted by fowlplay4 View Post
So you have to put it through 2 (excluding paint) different programs and end up with 3 different images before you get the finished product. Your 'easy' method sounds pretty ridiculous to me.

Where my guide has you do everything (sans drawing pixel art) in Irfanview without changing the file type, and requires no additional files.

I've also seen the method paint uses to convert images to 8-bit destroy color palettes in past.
It doesn't really matter, I can get a .png transparent image in less than 30 seconds. How long does it take to get yours transparent? It doesn't really matter how its done, its annoying that you have to do anyway. So the quicker you get it done, the less annoying it is, regardless of how its done.

*if you use paint to make it is a guarantee that the color palette wont be destroyed. Or you don't even need to use paint, save it as 256 bmp in any program for all I care.
__________________
Look beyond the monitor.
Reply With Quote
  #12  
Old 04-17-2011, 03:50 PM
Crono Crono is offline
:pluffy:
Join Date: Feb 2002
Location: Sweden
Posts: 20,000
Crono has a reputation beyond reputeCrono has a reputation beyond reputeCrono has a reputation beyond reputeCrono has a reputation beyond reputeCrono has a reputation beyond reputeCrono has a reputation beyond reputeCrono has a reputation beyond reputeCrono has a reputation beyond reputeCrono has a reputation beyond reputeCrono has a reputation beyond reputeCrono has a reputation beyond repute
Send a message via AIM to Crono
Quote:
Originally Posted by Unkownsoldier View Post
It doesn't really matter, I can get a .png transparent image in less than 30 seconds. How long does it take to get yours transparent? It doesn't really matter how its done, its annoying that you have to do anyway. So the quicker you get it done, the less annoying it is, regardless of how its done.

*if you use paint to make it is a guarantee that the color palette wont be destroyed. Or you don't even need to use paint, save it as 256 bmp in any program for all I care.
Are you retarded? No seriously, are you retarded? Open the file with irfan, apply 1 option, and save. It takes no time or effort at all.
__________________
Reply With Quote
  #13  
Old 04-17-2011, 05:13 PM
fowlplay4 fowlplay4 is offline
team canada
fowlplay4's Avatar
Join Date: Jul 2004
Location: Canada
Posts: 5,200
fowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond reputefowlplay4 has a reputation beyond repute
Quote:
Originally Posted by Unkownsoldier View Post
It doesn't really matter, I can get a .png transparent image in less than 30 seconds. How long does it take to get yours transparent? It doesn't really matter how its done, its annoying that you have to do anyway. So the quicker you get it done, the less annoying it is, regardless of how its done.

*if you use paint to make it is a guarantee that the color palette wont be destroyed. Or you don't even need to use paint, save it as 256 bmp in any program for all I care.
Around 5 seconds, my tutorial is just thorough and explains the process completely for new users and gives them steps to help them verify they're doing it properly.

It also addresses the most typical scenario: A new player makes an edit of a head, and needs to convert it to Graal's format.

This is literally all that's done: (The check off steps only need to be done once, and then they save)

- Open image in Irfanview
- Image/decrease color depth to 256 colors
- Save as PNG, check off 'Show Options Dialog'
- Check off 'Save Transparent Color'
- Click Save, choose Transparent Color

Done.
__________________
Quote:
Reply With Quote
  #14  
Old 04-17-2011, 06:27 PM
Soala Soala is offline
Ideas on Fire
Soala's Avatar
Join Date: Jun 2007
Location: In my head
Posts: 3,208
Soala is a jewel in the roughSoala is a jewel in the rough
Nice tutorial

You can also use paint.NET to set transparencies:

1) Open your image
2) Select the background with the magic wand
3) Press Delete key
4) "Save as", paint.NET will automaticly ask you to choose the color depth

Click image for larger version

Name:	example.png
Views:	2324
Size:	548.8 KB
ID:	52718
Reply With Quote
  #15  
Old 04-17-2011, 07:06 PM
Shards-Of-Fate Shards-Of-Fate is offline
Mr. Blu
Shards-Of-Fate's Avatar
Join Date: Sep 2002
Location: Austin, TX, USA
Posts: 215
Shards-Of-Fate will become famous soon enough
Send a message via AIM to Shards-Of-Fate Send a message via MSN to Shards-Of-Fate Send a message via Yahoo to Shards-Of-Fate
Animagic GIF has a Transparency / Eyedropper tool.

I just copy and paste out of paint, set the transparent color I like, save it--click and drag to gif2mng.exe and it does all the work for me.

The thread wasn't seeing who could do it faster, but to explain it to those who don't know how.
__________________

Weee!~
Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +2. The time now is 05:10 PM.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, vBulletin Solutions Inc.
Copyright (C) 1998-2019 Toonslab All Rights Reserved.