SweetFX – Sepia

016SweetFX Sepia desaturates and colorizes the image with a specified color. The most obvious application is the traditional old-time photograph effect where the image colors are faded and then overlayed with a yellowish color, but other effects are possible for those seeking a quick two-in-one desaturation/toning effect on the image.


Enable sepia in SweetFX_settings.txt.

#define USE_SEPIA 1 //[0 or 1] Sepia : Sepia tones the image.

Modify the sepia effect in the Sepia settings section.

 /*-----------------------------------------------------------.
 / Sepia settings /
 '-----------------------------------------------------------*/
#define ColorTone float3(1.40, 1.10, 0.90) //[0.00 to 2.55, 0.00 to 2.55, 0.00 to 2.55] What color to tint the image
#define GreyPower 0.11 //[0.00 to 1.00] How much to desaturate the image before tinting it
#define SepiaPower 0.58

There are three sepia settings: ColorTone, GreyPower, and SepiaPower.

ColorTone 0 to 2.55 each

Image is toned with this color. (RGB values where 0.00 = 0 and 2.55 = 255)

ColorTone values 0.00 to 2.55 can be thought of as equivalents to 0 to 255. To find a sepia color, open the GIMP color chooser and note the RGB values of the selected color. Suppose we want to add a dark yellow. RGB = 173, 171, 59. Add a decimal point two places to the left in each value to produce 1.73, 1.71, and 0.59. Use those values for ColorTone.

#define ColorTone float3(1.73, 1.71, 0.59)

GreyPower 0.00 to 1.00

Desaturates the image this much before tinting.

If GreyPower is over 1.00, then the image will appear over-whitened.

SepiaPower 0.00 to 1.00

How strong the tint color should be.

Lower values are best used with SepiaPower. Increasing SepiaPower too much causes the image to appear colorized. Values 0.13 to 0.25 are best. Not too much, not too little.

Function

Sepia first desaturates the image by GreyPower, and then it applies ColorTone by the amount specified by SepiaPower.

Combing Sepia With Other Effects

Sepia combines well with the SweetFX monochrome effect because monochrome will desaturate the image and remove all colors better than sepia by itself. This way, sepia will colorize a monochrome image rather than merely toning the existing colors.

Monochrome

Increase SepiaPower to 0.50 for a more pronounced effect. Lowering SepiaPower will give the monochrome image a subtle color, and using monochrome and sepia together recreates an old-time photo appearance. If monochrome is not used, then the image will retain other colors.

Vignette

The SweetFX Vignette effect also improves the appearance of sepia + monochrome by darkening the corners of the image to recreate the old-time lens appearance.

Screenshots

Below are screenshots from the game Fallout: New Vegas to show what is possible using sepia. No other effects have been applied unless specified. Further below shows sepia + monochrome + vignette results.

001

001

001

#define ColorTone float3(1.40, 1.10, 0.90)
#define SepiaPower 0.8
#define GreyPower 0.11

002

002

002

#define ColorTone float3(0.00, 0.00, 0.00)
#define GreyPower 0.90
#define SepiaPower 0.00

003

003

003

#define ColorTone float3(0.00, 0.00, 0.00)
#define GreyPower 0.90
#define SepiaPower 0.10

004

004

004

#define ColorTone float3(1.73, 1.71, 0.59)
#define GreyPower 0.90
#define SepiaPower 0.10

005

005

005

#define ColorTone float3(0.00, 2.16, 2.55)
#define GreyPower 0.90
#define SepiaPower 0.10

006

006

006

#define ColorTone float3(0.00, 2.16, 2.55)
#define GreyPower 0.90
#define SepiaPower 0.50

007

007

007

#define ColorTone float3(0.00, 2.16, 2.55)
#define GreyPower 0.25
#define SepiaPower 0.25

008

008

008

#define ColorTone float3(2.55, 1.02, 0.00)
#define GreyPower 1.00
#define SepiaPower 0.25

009

009

009

#define ColorTone float3(2.55, 1.02, 0.00)
#define GreyPower 0.00
#define SepiaPower 0.25

010

010

010

#define ColorTone float3(2.55, 1.02, 0.00)
#define GreyPower 0.00
#define SepiaPower 0.50

011

011

011

#define ColorTone float3(2.55, 1.02, 0.00)
#define GreyPower 0.00
#define SepiaPower 0.12

012 Sepia + Monochrome

012

012

/*-----------------------------------------------------------.
 / Sepia settings /
 '-----------------------------------------------------------*/
#define ColorTone float3(2.55, 1.02, 0.00)
#define GreyPower 0.00
#define SepiaPower 0.12
/*-----------------------------------------------------------.
 / Monochrome settings /
 '-----------------------------------------------------------*/
#define Monochrome_conversion_values float3(0.41,0.41,0.18)

Monochrome completely removes all color, and then sepia colorizes the image.

013 Sepia + Monochrome for Old-Time Western Effect

013

013

