30-04-2002 02:19									#1
	Editing Freeciv graphics the easy way Suffering from ads?

A quickguide for windows users: Editing Freeciv graphics the easy way


Anyway who has tried out Freeciv might have also taken a look at the graphic files lcoated in the data directory. There you'll find various tilesets. They do share one thing : they're all saved in the P(ortable) N(etwork) G(raphics) PNG format.


So can I edit and change the graphics? Yes, as easy as you can with the original Civ2 graphics. As long as you have a graphic editor which can load& save PNG you shouldn't have much problems. In the following screens I'll show how easily it can be done with an old version of PSP. But any modern graphic editor will do.


Step 1: Choose your subject and load the original Freeciv graphic file

I never was a personal fan of the gold and iron resource squares in Tim Smith's Hires set so that's where we'll start. Let's open up terrain1.png in the /data/hires directory. For pageloading convenience I've converted the PNG to JPG for now.

Attachment: terrain1-step1.jpg
This has been downloaded 296 time(s).

Last edited by CapTVK on 30-04-2002 at 02:38

	30-04-2002 02:23									#2
	Inflate your Upload Space

Step2: Check the palette transparency

Just like graphic GIF files, PNG has an option for setting the background colour to transparent. In the case of Civ2 it's a curious pink colour that serves as the background. Freeciv uses standard black as the transparent background colour.
In PSP you can turn off the background colour with the option view palette transparency in the colors menu. Let's see how terrain1.png looks without the black background:

Attachment: terrain1-step2.jpg
This has been downloaded 295 time(s).

Last edited by CapTVK on 30-04-2002 at 02:43

	30-04-2002 02:24									#3
	Inflate your Upload Space

Step3: Understanding Transparency


Wait a minute! If the background colour is black and has now been made invisible. Does that mean I can't use black in my own graphics!? If so, why can still see that large black rectangle on the screen?

There's a good question which you have already answered yourself:
There are several types of black, and only one type can be made transparent. Standard black has the values R=0 G=0 B=0 I=0 If you use the eye dropper and move over the black rectangle you'll see it has a differing value: R=0 G=0 B=0 I=192. It isn't the same! That's the reason why this black rectangle still shows up. As long as you a slightly different type of black your're okay*

(*unless you WANT your units to be invisible in the game, a trick that sometimes is used by scenario makers )

	30-04-2002 02:25									#4
	Support Apolyton, buy Civilization: The Boardgame

Step4: Changing and editing graphics

Now that we understand transparency, we'll get to the nitty gritty: editing. I'll presume you understand standard editing and how cut and paste works. Looks closely at the picture below and you'll see I've already changed the Freeciv gold resource square to the standard Civ2. That just leaves the Freeciv iron square circled in red. Looks a bit like a spearpoint doesn't it? Well, I prefer the standard Civ2 one so let's load up the terrain1.gif from the original Civ2

Attachment: terrain1-step4.jpg
This has been downloaded 294 time(s).

	30-04-2002 02:28									#5
	Support Apolyton, buy Civilization III: Complete

Step 5 Copy and Paste


First we'll copy& paste the Civ2 iron resource square and save it as a file

Attachment: terrain1-step5.jpg
This has been downloaded 289 time(s).

Last edited by CapTVK on 30-04-2002 at 02:42

	30-04-2002 02:29									#6
	Increase Your PM Length

step 6 Editing and settings transparency


Now we'll remove the pink and gray and replace it with the standard black colour and set the background colour (once again R=0 G=0 B=0 I=0) to transparent. After that we make the background invisible The end result will look like this:

Attachment: terrain1-step6.jpg
This has been downloaded 290 time(s).

	30-04-2002 02:31									#7
	Inflate your Upload Space

step7: Pasting in the new graphics


Now that the transparency has been set we can copy&paste it into the Freeciv terrain1.png. I've included the green line to make it easier to line up the square over the old one.

(Just a tad more to the left.... )

Attachment: terrain1-step7.jpg
This has been downloaded 285 time(s).

	30-04-2002 02:33									#8
	Support Apolyton, buy Civilization III: Complete

