Skip to lesson content

Fill your own path with an image

Last updated: September 8, 2026 · 2 min read

Use a custom pen drawing as a photo frame.

Unlike a ready-made shape, a path lets you reshape individual points and curves later. Adding an image does not require you to redraw the path.

Follow these steps

  1. 1

    Select your drawing

    EditorCanvas

    Use the selection tool to click the path. Its fill, stroke and editing controls appear in Properties.

  2. 2

    Choose an image fill

    PropertiesImage fill

    Expand Image fill. Choose From file to upload a photo, or From gallery to use an available image.

    From gallery is shown only when there are images to choose from.

  3. 3

    Position the photo

    PropertiesImage fillCrop

    Open Crop to adjust the visible area. Drag the photo to move it and use its corner handles to resize it. Select Apply when finished.

  4. 4

    Reshape the path if needed

    PropertiesEdit path

    Select Edit path to reveal its points. Move a point or a curve handle to change the frame, then select Done. Check the image placement inside the new outline.

    Double-clicking a path with an image fill opens cropping. Use Edit path when you want to work on the drawing points.

Controls and behavior

A reference for the controls used in this lesson.

ControlWhereWhat it does
Image fillPropertiesManages the photo inside the path.
Edit path / DonePropertiesStarts or finishes editing the points and curves.
Apply over imagePropertiesDraws the fill color or gradient over the photo. Fill intensity controls its strength.

Result

Your drawing defines the visible photo boundary. The image fill and the path remain separately editable.

Troubleshooting

A color appears over the photo
Apply over image places the fill color or gradient above the image. Turn it off or lower Fill intensity.
Double-clicking does not reveal points
A filled path opens Crop on double-click. Finish with Apply or Cancel, then choose Edit path.