NMLTutorial/Graphic files - Revision history

Hirogen2: wr style

2012-10-13T17:34:10Z

wr style

FooBar: add note where to find information on how to draw sprites.

2011-08-28T21:07:24Z

add note where to find information on how to draw sprites.

← Older revision		Revision as of 21:07, 28 August 2011
Line 16:		Line 16:

	See [[Save paletted image files]] for how to create image files with the correct pallete applied.		See [[Save paletted image files]] for how to create image files with the correct pallete applied.


			== How do I draw sprites? ==
			This tutorial isn't about drawing, but about coding once you have drawn. If you want to learn how to draw sprites, check the [[GraphicsTutorial]].

	{{NMLTutorialNavbar\|Installation\|Language files}}		{{NMLTutorialNavbar\|Installation\|Language files}}

FooBar: Move image editor instructions to Save paletted image files

2011-08-28T20:52:56Z

Move image editor instructions to Save paletted image files

@@ Line 2: / Line 2: @@
 You can use any graphics file format as long as it's supported by the [http://www.pythonware.com/products/pil/ Python Image Library] and as long the graphics file has one of the TTD palettes applied.
 == What image files should I use? ==
 If you're unsure about what file format to use, take PNG as a safe bet. It can work with palettes and has the added advantage that it can be viewed by browsers and as such you can just upload your sprite files to the forums if you want to show them. PNG files are also widely supported by graphics editors.
 == What's this palette business? ==
