Color Grading

From Frictional Wiki
< HPL3
Revision as of 19:57, 17 March 2022 by Crater (talk | contribs)
Jump to navigation Jump to search
Color Grading example

Color grading is a way to map the color of a pixel to another color. This can be used to change the brightness, contrast, hue, saturation, … of a whole image.
It is possible to smoothly fade between two different grading templates.
It uses a small 3D texture with a color as input and another color as output.

Creation Guide

Requirements

Setup

  1. Take a screenshot of the game with color grading disabled
  2. Open the screenshot in Photoshop
  3. Drag and drop the default grading texture on the canvas (found at /core/textures/grading_default.dds)
  4. Place the color strip anywhere in the image
  5. Flatten the image to merge all the layers
  6. Select "Image > Mode > 8 Bits/Channel" in the top menu

Note: FG documentation originally listed 16 Bits/Channel, however this seemed to result in incorrect color grading results.

Adjustments

  • Use any of the options in "Image > Adjustments"
  • These can be used to change the brightness, saturation, contrast and so on
  • Any changes you see on the image in Photoshop will carry over to the game

Adjustments.jpg

Layers

It is also possible to use the any of the layer blend modes.
There are two kinds of layers allowed:

  • Solid color
  • Dupilcate of the first layer

It is possible to duplicate the first layer and make adjustments to it and then blend it.
The use of Layer Masks is allowed as long as they are generated from the image and not hand painted.

Layers.jpg

Saving

Example crop
  1. Crop the color strip from the canvas, make sure the resulting image is 256×16 px
  2. Select "Save a Copy..." and set the format as "D3D/DDS (*.DDS)'" and save it in the folder "/textures/colorgrading/"
  3. In the DDS format settings select "8.8.8.8 ARGB 32 bit | unsigned", "Volume Texture", "No MIP maps"

DDS Format Fixed.png

Level Usage

You can apply your color grading texture either in the Level Settings or via the level script.

Wip icon.png TODO: Link to/explain color grading scripts.