Thread Tools
Old November 29, 1999, 16:32   #1
Allard HS
Prince
 
Allard HS's Avatar
 
Local Time: 07:51
Local Date: October 31, 2010
Join Date: Dec 1969
Location: NL
Posts: 747
Design tip: Palettes, GIFs and colours..
Here's my design tip. Anybody feel free to post it to their sites.
Although I have explained a lot of obvious things in here.. there may be things many of the most experienced designers among you will probably not know.

----------------------------------------------------

Of Palettes, GIFs and colours

a poem by Allard H.S. Höfelt

last changed on 29/11/99

----------------------------------------------------

THE PALETTE EXPLAINED
---------------------
Every GIF and BMP file has a palette that is included in the graphic. You can view this palette and edit it in almost every good graphics editor. Civilization II has very complicated -but interesting- rules for using the palettes in its files. I will try to explain it as much as I can here.
Every colour in the palette has a position, a number. This is usually displayed below the palette when viewing it in most graphics editors. In a 256 colour GIF file, palette numbers vary from 0 to 255.

Not all the palettes in the various civ2-game files are the same. They vary slightly to their designated use. Some palettes have grey backgrounds, for example, other ones a pink background, and other ones a violet background. I recommand to load the same palette (I recommand the UNITS.GIF palette) in all files.

Civilization II will recognize only the colours supplied in the UNITS.GIF. So If you use a totally different palette in, for example, CITIES.GIF, the game will simply use the colour that appears in that colour's palette location in UNITS.GIF

In the game, 192 to 235 will simply become black. 236 to 249 will show up different colours than you have chosen in the palette. They are: Creamy White, Light Grey, Dark Grey, Blood Red, Light Green, Yellow, Dark Blue, Violet, Light Blue, White, Black, Bordeaux Red, Green, Olive Green. You might be able to use these colour simply as extra (unchangeable) colours of the palette, but I do not know of any further use of these.

Watch out with these colours! In the standard palette they all have the same colour and if you pick one to paint with it, most graphics program (like PSP) will automatically pick the first of the same-looking colours. This problem is also very known with the standard grey background of some .GIF files. You can avoid this by editing the palette and giving them all individual unique colours.

Palette number 249 however is used in CITIES.GIF to locate the city size box.

At palette no 250 the special colours start. 250 looks blue in the palette and will appear as dark blue in the game. This colour is actually only used for giving the coordinates of the shield on the units and cities (will be explained later).

Palette 251 and 252 (normally dark and normal red) work together with certain units (shield, airbase, etc.) to indicate the nation's colour. They will change according to the owning (or occupying) civilization. Palette 251 will appear as the alternative (darker) nation's colour. Palette 252 as the lighter colour. See what I explained under CITIES.GIF for more information.
The Airbase icons do only recognize palette 252 and will not show palette 251 right.
At any place where these two colours are not used, the game will simply them as blue and violet.

253 until 255 will become transparent (invisible) in the game and are used as backgrounds in the files (253 and 255) or as borders (254)


