Jump to content

Photo
* * * * * 2 votes

[External] Graphics Gale: What You Need to Know


  • Please log in to reply
2 replies to this topic

#1 Ebola Zaire

Ebola Zaire

    no fun. not ever.

  • Members
  • Real Name:Mitch
  • Gender:Male
  • Location:Alabama

Posted 01 August 2008 - 06:17 PM

GraphicsGale: What You Need to Know


An advanced tutorial by Ebola Zaire.

Note: this tutorial relies heavily on the ability of the reader to try things and comprehend information. This is a tricky process to learn, and even harder to explain. If you find yourself with results that don't match mine, you should carefully read the instructions again- chances are, you simply forgot or misread something. If you come to a point where it's not clear whether to do one thing or the other, try them both before asking questions. You learn as much from mistakes as you do from successes.

Just what the heck is this GraphicsGale?
GraphicsGale is software that is geared towards creating animated sprites. However, us ZQuest users can use it for a different purpose- palette editing. What I mean is that we can edit the palette on an image so that you can grab it into your .qst file with no recoloring. Cool beans, huh?

Yeah, cool beans. Where can I get it?
Here's the download page on the official website. You'll notice that there are two different versions available for download- a "Free" and "Shareware" version. The free version is exactly that- free. However, you lose the ability to save and load .gifs, which is probably the most common image type when dealing with sprites. You'll have to convert .gifs to 256-color .bmps using paint or another program before you edit it with GraphicsGale. The other version costs 1,995 dollars yen, but gives you the ability to edit .gifs (and other file types, but .gif is that only one we're worried about). You get a 30-day free trial period with this version, and I have no idea what happens at the end of that because I've never downloaded it. If you're determined enough and stealing doesn't bother your conscience, then you can probably easily find a pirated copy of the full GraphicsGale, but the free version will be adequate for our purposes.

Alright, I've got my GraphicsGale, I've got my Orange Crush. What now?
Well, there are a couple of ways that this could go. I'll just explain my method of working with palettes- if you find another way that works for you, super. Note that you'll probably learn a lot better if you actually follow along and do what I'm doing- you can easily save the image I'm using and work with it yourself in GraphicsGale. Also, I am using the old DoR tileset, so you might want to get that as well.

Alright, you found yourself a nice little sprite. Look, here he is!
IPB Image
But there is a tiny problem. When I rip him into my DoR tileset, he looks like this.
IPB Image
Ew. He has become palette barf. Let's try to fix him up, shall we? Our first step is getting GraphicsGale to open up the file- since it's a .gif, free version users need to convert it to another file type- preferably, 256-color .bmp. Open the oldman.gif in Paint. Go to File -> Save As. Where there is a "Save as Type" box, select "256-Color Bitmap (*.bmp;*.dib)" and save it. You don't have to change the name, but I always save it as something like "oldman bmp" so that I know that it's been converted and is ready for GraphicsGale. Speaking of which, it's time to double-click your GraphicsGale icon and open up "oldman bmp.bmp".
IPB Image
There are a lot of different things up there, but we're only worried about the three I boxed in.
Magnify Tool: When selected, left-clicking the image will zoom in and right-clicking will zoom out. You'll probably be using this quite a bit, because straining to see individual pixels is godawful.
Image: Pretty self-explanatory. Any changes made occur in real-time.
Palette Box: This is what we'll be working with. The palette box contains every color used by the image. You can move colors around using the mouse and keyboard. The color with a box around it is the color you have currently selected, and the box with a slash through it is what you have as a secondary color. By default, the secondary color is the last color used by the image- everything after that is solid black.

Alright, now that we've got our image, it's time to determine how many colors our old man uses. Now, looking at the palette box, you may think "Holy guacamole, that's a ton of colors for one old man!" but if you look, you'll see that there's also the background color, fire, and walls that we're not worried about ripping in. What we'll do is move the colors around- if something on the old man changes, we know that we've moved a color that he uses. You pickin' up what I'm layin' down so far?

