HPL3/Color Grading

From Frictional Wiki
< HPL3
Revision as of 03:21, 15 September 2021 by Crater (talk | contribs) (Added quick section on using grading texture in game.)
Jump to navigation Jump to search

Color Grading

Overview

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.
Grading.jpg

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 in /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

  1. Crop the color strip from the canvas, make sure the resulting image is 256×16 px
  2. Select "Save As…" and set the format as "D3D/DDS"/".dds" and save it in the folder "redist/textures/colorgrading/"
  3. In the DDS format settings select "8.8.8.8 ARGB 32 bit | unsigned", "Volume Texture", "No MIP maps" (Ignore the picture, use 32 bpp!)

Dds format.jpg

Crop.jpg

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.