Step8: Tidying up

Everything seems okay so let's deactivate the view palette transparency-option in the colors menu and see the results (in JPG format):

Attachment: terrain1-step8.jpg
This has been downloaded 282 time(s).

	30-04-2002 02:35									#9
	Support Apolyton, buy Call to Power 2

step9 Conclusion and suggestions

In this guide you learned how easy it is to change the graphics in Freeciv for windows. You can edit all the Freeciv graphic files in the same way as long as your graphic program supports PNG and know how to set the background to transparent.


As a final suggestion I would like to draw your attention to my plan to create a new set, named Apolyton , for Freeciv based on various tiles and units created by the Civ2 scenario makers. If anyone would like to donate some units or help out please contact me by email or via this forum.

	12-05-2002 13:58									#10
	Lose 30 kilos (of popups)

ooooooouuhhh...... great guide!

	12-05-2002 17:16									#11
	Browse Apolyton AD-FREE

quote: Originally posted by Chaos Engine ooooooouuhhh...... great guide!

Ehmm...thanks..but I've been busy coming up with something better!


WATCH THIS SPACE

	16-06-2002 15:27									#12
	Support Apolyton

Nice guide! Now, if I only knew how to manipulate PNG transparency settings in Picture Publisher ...

	16-06-2002 16:33									#13
	Help yourself to an AD-FREE life

quote: Originally posted by LoD Nice guide! Now, if I only knew how to manipulate PNG transparency settings in Picture Publisher ...

Isn't Picture Publisher more of a photo editor? I can imagine transparency settings buried away somewhere deep in the picture settings. You could try PaintShopPro (I still use the ancient version 5.0) or the open source graphic editor the GIMP (comparable in options to PSP but easier in direct use).

	03-07-2002 13:33									#14
	Support Apolyton

Yes, PP's more suited for photoediting, but usually I get away with using it for more, err, 'designer' ends. It has transparency controls for the GIF, but none for PNG as it seems. I'll have to try GIMP I think. Thanks for the reply.

	05-11-2002 04:15									#15
	Full PM-box? Change here!

I have tried GIMP but I can't seem to get it going. Everything seems fine until I load an image (eg, Civ2 units.gif) and I get an error saying it can't load the brush type (click OK then ctd). Unfortunately, the help provided on Tor Lillquist's page seems more geared toward unix users.

	05-11-2002 15:00									#16
	Avatar Enlargement: We've got the solution

I had been converting the PNG into GIF files, which also support transparency. I could then use Microsoft Paint Brush (the version in windows 2000) to edit the GIF.

However, as a side effect of the conversion, seems to have merged the two different blacks into plain black. I had wondered what was happening - you post helped me understand this.

I plan to use a using gastly pink (like in Civ 2 tiles) for the transparancy colour. In Paint Brush goto Image, Attributes to set the transparancy colour.

See the thread High(er) Resolution Tilesets.

Peter

Last edited by maubp on 05-11-2002 at 15:05

	09-11-2002 17:01									#17
	Support Apolyton, buy Civilization 2

I have given up on doing transparency in Microsoft Paint Brush, instead I have been editing the tiles there, but using Microsoft Photo Editort to convert to PNG and set the transparency colour.

Maybe I should get round to reinstalling linux - last time it was fine until I used Windows 2000 to reformat an NTFS partition to FAT, and that stopped anything booting!

What tools do you all recommend on either Windows, or Linux (the Gimp?)

	06-01-2003 09:12									#18
	Aaarrgh Support Apolyton or Terrorists Win

Tried again d/l the zips, install, then load a gif and get this

Attachment: gimperrormsg.png
This has been downloaded 80 time(s).

	10-01-2003 05:23									#19
	Support Apolyton or Terrorists Win

quote: Originally posted by maubp Maybe I should get round to reinstalling linux - last time it was fine until I used Windows 2000 to reformat an NTFS partition to FAT, and that stopped anything booting!

For sure, you should ;-)

quote: What tools do you all recommend on either Windows, or Linux (the Gimp?)

Yes. (For Win..) too.