/*-----------------------------------------------------------.
 / Sepia settings /
 '-----------------------------------------------------------*/
#define ColorTone float3(2.55, 1.02, 0.00)
#define GreyPower 0.00
#define SepiaPower 0.50

 /*-----------------------------------------------------------.
 / Monochrome settings /
 '-----------------------------------------------------------*/
#define Monochrome_conversion_values float3(0.41,0.41,0.18)

014 Sepia + Monochrome for Colorized Purple

014

014

 /*-----------------------------------------------------------.
 / Sepia settings /
 '-----------------------------------------------------------*/
#define ColorTone float3(2.55, 1.02, 1.98)
#define GreyPower 0.00
#define SepiaPower 0.50

 /*-----------------------------------------------------------.
 / Monochrome settings /
 '-----------------------------------------------------------*/
#define Monochrome_conversion_values float3(0.41,0.41,0.18)

015

015

015

/*-----------------------------------------------------------.
 / Sepia settings /
 '-----------------------------------------------------------*/
#define ColorTone float3(2.55, 1.02, 1.98)
#define GreyPower 0.00
#define SepiaPower 0.50

016 Sepia + Monochrome With More Fade

016

016

/*-----------------------------------------------------------.
 / Sepia settings /
 '-----------------------------------------------------------*/
#define ColorTone float3(2.24, 1.95, 0.67)
#define GreyPower 0.00
#define SepiaPower 0.25

 /*-----------------------------------------------------------.
 / Monochrome settings /
 '-----------------------------------------------------------*/
#define Monochrome_conversion_values float3(0.41,0.41,0.18)

017 Sepia + Monochrome

017

017

/*-----------------------------------------------------------.
 / Sepia settings /
 '-----------------------------------------------------------*/
#define ColorTone float3(2.55, 1.02, 0.00)
#define GreyPower 0.00
#define SepiaPower 0.30

 /*-----------------------------------------------------------.
 / Monochrome settings /
 '-----------------------------------------------------------*/
#define Monochrome_conversion_values float3(0.41,0.41,0.18)

Faded dusty colorizing for an improved old-time Western effect.

018 Sepia + Monochrome + Vignette

018

018

/*-----------------------------------------------------------.
 / Sepia settings /
 '-----------------------------------------------------------*/
#define ColorTone float3(2.55, 1.02, 0.00)
#define GreyPower 0.00
#define SepiaPower 0.30

 /*-----------------------------------------------------------.
 / Monochrome settings /
 '-----------------------------------------------------------*/
#define Monochrome_conversion_values float3(0.41,0.41,0.18)

 /*-----------------------------------------------------------.
 / Vignette settings /
 '-----------------------------------------------------------*/
#define VignetteRadius 1.05 // lower values = stronger radial effect from center
#define VignetteAmount -1.0 // Strength of black. -2.00 = Max Black, 1.00 = Max White.
#define VignetteSlope 8 // How far away from the center the change should start to really grow strong (odd numbers cause a larger fps drop than even numbers)
#define VignetteCenter float2(0.500, 0.500) // Center of screen for effect.

Here, the vignette effect is enabled in order to darken the corners of the image to simulate the old-time lens effect. This makes the image feel older. Perfect for a Western-themed game such as Fallout: New Vegas.

Absolutely no game slow-down was experienced, though this might depend upon the system hardware.

019

019

019

/*-----------------------------------------------------------.
 / Sepia settings /
 '-----------------------------------------------------------*/
#define ColorTone float3(2.55, 1.02, 0.00)
#define GreyPower 0.00
#define SepiaPower 0.30

 /*-----------------------------------------------------------.
 / Monochrome settings /
 '-----------------------------------------------------------*/
#define Monochrome_conversion_values float3(0.41,0.41,0.18)

 /*-----------------------------------------------------------.
 / Vignette settings /
 '-----------------------------------------------------------*/
#define VignetteType 3 //[1|2|3] 1 = Original, 2 = New, 3 = TV style
#define VignetteRatio 1.60 //[0.15 to 6.00] Sets a width to height ratio. 1.00 (1/1) is perfectly round, while 1.60 (16/10) is 60 % wider than it's high.
#define VignetteRadius 1.00 //[-1.00 to 3.00] lower values = stronger radial effect from center
#define VignetteAmount -1.00 //[-2.00 to 1.00] Strength of black. -2.00 = Max Black, 1.00 = Max White.
#define VignetteSlope 8 //[2 to 16] How far away from the center the change should start to really grow strong (odd numbers cause a larger fps drop than even numbers)
#define VignetteCenter float2(0.500, 0.500) //[0.000 to 1.000, 0.000 to 1.000] Center of effect for VignetteType 1. 2 and 3 do not obey this setting.

Stronger vignette effect to make the darkness more prominent. Makes the image feel even older. Combining SweetFX effects in this manner leads to interesting results that can breathe new life into older games.

SweetFX Effects

Advertisements

, ,

  1. Leave a comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: