SweetFX Vignette darkens the corners of the image to produce a peephole or faded corner effect. This can be used with other effects, such as Sepia and Monochrome, to produce a variation of the old-time photo effect.
Of course, Vignette settings can darken an area greater than the corners alone until the entire image is obscured, so use sparingly for the best results.
Enabling
In SweetFX_settings.txt, set USE_VIGNETTE to 1.
#define USE_VIGNETTE 1 //[0 or 1] Vignette : Darkens the edges of the image to make it look more like it was shot with a camera lens. May cause banding artifacts.
Settings
Six settings in SweetFX_settings.txt adjust the vignette appearance: VignetteType, VignetteRatio, VignetteRadius, VignetteAmount, VignetteSlope, and VignetteCenter.
/*-----------------------------------------------------------. / Vignette settings / '-----------------------------------------------------------*/ #define VignetteType 1 //[1|2|3] 1 = Original, 2 = New, 3 = TV style #define VignetteRatio 1.00 //[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.
VignetteType
Selects from three different Vignette styles. Determines how the darkened area will appear around the image.
Type 1: Original
Creates the peephole effect. Best used for darkening corners. Probably the most useful of the three. Two-thirds of the screen are masked black because of the ultra-wide resolution being used. This is deliberate to show what is happening beyond the screen borders when Vignette is active.
Type 2: New
Darkens the vertical sides of the display. Not easily apparent at first unless the other settings are tweaked to make it more prominent. Subtle in the screenshot shown, but it is present.
Type 3: TV Style
Darkens the edges of the image for more viewing area.
VignetteRatio
Specifies the width:height ratio just as the comment says. This affects the proportions of vignette. For example, will a circle appear as an oval?
This is a floating-point value rounded to the hundreths. For example, a 1920×1080 display area is a 16:9 ratio. To convert to floating-point, divide 16 by 9 and round to the hundreths place.
16 / 9 = 1.78
To better understand how this works, think of the vignette as looking through an overlay. By default, the overlay contains a perfectly round circle, the peephole, that we look through. (See the Type 1: Original screenshot above). Anything inside the circle is viewable, and everything outside the circle is masked in black. The ratio affects the ratio of the circle, which affects how corners are darkened.
VignetteSlope
Affects the viewing area. Use even numbers if possible.
16 = More viewing area, less darkness, abrupt black/clear 8 = about midway 2 = more closed vignette, darker, smoother gradation from clear to black
VignetteRadius
Affects the radius. During testing with Fallout: New Vegas, 0.00 always crashed the game.
VignetteCenter
By default, the Vignette circle center appears directly in the center of the display area. However, this can be adjusted for off-center effects. The vignette can be shifted to other areas. Again, small values produce great changes. Only applies to Type 1: Original. Has no effect on types 2 (New) and 3 (TV Style).
Screenshots
The Vignette settings do what their names suggest, so it is more helpful to show screenshots instead of describing each setting in detail. Below are screenshots from the game Fallout: New Vegas using the SweetFX Vignette effect.
013 Old-Time Photo: Sepia + Monochrome + Vignette
Vignette shows its potential best when combined with other effects. Before showing the individual settings, here is what is possible when combined with Sepia and Monochrome.
/*-----------------------------------------------------------. / 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 1 #define VignetteRatio 1.78 #define VignetteRadius -1.25 #define VignetteAmount -1.00 #define VignetteSlope 8 #define VignetteCenter float2(0.50, 0.50)
014 Faded 50’s: Technicolor + Sepia + Vignette
Another combination. This time, Technicolor shows its magic to add a 1950’s style of coloring to the mix.
/*-----------------------------------------------------------. / TECHNICOLOR settings / '-----------------------------------------------------------*/ #define TechniAmount 0.5 //[0.00 to 1.00] #define TechniPower 4.0 //[0.00 to 8.00] #define redNegativeAmount 1.00 //[0.00 to 1.00] #define greenNegativeAmount 1.00 //[0.00 to 1.00] #define blueNegativeAmount 1.00 //[0.00 to 1.00] /*-----------------------------------------------------------. / Sepia settings / '-----------------------------------------------------------*/ #define ColorTone float3(2.55, 1.02, 0.00) #define GreyPower 0.00 #define SepiaPower 0.30 /*-----------------------------------------------------------. / Vignette settings / '-----------------------------------------------------------*/ #define VignetteType 1 #define VignetteRatio 1.78 #define VignetteRadius -1.25 #define VignetteAmount -1.00 #define VignetteSlope 8 #define VignetteCenter float2(0.50, 0.50)
001
#define VignetteType 1 #define VignetteRatio 1.60 #define VignetteRadius -1.00 #define VignetteAmount -0.50 #define VignetteSlope 8 #define VignetteCenter float2(0.500, 0.500)
002
#define VignetteType 1 #define VignetteRatio 1.60 #define VignetteRadius -1.00 #define VignetteAmount -0.50 #define VignetteSlope 8 #define VignetteCenter float2(1.000, 1.000)
003 Off-center
#define VignetteType 1 #define VignetteRatio 1.60 #define VignetteRadius -1.00 #define VignetteAmount -0.50 #define VignetteSlope 8 #define VignetteCenter float2(0.750, 0.750)
004 TV Style Vignette Type 3
#define VignetteType 3 #define VignetteRatio 1.60 #define VignetteRadius -1.00 #define VignetteAmount -0.50 #define VignetteSlope 8
005 Further Off-center
#define VignetteType 1 #define VignetteRatio 1.60 #define VignetteRadius -1.00 #define VignetteAmount -0.50 #define VignetteSlope 8 #define VignetteCenter float2(1.0, 1.0)
006
#define VignetteType 1 #define VignetteRatio 1.60 #define VignetteRadius -1.00 #define VignetteAmount -2.00 #define VignetteSlope 8 #define VignetteCenter float2(0.50, 0.50)
007
#define VignetteType 1 #define VignetteRatio 1.77 #define VignetteRadius -1.00 #define VignetteAmount -2.00 #define VignetteSlope 8 #define VignetteCenter float2(0.50, 0.50)
008
#define VignetteType 1 #define VignetteRatio 1.77 #define VignetteRadius -1.00 #define VignetteAmount -2.00 #define VignetteSlope 16 #define VignetteCenter float2(0.50, 0.50)
009
#define VignetteType 1 #define VignetteRatio 1.77 #define VignetteRadius -1.00 #define VignetteAmount -2.00 #define VignetteSlope 2 #define VignetteCenter float2(0.50, 0.50)
010
#define VignetteType 1 #define VignetteRatio 1.77 #define VignetteRadius -1.00 #define VignetteAmount -1.00 #define VignetteSlope 2 #define VignetteCenter float2(0.50, 0.50)
011
#define VignetteType 1 #define VignetteRatio 1.78 #define VignetteRadius -1.50 #define VignetteAmount -1.00 #define VignetteSlope 2 #define VignetteCenter float2(0.50, 0.50)
012
#define VignetteType 1 #define VignetteRatio 1.78 #define VignetteRadius -1.25 #define VignetteAmount -1.00 #define VignetteSlope 8 #define VignetteCenter float2(0.50, 0.50)
SweetFX Effects
- SweetFX Shader Suite
- SweetFX – Splitscreen
- SweetFX – Cartoon
- SweetFX – Technicolor
- SweetFX – Monochrome
- SweetFX – Bloom
- SweetFX – Border
- SweetFX – HDR
- SweetFX – Sepia
- SweetFX – SMAA
- SweetFX – Vibrance
- SweetFX – Cineon DPX
- SweetFX – Explosion
- SweetFX – LumaSharpen
- SweetFX – Tonemap
- SweetFX – Lift Gamma Gain
- SweetFX – Vignette
- SweetFX – Levels