Learn how to use each of the effects and utilities within Fable

 Course Overview. In this ever-growing series of short video tutorials, learn how to use each of the effects, image filters, and utilities available within Fable. 

Welcome to Fable's Product Reference. This series will be ever growing and will serve as a visual one to one reference manual for all of the available effects, filters and utilities inside of Fable. 

Match the name of the effect, utility or filter you're trying to understand with the name of the video in this playlist and voila! Answers await! 

We can't wait to see what you make and as always, if you have any outstanding questions or issues, email support@fable.app and one of our motion design specialists will promptly get back to you..

Fable Product Reference — Overview

The Motion Blur effect strengthens the illusion of an object in motion. Learn how its settings–Movement, Jitter, Blur Samples, and Chromatic Aberration–can interact and enhance your animation.

Learn more about the Motion Blur settings 

Motion Blur

Image Filters alter the appearance of colors within a layer. Adjust the intensity of each filter to find the look you're after.

Try layering filters too; the options are endless with Black & White, Sepia, Toaster, Koda, Technicolor, Rise, Polaroid, and Vintage.

Image Filters

The Trim Path effect allows you to animate any path or shape in a scene. With start, end, and offset settings, you can precisely adjust the movement of your path. It's supported by Lottie too!

Trim Path

The Tapered Path effect allows you to reduce the thickness of a stroke to varying degrees toward both ends. Play with the evenly applied and easy-to-adjust properties to refine your animation. Narrow ends identically or go for an asymmetrical, marker-drawn approach.

Learn more about the Tapered Path settings 

Tapered Path

The Shape Deformer effect allows you to animate shapes with specialized properties–Time, Smooth, Strength, Frequency, and Speed–that facilitate unique types of movement. Try with filled and stroke shapes to experience the full effect.

Learn more about the Shape Deformer settings 

Shape Deformer

The Directional Blur effect lets you adjust the Angle, Distance, Spread, and Opacity of your blur. It can imply speed and direction of motion or be used for graphic effect.

Learn more about the Directional Blur settings 

Directional Blur

The Box Blur effect is universal and applies a more or less out-of-focus look. Easily create a transparent, fuzzy edge perfect for blending layers. 

Box Blur

The Tilt Shift Blur effect allows you to angle a gradient blur over a layer to alter its focal plane and perspective. It emulates the blur in tilt-shift photography and is quickly customizable.

Learn more about the Tilt-Shift Blur settings 

Tilt Shift Blur

The Zoom Blur effect applies a blur that directionally creates the illusion of zooming in or out. Zoom in and out or side to side with the positioning and strength properties.

Zoom Blur

The Wave Warp effect applies a wave-like distortion to an image, scene, or group. Adjust the Width, Height, Rotation, Movement, and Opacity to generate your own fluid animation.

Wave Warp

The Strip effect takes a cross-section of the image, group, or scene and stretches it across the canvas from end to end. Learn how its properties–Size, Center X, Center Y, Angle, and Global Opacity–alter the treatment. 

Strip

The Pinch effect compresses pixels within an image, group, or scene. One end is pinched, creating a tight distortion that gradually eases until gone at the other end. Adjust the properties–Axis, Amount, Center, Curve, Invert, and Opacity–to change angles, add dimension, and layer effects.

Pinch

The Ripple effect creates a ripple distortion like that which occurs on water’s surface. Handy properties to adjust wave size, ripple symmetry, frequency, and more will help you characterize the type of surface interaction.

Ripple

The Twirl effect distorts an image, group or scene by twisting the layer in a circular fashion to varying degrees.

Learn how to use the properties–Angle, Radius, Center X, Center Y, and Opacity–and create twisty graphic animations.

Twirl

The Fill effect allows you to color fill an image, shape, group, or scene. Furthermore, you can use the Alpha Channel feature to cleanly replace a layer's dark tones/shadows with the color of your choice.

Fill

The Color utility allows you to keyframe color values within four different models: RGB, HSB, HSL, and CMYK. Link a model to your color fill to manipulate your color design with great freedom and accuracy.

Color

The Brightness / Contrast utility offers control of brightness and contrast within an image. Brightness adjusts white and dark values, while Contrast adjusts the intensity of shadows. Together, these properties can influence and shape environment.

Learn more about the Brightness/Contrast settings 

Brightness / Contrast

The Hue / Saturation utility offers control of the color range and the intensity of color within an image. Push the values high for an impact or gently incorporate to subtly change the look and feel of your design.

Learn more about the Hue/Saturation settings 

Hue / Saturation

