Importing images

Importing images

Fable handles images as fills on shape layers, rather than standalone layer types to maximize compatibility for animation.

To import images into Fable, choose the method best suited to your workflow.

Ways to import

  1. Drag and Drop

    • Simply drag compatible image files from your computer into the Editor.

    • Fable creates a rectangle matching the image size, setting the image as a fill.

  2. Copy-Paste

    • Copy images from your computer or other design tools and paste them directly into the Editor.

    • Fable creates a rectangle, setting the image as a fill.

  3. Upload in Color Panel

    • For existing shape layer(s), set an image fill in the color panel.

    • Open the color panel, switch fill mode to Image, and click Upload.

  4. Asset Browser

    • Drag your image into the open Asset Browser or click Upload Assets from the menu.

    • All added images are listed in the Asset Browser.

    • Drag images from the Asset Browser onto the Canvas or Timeline to add them to your project.

Supported image formats

  • PNG

  • JPG

  • WebP

Maximum image size

Fable downsizes images larger than 7,680 pixels to maintain proportions.

Image properties

Once a layer has an image fill set, it will display updated iconography across the Editor. There are a few properties unique to images that can be found in Image mode on the Color Panel:

  • Image Source: Swap an image to another file in your asset browser.

  • Image Sizing:

    • Cover: Centers and scales to fill the entire object.

    • Contain: Centers and scales to fit the object, showing the entire image.

  • Animating controls:

    • Dimensions: Adjust width and height.

    • Corner Radius: Control rounded corners.

Restoring dimensions

  • Right-click the layer on the Timeline or Canvas.

  • Select Reset image dimensions to restore shape layer dimensions to the source image.

To import images into Fable, choose the method best suited to your workflow.

Ways to import

  1. Drag and Drop

    • Simply drag compatible image files from your computer into the Editor.

    • Fable creates a rectangle matching the image size, setting the image as a fill.

  2. Copy-Paste

    • Copy images from your computer or other design tools and paste them directly into the Editor.

    • Fable creates a rectangle, setting the image as a fill.

  3. Upload in Color Panel

    • For existing shape layer(s), set an image fill in the color panel.

    • Open the color panel, switch fill mode to Image, and click Upload.

  4. Asset Browser

    • Drag your image into the open Asset Browser or click Upload Assets from the menu.

    • All added images are listed in the Asset Browser.

    • Drag images from the Asset Browser onto the Canvas or Timeline to add them to your project.

Supported image formats

  • PNG

  • JPG

  • WebP

Maximum image size

Fable downsizes images larger than 7,680 pixels to maintain proportions.

Image properties

Once a layer has an image fill set, it will display updated iconography across the Editor. There are a few properties unique to images that can be found in Image mode on the Color Panel:

  • Image Source: Swap an image to another file in your asset browser.

  • Image Sizing:

    • Cover: Centers and scales to fill the entire object.

    • Contain: Centers and scales to fit the object, showing the entire image.

  • Animating controls:

    • Dimensions: Adjust width and height.

    • Corner Radius: Control rounded corners.

Restoring dimensions

  • Right-click the layer on the Timeline or Canvas.

  • Select Reset image dimensions to restore shape layer dimensions to the source image.

To import images into Fable, choose the method best suited to your workflow.

Ways to import

  1. Drag and Drop

    • Simply drag compatible image files from your computer into the Editor.

    • Fable creates a rectangle matching the image size, setting the image as a fill.

  2. Copy-Paste

    • Copy images from your computer or other design tools and paste them directly into the Editor.

    • Fable creates a rectangle, setting the image as a fill.

  3. Upload in Color Panel

    • For existing shape layer(s), set an image fill in the color panel.

    • Open the color panel, switch fill mode to Image, and click Upload.

  4. Asset Browser

    • Drag your image into the open Asset Browser or click Upload Assets from the menu.

    • All added images are listed in the Asset Browser.

    • Drag images from the Asset Browser onto the Canvas or Timeline to add them to your project.

Supported image formats

  • PNG

  • JPG

  • WebP

Maximum image size

Fable downsizes images larger than 7,680 pixels to maintain proportions.

Image properties

Once a layer has an image fill set, it will display updated iconography across the Editor. There are a few properties unique to images that can be found in Image mode on the Color Panel:

  • Image Source: Swap an image to another file in your asset browser.

  • Image Sizing:

    • Cover: Centers and scales to fill the entire object.

    • Contain: Centers and scales to fit the object, showing the entire image.

  • Animating controls:

    • Dimensions: Adjust width and height.

    • Corner Radius: Control rounded corners.

Restoring dimensions

  • Right-click the layer on the Timeline or Canvas.

  • Select Reset image dimensions to restore shape layer dimensions to the source image.