Time for the in-depth explanation- we're going to create a new color, called the "Tester." Just select a random square and adjust the R/G/B slider to get a color.
IPB Image
It doesn't matter where you put the new color or what specific color it is- just make sure it's something that stands out.

Now we're going to test each color to see which are used in the image. Since I'm the teacher, I already know the answers, so go ahead and drag the white that's boxed in on the above image to your Tester. What happens to the old guy?
IPB Image
Great, you ruined it. No worries, you can get it back. Just drag the white color back to your Tester- good as new. Now, drag the same white to an unused black square, but hold the shift key while doing so! This will move the white color to a new spot on the palette without affecting the image. This allows you to put the colors that the image uses together without destroying the image. Now go through on you own to find all the colors that the oldguy uses, including the background color. I'll just go grab a Juicy-Juice while you do that.

Done already? You should have something that looks like this:
IPB Image
Remember, since we were using the shift key while moving those colors, the image should be unaltered. Now let's organize them. Try to group the colors together as best you can, remembering to use your Tester to determine whether something is a dark red or a dark brown. The end result is something like this (note that I only posted a picture of one line to save space):
IPB Image
So we can see that we have our background color, three grays, five browns, and three reds. I just realized that I picked a bad image to use as our tutorial, because this won't actually fit into DoR. Nevertheless, we will sally forth. Speaking of which, go back to ZQuest and go to Quest -> Graphics -> Palettes -> Main and select CSet 6, then hit "Edit." You should see this bar in the center of your screen.
IPB Image
You'll be trying to emulate this palette structure. Since we have no grays, we'll just make his beard blue. Trust me, it'll be awesome. So, basically, we want to keep our background color to the first color in the palette, because that will be transparent in ZQuest, and organize the other colors accordingly. Here's how I did it:
IPB Image
Note that the last color is the darkest brown- it was close enough to black to substitute. Now simply save the image If you think you might want to grab other tiles from the image later, you might want to save under a different name- you may have ruined your chances at ripping other tiles when you edited the palette. Grab the tiles in ZQuest to get your recolored sprite!
IPB Image
There you have it- he's gone from palette barf to palette style, and it only took 9 images!

Why'd you break the image size limit on one picture?
Shut up. icon_glare.gif

Any last words?
Hope you learned a lot from this tutorial! Believe me, once you get the hang of it, GraphicsGale is so much easier and less time-consuming than recoloring each individual tile. You can pull off a lot of cool things that I didn't cover here- it's up to you to have the know-how to make your ideas happen. And remember, when you're moving colors, think about whether to shift or not- it could just save your life.

#2 Anthus

Anthus

    the wild-eyed boy from freecloud

  • Forum Moderators
  • Gender:Male
  • Location:Ohio

Posted 03 December 2013 - 02:02 AM

How is there not a single reply in five years..? Either way, I found this pretty useful. What would be really nifty is a list of keyboard commands for the program (copy, paste, etc). Graphics gale is cool too if you are making a palette for a new area, cause you can use a screenshot, and see it in real time. The way colors are picked/ edited is way more intuitive than ZC's palette system.



#3 NoeL

NoeL

    Legend

  • Members
  • Real Name:Jerram
  • Gender:Male

Posted 03 December 2013 - 02:56 AM

How is there not a single reply in five years..? Either way, I found this pretty useful. What would be really nifty is a list of keyboard commands for the program (copy, paste, etc). Graphics gale is cool too if you are making a palette for a new area, cause you can use a screenshot, and see it in real time. The way colors are picked/ edited is way more intuitive than ZC's palette system.

GG doesn't come with many preconfigured hotkeys but you can assign them in File > Preferences. I like to assign horizontal/vertical flip to H/V, like Zelda Classic. :P
  • TheBlueTophat likes this


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users