On this page:
9.15.1 A gradient fade between two pictures

9.15 GradientFade

Progressively reveals its input image based on a given grey scale image called a gradient map. The image will be show in full at the beginning. It will progressively disappear starting from the dark regions of the gradient map and ending with the bright regions. At the end, the image will have completely disappeared.

 

Parameters

 

Default

 

Range    

 

Description

 

Path

 

n/a

 

n/a

 

The full path of the gradient map

 

 

 

 

 

Feather

 

10

 

>0

 

The blurriness of the boundary of the revealed portions of the image. Values more than 250.0 create pixel-sharp boundaries (along with jaggies). The default 10.0 results in a moderately soft edge. Use values >= 1.0.

 

 

 

 

 

Reverse

 

0

 

{0,1}

 

When set to 1, Reverses the animation so that the input image will start off by being entirely invisible. It will start to show through the dark parts of the gradient map first followed by the brighter parts and will end up fully visible.

Input pattern: (A)
Image-Op: Yes.

9.15.1 A gradient fade between two pictures

Though the GradientFade is written as a single input effect, we can use it as a transition by superimposing two gradient fades using layers.

; muSE v2
; 
;  My super awesome style.
;  A gradient fade example.
 
(style-parameters)
 
(segment-durations 8.0)
 
(define muvee-global-effect (effect-stack
                                 (effect "CropMedia" (A))
                                 (effect "Perspective" (A))))
 
(define muvee-transition (layers (A B)
                                (effect "GradientFade" ()
                                        (input 0 B)
                                        (param "Feather" 20.0)
                                        (param "Reverse" 1) ; Progressively reveal input B
                                        (param "Path" (resource "GradientMap.png")))
                                (effect-stack
                                        (effect "Translate" (A)
                                                (param "z" 0.003))
                                        (effect "GradientFade" ()
                                                (input 0 A)
                                                (param "Feather" 20.0)
                                                (param "Reverse" 0) ; Progressively hide input A
                                                (param "Path" (resource "GradientMap.png"))))))

The gradient map that was used is shown below.