CITIES.GIF
----------
A nation's colour consists of three colours. They are all customizable on the lower left corner or CITIES.GIF.
On top of every flag there is a thin line of all civilization's individual colours. The most left pixel of this line (coordinates of the file (1,423), (16,423), (31,423), etc.) will indicate the colour of the letters under the cities as well as the colour of the civilization on the radar map. It also influences the colour of the civ in the demographics and probably at various other places.
Another important pixel is the pixel that's located (from the green border around the flag) at 5 pixels down and 4 pixels right (coordinates (19,429), (4,429), etc.). Changing this pixel will affect the unit's owning nation's primary colour (palette 252), as well as the city size box and various other places, such as the line on how the civilization did when retiring.
The pixel located at 5 down, 7 left ((7,429), (22,429), etc.) determines the unit's owning nation's secondary colour (which will be "loaded" by using palette 251). This is not very much used in the game -perhaps not even at all-, but only if you choose to include two shades of the owning colour in the shield. (it's also used in the Tribes editor of the scenario editors of Fantastic Worlds).
The rest of the flag will simply be displayed as it is. The second row of flags is unused and can be removed if wanted.

To the right of the flags are the icons to be used for a fortified unit, a fortress, an empty and a full airbase. The latter two allow palette 252 to be used and will therefore change according to the occupying civ.

The city icons are either not walled (left) or walled (right) and in 4 sizes. Palette 249 in the border on top and on the left of any city icon determines the topleft corner of where the city size box will appear. Palette 250 will show where the nation's flag will appear.
The Modern Alt. is not used by the game.

All other icons, text etc. in the file have no specific meaning and can be removed.

UNITS.GIF
---------
The shield may have any form within the square designated, except upper 7 lines of pixels. Of the three individual shields in the UNITS.GIF upper right corner, only one is being used by the game, i.e. the red one directly beside the Fanatics unit.
You can change the colour of the shield to the owning civilization by colouring it with the red colour (palette index 252). Using palette no 251 (normally dark red) will give the shield the alternative nation's colour, as descibed earlier. Using a mixture of both these colour will allow you to smoothe the unit colour.
Basically, any colour can be used in the shield square, and that colour will be visible in the same colour in the game. Exceptions on this are palette 192 to 255.

Many colours that will appear in the game are also customizable in UNITS.GIF. As told before, the palette in UNITS.GIF will affect all other files too, so it is advisable to apply the same changed palette to the other files, to avoid ugly and unwanted colours.

The Radar map's sea colour uses palette 83. The land colour uses 38. The Radar map's nations colours are already explained in CITIES.GIF.

Text in the top border of all pop-up boxes is actually the UNITS.GIF's palette 16, with a shadow of palette 0.
Some text (like "viewing pieces" on the right) is made of palette number 31 with a shadow -again- of number 0
Most other text is palette 6 with a shadow of palette number 23.

ICONS.GIF
---------
I will not explain how the various icons on the right will be used. They have nothing special about them. I will only speak about the icons on the left half of the screen.

First of all, the grid lines. You'll see 5 different grid lines. The highest of these, with the fat lines, is visible if you right click on the map and go to the "viewing pieces" mode instead of the normal "moving pieces" mode.
This grid icon is also shown in the city viewing screen when a square is being used by another city. So, if you change this icon, keep in mind it will also be visible here, and perhaps then try to avoid it.
The grid below this is viewed when the grid is turned on (control-G). If you now right click somewhere, both will be visible, with the first grid (the upper one in icons.gif) on top.
As far as I know, all three other grid icons are not used.

Below this second grid (the one you see when grid is turned on), you'll see the background of the title of almost all civ2 texts boxes and most other things. You certainly have noticed it.
There's also a second background used, the one used in the interface box on the right of the screen when playing, and also the background of all pop-up boxes. This texture is created by tiling the upperright texture (left of the Woman's Suffrage Wonder). The two other textures are not used.

Left of this are 3 symbols for disorder, of whom only the most left is used.
A little bit farther to the left is the symbol for pollution. If you switch off pollution in your game, it may be best to remove this icon altogether.

Between the pollution icon and the battle animation icons are the various food, money, happiness etc. icons. They are: shortage of food, corrupted shields, wasted trade, the 4 stages of research (the icon above that serves no function). Second row: Food, shield, trade, the 4 stages of pollution. Third row: Luxury, money, research. Fourth row: unhappiness due to troops, wasted cash.
The smaller icons right of these are not used.

Further we can see some battle animations, which will be showed after each other when a fighting takes place, a "up" and "down" button, for switching to the next or previous city in the city viewing screen, and a few more buttons (close, zoom in, zoom out, eye), which are used either in the main map screen and the other map screen you get when right clicking on the radar map (I think only in cheat mode). If somebody by the way could explain me the use of this second map screen, I would be very grateful.

All other icons serve no function (the colours in the left bottom, the empty buttons, the other 3 grid icons)

TERRAIN1.GIF
------------
There are a lot of useless icons in this file! But also quite some useful ones..
The most left column are the terrains used. The ocean icon is not used, except when you zoom out the map a bit. Instead, the ocean is made in Terrain2.gif, I will tell this later.
The second column is totally useless.
The third and fourth column are the resources that can appear on the terrains left of them. Only the resources of Grassland are unused, because Grassland doesn't have resources but used another icon instead (icon under pollution on the right).

Below these columns are two rows of roads and railroads.
Below that are 5 important icons. First the dithering. The black spots will be filled with the icon that stands three squares to the right, while the pink will be filled with the terrain that occurs on the specific place of the map. Feel free to add more black spot to make it smoother, but be careful about removing the black spots because this may lead to extremely ugly horizontal and vertical lines.
I do not know what the icon marked mouse next to the dither icon is useful for. As far as I can tell, it does not change the mouse behaviour. Removing it doesn't influence anything, so I would say it has no function.
One more further right (marked Blank) is the icon that will be showed on any unexplored terrain. It gives a very nice touch to a exploration scenario in the Renaissance to make this icon look a bit nicer.
One more to the right is the background filler to be filled in in the black spots of the "Dither" icon, three more to the left. If you're making a winter scenario, make this square white!
For the last of these 5 icons, the one marked Mouse 2, I have to say exactly the same as to the other "mouse" icon; removing it doesn't change anything.

