Learn how to add motion to your artwork using the frame-by-frame or motion path techniques in Fresco.
You can apply motion to elements in your artwork to create compelling visual narratives. You can then export the final artwork in MP4, GIF, or PNG files.
You can use the frame-by-frame or motion path techniques, or a mix of both to animate your artwork or its elements.
Before you begin your animation journey, get familiar with these concepts and limitations:
To open the layer timeline:
Based on the complexity of the changes in each frame, use the frame-by-frame or motion path technique to apply motion to artwork.
Click the corresponding tab below to learn how to apply these techniques and configure their settings for your design outcome.
Add frame-by-frame motion to artwork using the timeline for the corresponding layer. The incremental changes you make to the artwork in each frame provide an illusion of movement or change during feedback.
Follow these steps to apply frame-by-frame motion:
To add a new frame, tap the selected frame. Use the options displayed to duplicate, copy, or delete frames.
To reorder frames, select the frame that you want to shuffle, and drag along the timeline and drop. Before you edit your artwork in a new layer, enable Onion skin.
Apply frame-by-frame motion to artwork
Follow these steps to use the motion path technique to animate objects on a defined path:
Select the layer containing the object and select motionabove the ruler .
In the Motion bar at the bottom, select the Path.
Select effects in the layer timeline or the Layer properties to add the following path effects:
Here is a design outcome after applying the align to path effect.
Select Play All, to preview the motion you are working on. Select Pathto see the preview with the paths. You can choose a playback option from motion settings to play the preview on loop, boomerang, or just once.
You can draw a single or multiple paths on the selected layer. Drawing multiple paths also automatically duplicates the object or the object motion on the same layer, so you don't have to create multiple objects unless you want to apply different motions to every object.
When working on single or multiple paths, select Settings > Document timeline > Show paths as frames, to enable the path timeline for converting paths as frames.
Now that you have created your designs, apply these motion settings to your animations:
Defines the speed of the animation in frames per second (FPS). Increasing or decreasing FPS correspondingly increases or decreases the speed.
Displays the playback and preview options. Types of playback are Loop, Boomerang, and Play once.
Displays all the paths as frames. You can enable another option Show paths as frames to convert a path to a frame timeline.
Provides a reference by displaying contents of the previous and the following frames on display.
The frame under the play-head appears in full color.
Enable and disable the onion skin feature within Motion bar settings:
Onion skin helps you preview the drawing on the frame to help you trace or make those little changes precisely. You can also adjust the number of frames you want to keep visible. Watch the video below to learn more.
Apply motion settings to your animations
Follow these steps to share your motion artwork in useful formats:
Select Exportand Publish and Export > Motion.
Choose any of the export formats: