Select the layer you want to animate and then select Motion . The timeline, by default, includes all objects of the selected layer.
Apply motion to artwork
- Adobe Fresco User Guide
- What's New in Adobe Fresco
- What is Adobe Fresco
- System Requirements for Adobe Fresco
- Release Notes for Adobe Fresco
- Adobe Fresco on the iPhone
- Keyboard shortcuts
- Accessibility in Fresco
- Adobe Fresco | Common questions
- Get started with the user interface
- Upgrade to a paid plan of Adobe Fresco
- Upgrade storage for Adobe Fresco
- Supported features on iPad and Windows devices
- Draw, paint, animate, and share
- Shapes in Adobe Fresco
- Pixel brushes
- Live brushes
- Vector brushes
- Mixer brushes
- Ribbon brushes
- Adjust pressure curve on stylus
- Paint inside boundaries
- Apply motion to artwork
- Free Transform tool
- Magic Wand tool
- Smudge tool
- Liquify tool
- Add and modify text
- Publish, export, and share
- Layer masks
- Access Creative Cloud libraries in Fresco
- Add your own font
- Grids alignment
- Adobe Fresco and Creative Cloud apps
- Cloud documents
- Examples, ideas, and inspiration
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.
Techniques to apply motion
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
Before you begin your animation journey, get familiar with these concepts and limitations:
- When using motion on complex artwork that requires changes to several objects or their properties, we suggest creating objects on separate layers. This ensures you've finer control over editing each object in your artwork.
- The layer timeline is displayed when you select an object or artwork containing frames. The timeline, by default, includes all objects in the selected layer and displays the total number of frames created and the frame on which you're currently working. For example, a reading of 2/13 indicates that you're working on the second frame out of 13 frames.
Based on the complexity of the changes in each frame, use the frame-by-frame or motion path techniques to apply motion to artwork.
Browse through the tab below and learn how to apply these techniques and configure their settings for your design outcome.
Add frame-by-frame motion to an artwork using the timeline. The incremental changes you make to your artwork in each frame provide an illusion of movement or change in your design.
Select the frame you want to shuffle, drag along the timeline, and drop to reorder frames. Before you edit your artwork in a new layer, enable Onion skin.
Select Play All to preview the motion you applied to your artwork. Choose the Playback option from Motion settings to play the preview on loop, boomerang, or just once.
Select your preferred motion layer > More options icon > Set as reference and apply Fill to individual frames of the targeted fill layer to speed up the coloring of your animation.
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:
- Add Multiples: Add multiple objects on the same path and preview in real-time.
- Scatter: Apply effects to the corresponding objects added and preview them in real-time.
- Speed: Adjust the playing speed of the motion track.
- Ease In/Out: Apply these effects to make the objects slowly appear or disappear from the screen.
- Velocity: You can adjust the velocity of lateral movements.
- Align to Path: Align objects to the specified path.
Here is a design outcome after applying the align to path effect.
Select Play All to preview the motion you're 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.
Draw multiple paths
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.
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
To move or resize previously created motion paths along with your content, follow these steps:
Share animated artwork
Follow these steps to share your motion artwork in useful formats:
Select Exportand Publish and Export > Motion.
Choose any of the export formats:
- GIF: used for web graphic motion.
- MP4: used to store audio and video. Fresco offers two presets for MP4:
- Automatic: Exports output in the highest resolution. This can also lead to an increase in the file size.
- Web-ready: Optimizes the size and quality of the output for web displays.
- PNG set: used for motions with transparent objects. You can export the PNG file for further editing in Adobe After Effects.