@@ Line 15: / Line 15: @@
 Make sure to actually save the graphics files with a palette applied, or NML will complain that you don't have one. If you don't have this palette, you can extract it from any decoded grf file or [http://newgrf-specs.tt-wiki.net/wiki/NML:Graphic_files download] a premade palette file.
 {{NMLTutorialNavbar|Installation|Language files}}

FooBar: using palettes in GIMP

2011-08-28T20:25:43Z

using palettes in GIMP

@@ Line 19: / Line 19: @@
 === Adobe Photoshop ===
 In this subsection it is explained how to create a palette file and how to apply it using Adobe Photoshop (CS5 is used here, but identical or similar procedures apply in other versions of Photoshop). It is assumed that you have a clue about working with Photoshop.
@@ Line 25: / Line 28: @@
 # Open a graphics file of which you know it has the correct palette in Photoshop. Decoded NewGRFs (using GRFCodec) surely will have the correct palette applied.
-# Go to Image > Mode > Color Table... The window from Fig. 1 will appear. [[Image:Photoshop palette window with windows ttd palette.png|thumb|50%|Fig. 1: Photoshop palette window showing in this case the Windows palette]]
+# Go to Image > Mode > Color Table... The window from Fig. 1 will appear.
 # Click Save... and store the palette file (*.act) somewhere on your computer.
@@ Line 33: / Line 36: @@
 # Open a graphics file in Photoshop.
 # Go to Image > Mode and check if RGB Color is checked. Select it if that is not the case, which will convert your graphics file to full-colour, maintaining the colours as they appear.
-# Go to Image > Mode > Indexed Color... The window from Fig. 2 will appear. [[Image:Photoshop indexed color window.png|thumb|50%|Fig. 2: Photoshop indexed color window]]
+# Go to Image > Mode > Indexed Color... The window from Fig. 2 will appear.
 # From the Palette drop-down, select Custom... The palette window (see Fig. 1) appears.
 # Click Load... and browse the palette file. Click OK to close the palette window.
@@ Line 45: / Line 48: @@
 * You cannot use the palette file saved from a PNG file for a PCX file;
 * When converting PCX <-> PNG, you must convert to RGB Color first and then back to Indexed Color, applying the palette file of your target file format (e.g. when converting to PNG, apply the palette retrieved from a PNG file).
 === GIMP ===
 {{NMLTutorialNavbar|Installation|Language files}}

FooBar: working with Photoshop

2011-08-28T18:27:52Z

working with Photoshop

@@ Line 5: / Line 5: @@
 == What image files should I use? ==
 If you're unsure about what file format to use, take PNG as a safe bet. It can work with palettes and has the added advantage that it can be viewed by browsers and as such you can just upload your sprite files to the forums if you want to show them. PNG files are also widely supported by graphics editors.
 == What's this palette business? ==
@@ Line 17: / Line 19: @@
 === Adobe Photoshop ===
 === GIMP ===

FooBar: create page

2011-08-22T13:04:35Z

create page

New page

{{NMLTutorial}}

You can use any graphics file format as long as it's supported by the [http://www.pythonware.com/products/pil/ Python Image Library] and as long the graphics file has one of the TTD palettes applied.

== What image files should I use? ==
If you're unsure about what file format to use, take PNG as a safe bet. It can work with palettes and has the added advantage that it can be viewed by browsers and as such you can just upload your sprite files to the forums if you want to show them. PNG files are also widely supported by graphics editors.

== What's this palette business? ==
Graphics for TTD can only use a limited set of colours (OpenTTD 32bpp graphics are an exception to this; while NML can handle these for you, it is not covered in this tutorial). Check the NewGRF Specs for [http://newgrf-specs.tt-wiki.net/wiki/PalettesAndCoordinates#Palettes what these palettes are] and which colours are available to use. The DOS palette has a few more colours, so if you're still in the position to choose, go for that.

In theory you can draw in full-colour and then convert your result to the TTD palette, but that usually doesn't work out too well. It's best to only use the colours from the palette in the first place. Each sprite should get a blue background, for which you use the blue from index 0 (indicated as "Transparent" on the page of the link above, or hex colour #0000FF).

Make sure to actually save the graphics files with a palette applied, or NML will complain that you don't have one. If you don't have this palette, you can extract it from any decoded grf file or [http://newgrf-specs.tt-wiki.net/wiki/NML:Graphic_files download] a premade palette file.

== Using palettes ==
This section covers how to apply a palette to a graphics file in several graphics editor. If you're editor is not listed here and you know how to work with palettes using it, please add it here.

=== Adobe Photoshop ===
To be added.

=== GIMP ===
To be added.

{{NMLTutorialNavbar|Installation|Language files}}

← Older revision		Revision as of 17:34, 13 October 2012
Line 1:		Line 1:
	{{NMLTutorial}}		{{NMLTutorial}}

	You can use any graphics file format as long as it's supported by the [http://www.pythonware.com/products/pil/ Python Image Library] and as long the graphics file has one of the TTD palettes applied.		You can use any graphics file format as long as it is supported by the [http://www.pythonware.com/products/pil/ Python Image Library] and as long the graphics file has one of the TTD palettes applied.


	== What image files should I use? ==		== What image files should I use? ==
	If you~~'re~~ unsure about what file format to use, take PNG as a safe bet. It can work with palettes and has the added advantage that it can be viewed by browsers and as such you can just upload your sprite files to the forums if you want to show them. PNG files are also widely supported by graphics editors.		If you are unsure about what file format to use, take PNG as a safe bet. It can work with palettes and has the added advantage that it can be viewed by browsers and as such, you can just upload your sprite files to the forums if you want to show them. PNG files are also widely supported by graphics editors.


	== What's this palette business? ==		== What is this palette business? ==
	Graphics for TTD can only use a limited set of colours (OpenTTD 32bpp graphics are an exception to this; while NML can handle these for you, it is not covered in this tutorial). Check the NewGRF Specs for [http://newgrf-specs.tt-wiki.net/wiki/PalettesAndCoordinates#Palettes what these palettes are] and which colours are available to use. The DOS palette has a few more colours, so if you~~'re~~ still in the position to choose, go for that.		Graphics for TTD can only use a limited set of colours (OpenTTD 32bpp graphics are an exception to this; while NML can handle these for you, it is not covered in this tutorial). Check the NewGRF Specs for [http://newgrf-specs.tt-wiki.net/wiki/PalettesAndCoordinates#Palettes what these palettes are] and which colours are available to use. The DOS palette has a few more colours, so if you are still in the position to choose, go for that.

	In theory you can draw in ~~full-~~colour and then convert your result to the TTD palette, but that usually ~~doesn't~~ work out too well. It's best to only use the colours from the palette in the first place. Each sprite should get a blue background, for which you use the blue from index 0 (indicated as "Transparent" on the page of the link above, or hex colour #0000FF).		In theory, you can draw in true colour (24 or 32 bpp) and then convert your result to the TTD palette, but that usually does not work out too well. It is best to only use the colours from the palette in the first place. Each sprite should get a blue background, for which you use the blue from index 0 (indicated as "Transparent" on the page of the link above, or hex colour #0000FF).

	Make sure to actually save the graphics files with a palette applied, or NML will complain that you ~~don't~~ have one. If you ~~don't~~ have this palette, you can extract it from any decoded ~~grf~~ file or [http://newgrf-specs.tt-wiki.net/wiki/NML:Graphic_files download] a premade palette file.		Make sure to actually save the graphics files with a palette applied, or NML will complain that you do not have one. If you do not have this palette, you can extract it from any decoded GRF file or [http://newgrf-specs.tt-wiki.net/wiki/NML:Graphic_files download] a premade palette file.

	See [[Save paletted image files]] for how to create image files with the correct pallete applied.		See [[Save paletted image files]] for how to create image files with the correct pallete applied.
Line 19:		Line 19:

	== How do I draw sprites? ==		== How do I draw sprites? ==
	This tutorial ~~isn't~~ about drawing, but about coding once you have drawn. If you want to learn how to draw sprites, check the [[GraphicsTutorial]].		This tutorial is not about drawing, but about coding once you have drawn. If you want to learn how to draw sprites, check the [[GraphicsTutorial]].

	{{NMLTutorialNavbar\|Installation\|Language files}}		{{NMLTutorialNavbar\|Installation\|Language files}}