The Highlights / Shadows utility allows you to specifically adjust the intensity of highlights and shadows within an image. It targets these value areas for precise and uniform control.

Learn more about the Highlights / Shadows settings 

Highlights / Shadows 

Highlights & Shadows

The Unsharp / Sharp utility defines the definition of a layer. Adjust the clarity of an image, object, or group to make it more fuzzy or crisp.

Learn more about the Unsharp/Sharp settings 

Unsharp / Sharp

The Tint effect applies a general color overlay to an entire layer or composition. Look at your animation through different lenses.

Tint

The Invert effect switches all of the RGB values in a scene or layer to their direct opposites on the color wheel. Add a night mode/infrared look to your animation.

Invert

The Motion Tile effect duplicates a composition to create a repeating pattern. Learn how to adjust properties and quickly turn a simple animation into a complex scene.

Learn more about the Motion Tile settings 

Motion Tile

The Threshold effect allows for the manipulation of color, luminance, and alpha values.

Threshold

The Noise utility creates different types of noise texture and its properties enable great variety within each.

Noise

The Reveal effect offers a variety of textures through which your background is revealed over a layer. The effect properties offer great versatility in application and texture options like Sketch, Dots, and Drawing imply manual creative technique.

Reveal

The Luminosity Area effect recolors based on the hue and saturation of your base color and the luminance of your blend color. It adds depth to layers and allows for interesting color exploration. 

Learn more about the Luminosity Area settings 

Luminosity Area

The Vignette effect applies a color filter that creates a focal point. While it traditionally darkens corners, you can apply any color and invert the effect to switch the focus. Apply it to a layer or your canvas to determine the border.

Vignette

The Feather utility creates an easily controlled gradient edge with Amount, Falloff, and Invert settings. It's handy for blending one or more layers. Adjust values to create the illusion of light–with blown out or shadowed edges.

Feather

The Grain effect simulates the visual texture that occurs naturally in film, adding a vintage feel to your design. Fill your layer or canvas with tiny particles and adjust values to animate a speckled sea.

Grain

The Pixelate effect reduces resolution in style. Personalize the classic treatment by scaling pixel width and height. 

Pixelate

The Glitch effect distorts image and color to imitate tech or connective issues. Check out the extensive list of properties available to help you characterize the type of glitch generated.

Glitch

The Glow effect enhances highlights within a layer or composition. Think neon, fireflies, magical orbs, and more. Learn how the effect settings can help you to achieve your intended glow.

Glow

The Tritone effect splits existing colors within a layer or scene into three categories: highlights, midtones, and shadows. Each category can then be color assigned. Design cohesive animations that still pop with complementary and analogous palettes.

Tritone

The Kaleidoscope effect combines duplication, mirroring, and rotation to create a geometric pattern. Effortlessly create beautiful, hypnotic, and intricate animations. 

Learn more about the Kaleidoscope settings 

Kaleidoscope

The Mirror effect flips a layer or composition vertically and/or horizontally from its center. Introduce symmetry and reflection to your designs.

Mirror

The CRT Lines effect mimics the horizontal lines that were visible across old tube TV screens and monitors. It adds a vintage touch to an animation. Adjust line width, curvature, and more to realistically replicate certain screens.

CRT Lines

The Edge effect finds boundaries within a layer or scene by detecting discontinuinties in brightness. It then generates a white outline of it's edges with a black background. The effect is overlaid in application, so animate the Opacity to see the it in action.

Edge

The Chroma RGB Shift effect is similar to chromatic abberation in photography, which occurs when light bends and causes an unintentional color fringe. In effect, it creates a color distortion along the edges of objects in a layer. Adjust the vibrant color glitch with Amount, Falloff, Strength and Opacity settings. 

Learn more about the Chroma RGB Shift settings 

Chroma RGB Shift

The Half Tone effect adds a retro look to layers, mimicking a 20th-century printing technique that used patterns of dots to create images. The size of each dot is determined by luminosity within the layer–the more light, the larger the dot. Turn back time with some texture.

Half Tone

The Half Tone Advanced effect adds a retro look to layers, mimicking a 20th-century printing technique that used patterns of dots to create images. The size of each dot is determined by luminosity within the layer–the more light, the larger the dot. It offers a higher degree of control than the Half Tone effect with additional properties like Shape, Grey Scale, Rotate, Scatter, Blending Mode and more. 

Learn more about the Half Tone Advanced settings 

Half Tone Advanced

The Workspace Utilities perform different operations that can be layered and linked. Where an effect manipulates, a utility calculates. Explore our help resources to learn how utilities can drive exciting changes in your animation.

Fable Product Reference/ 42 lessons

Lessons