Now we move to the right half of the screen, where the first 3x4 icons in the right top corner are completely useless and can be removed for the sake of clarity.
Below them is the icon marked as "irrigation" and that also functions as such.
Below that are Farmland, mining, pollution (think of removing it when pollution is switched off), the special grassland resource and the all-famous goody hut.

All other icons in terrain1.gif are unused.

TERRAIN2.GIF
------------
The first 2 rows have no use, but are handy for quickly seeing the direction to which the following rows of icons need to be faced.
So, the first icon on the 3rd row means, if you look back at the first icon on the first row, an unconnected river. This row and the next row give all possible directions for the rivers.
The same thing for forests, mountains and hills.

Then follow the 4 connections of rivers with ocean. They connect to a river northeast, southeast, southwest and northwest of them (so the sea is at the opposite direction). There can be more of these connectors in one square (when 4 rivers finish in one lake!), so remember not to overlap too much space when changing these.

After 3 more rows of useless rows for the game, but useful for the creator, there are three more rows. Every little square will eventually (in the game) fill in one fourth of a square.
The upper row is for the upper part of the square, the middle one for the lower part, and the two last ones are for the left and right part. If you take an empty square and construct them together, you'll see that they fit exactly!
The w and l in the rows above indicate if the square on that side of the icon is w(ater) or l(and).

The four most left icons form the ocean (not immediately next to land) together.
So the best way to construct your own ocean is to first make a normal square, like any other terrain square, then select the 4 parts and copy and paste them into these little squares. Paint Shop Pro allows you to save selections, so that will save you a lot of time.

Again.. All other icons on this page are unused by Civilization II.

CONCLUSION
----------
There are doublessly still lots of things I could not identify or did not think of. The only way to really find out is by playing around with them.
As for the colours: you could even change every single palette colour individually to find out what it does! You can also find out useful things by taking a screenshot, converting it to the used UNITS.GIF palette and looking what index in the palette the colour you want has. This is however not 100% sure, since loading a palette always means loss of colours. Always check if it's right, before trusting on it..
Allard HS is offline  
Old November 29, 1999, 18:11   #2
blackclove
Guest
 
Posts: n/a
Thanks, Allard! When Cam gets time I'm sure he'll add pretty pictures to it and we'll get it posted up.
 
Old November 29, 1999, 21:01   #3
St Leo
Scenario League / Civ2-CreationApolytoners Hall of Fame
 
St Leo's Avatar
 
Local Time: 01:51
Local Date: October 31, 2010
Join Date: Jul 2005
Location: In search of pants
Posts: 5,085
BTW, Modern Alt. space is used in ToT as the Renaissance city style.:-)

------------------
St. Leo
http://ziggurat.sidgames.com/
http://www.sidgames.com/forums/
St Leo is offline  
Old November 30, 1999, 09:50   #4
Miner
Prince
 
Miner's Avatar
 
Local Time: 06:51
Local Date: October 31, 2010
Join Date: Jul 1999
Location: of London
Posts: 375
Someone has mentioned in the TOT Forum that something to do with these files is giving the dark horrible look and changing the colors on shields etc. Is there anything mentioned here that can be modified to change this?
(I do not pretend to be an artist!)
Miner is offline  
Old December 12, 1999, 18:50   #5
Allard HS
Prince
 
Allard HS's Avatar
 
Local Time: 07:51
Local Date: October 31, 2010
Join Date: Dec 1969
Location: NL
Posts: 747
A few mistakes in this:

In TERRAIN1.GIF, the mouse icons in the left corner dó influence mouse behaviour, however only with left clicks, not right clicks, as far as I can tell.

In ICONS.GIF, the smaller icons for food, happiness, shields, etc. dó have importance; I think for the icons of the map where to place your workers in the city map. Perhaps also at other places.

I found out another mistake, can't remember it right now, but it wasn't very important.

I have no idea about ToT, haven't gave it much attention till now, but I think it will all work pretty much similar.
Allard HS is offline  
 

Bookmarks

Thread Tools

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 On

Forum Jump


All times are GMT -4. The time now is 01:51.


Design by Vjacheslav Trushkin, color scheme by ColorizeIt!.
Powered by vBulletin® Version 3.8.2
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Apolyton Civilization Site | Copyright © The Apolyton Team