mirrors/OpenRCT2
1
0
Fork 0
mirror of https://github.com/OpenRCT2/OpenRCT2 synced 2025-12-10 09:32:29 +01:00
Code Issues Releases Wiki Activity

New page

Thomas den Hollander
2016-10-12 20:05:45 +02:00
parent b49420189d
commit 8e454bbc2c
1 changed files with 54 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
Dithering-Images-using-Photoshop.md Normal file

@@ -0,0 +1,54 @@
The first image has no palette. The second image is using the RCT2 palette with no dithering. The third image is using the RCT2 palette with dithering.
<a href="http://i.imgur.com/8tZHV3C.png"><img src="http://i.imgur.com/8tZHV3C.png"></img></a>
<a href="http://i.imgur.com/j2HTtdw.png"><img src="http://i.imgur.com/j2HTtdw.png"></img></a>
<a href="http://i.imgur.com/mwKKokM.png"><img src="http://i.imgur.com/mwKKokM.png"></img></a>
### Requirements:
* Photoshop (the previewed version is CS6)
* Another tool for editing images with transparency (such as Paint.NET, if you're not already skilled with Photoshop)
* RCT2 Pal files (found below)
### Files:
* [With Water](http://openrct2.github.io/files/palette_water.pal) - This should be used for any image being drawn in the intro scene, title screen, rollercoaster designer, or track manager as they will never have a different water palette.
* [Without Water](http://openrct2.github.io/files/palette_no_water.pal) - This should be used for any image being drawn in a scenario or the scenario editor since the water palette may be different.
### Instructions:
* Download the RCT2 pal files.
* Open up your image in Photoshop.
* Transparency needs to be used for the background, otherwise the edges of the image won't look right after being converted.
* If the edges of your image are (or are close to) pure white, you may have a problem when adding transparency to your image.
<a href="http://i.imgur.com/H0knvt1.png"><img width="446" height="335" src="http://i.imgur.com/H0knvt1.png"></img></a>
* Goto *Image > Mode > Indexed Color...*.
<a href="http://i.imgur.com/WobKNCo.png"><img width="446" height="335" src="http://i.imgur.com/WobKNCo.png"></img></a>
* The Indexed Color window will pop up.
* Open the *Palette* drop-down and select *Custom...*.
<a href="http://i.imgur.com/VIQovrc.png"><img src="http://i.imgur.com/VIQovrc.png"></img></a>
* The Color Table window will pop up.
* Click *Load* to open one of the two pal files you downloaded earlier.
* In the *Files of type* drop-down select *Microsoft Palette(R) (.Pal)* and then locate the RCT2 pal file.
<a href="http://i.imgur.com/sntLrlV.png"><img src="http://i.imgur.com/sntLrlV.png"></img></a>
* Now you can color your image using dithering.
* You can change the *Amount* percentage between 1%-100% however somewhere around 50% usually looks best. The image will update as you change the value.
* Click OK when you're done.
<a href="http://i.imgur.com/ecpfw6Q.png"><img width="446" height="335" src="http://i.imgur.com/ecpfw6Q.png">
* Now you have your image with the correct palette, but there's no transparency.
* I've found adding transparency with Photoshop is more complicated than just using another image editor. So if you know how to do it in Photoshop then go ahead.
* Copy the entire image and paste it in your alternative image editor.
* Next fill in the white background with transparency. This is where problems may occur if the edges of your image were already white.
<a href="http://i.imgur.com/MULSqP4.png"><img width="411" height="317" src="http://i.imgur.com/MULSqP4.png">
* And you're done. Save the image in the resources/g2 directory as a numbered png and you're good to go.