
Adobe After Effects is a powerful tool for creating frame-by-frame animations, allowing users to preview their work and make adjustments as needed. While some prefer other software with native tools like bone rigging, After Effects offers a range of character rigging plugins and the ability to create shapes and animate them. To create a basic frame animation, users can set the frame duration, draw each frame, and use keyboard commands to advance to the next frame. This process can be repeated until the animation is complete. Additionally, After Effects enables users to modify or delete brushstrokes by accessing the paint layer and making the desired changes.
| Characteristics | Values |
|---|---|
| Software | Adobe After Effects |
| Use | Made for motion |
| Tools | Pen tool, shape layers, Rubberhose, Duik, etc. |
| Frame duration | Custom of 2f |
| Brushstrokes | Delete or change duration using the down arrow beside "effects" in the timeline window |
| Onion skinning | Available in Vector Paint effect |
| Alternative software | Photoshop, Illustrator, Flash, ToonBoom, Krita, Synfig, Open Toons |
Explore related products
What You'll Learn

Set the frame duration
Setting the frame duration in After Effects gives you greater flexibility and creativity in your video editing projects. Here are some methods to adjust the frame duration in After Effects:
Time Stretch
The Time Stretch feature in After Effects allows you to change the speed and duration of your footage or compositions. To use this method, select the layer or composition you want to adjust, right-click, and go to "Time" > "Time Stretch." You can then increase or decrease the percentage value to extend or shorten the duration. This technique is useful when you want to change the speed of specific segments while retaining the overall length of the composition.
Time Remapping
Time Remapping is an advanced technique that offers precise control over the timing and duration of your layers. By using keyframes to manipulate time, you can create dynamic visual effects. To enable Time Remapping, right-click on the layer, select "Time" > "Enable Time Remapping," and then add keyframes to extend or compress specific segments of the timeline.
Composition Settings
You can also adjust the frame duration through Composition Settings. Go to the "Composition" menu at the top of the After Effects interface and choose "Composition Settings." In the dialog box, locate the "Duration" value and modify it to your desired length. This method is helpful when you need to extend or shorten the duration of your composition accurately.
Manually Dragging the Timeline
Another simple way to adjust the frame duration is by manually dragging the timeline's endpoint. Place your mouse cursor on the endpoint and click-and-drag it to the desired length. This method provides you with precise control over the duration of your composition.
Changing Frame Rate
The frame rate (FPS) also affects the duration of your composition. To change the frame rate, open your composition and go to "Composition" > "Composition Settings." In the settings window, find the "Frame Rate" (FPS) parameter and change it to your desired value. Keep in mind that adjusting the frame rate may impact the video's duration and playback smoothness.
Pros and Cons: Payroll vs. Subcontracting for Painting Projects
You may want to see also
Explore related products

Use the command key to advance to the next frame
To paint frame-by-frame in After Effects, you can use the Command key to advance to the next frame. This is a handy keyboard shortcut that allows you to move forward one frame at a time. Here's how you can do it:
First, set the frame duration as a custom value of 2f. This duration indicates how many frames your paint strokes will be on-screen for. With a duration of 2, your frames will overlap for a second, creating a smooth animation.
Now, draw your first frame. It can be as simple as a doodle or a basic outline. Remember, you can always go back and modify the duration or delete a brushstroke by opening the paint layer and making the necessary adjustments.
Once your first frame is ready, use the Command key along with the right arrow key to advance to the next frame. Nothing will appear to change visually, but you are now on the second frame. Draw your second frame on top of the first one, using the same colour to maintain consistency.
Repeat this process for each subsequent frame. Each time you press Command+Right Arrow, you will advance to the next frame, and you can draw your new brushstroke. As you build up your animation frame by frame, you'll start to see your artwork come to life!
In addition to using the Command key, After Effects also offers other methods for navigating frame by frame, such as custom keyframes, the Time Navigator, and the RAM Preview feature. You can explore these options to find the workflow that suits your animation style best.
Candy Paint: Is Post Malone's Song Inappropriate?
You may want to see also
Explore related products

Delete or change brushstrokes
To delete or change brushstrokes in After Effects, you must first open the paint layer. This will allow you to see all the brushstrokes you have created and the number of frames each stroke occupies on the screen. Scroll through the timeline to find the specific brushstroke you want to modify or delete.
You can delete a brushstroke by using the delete key on your keyboard or by using the Eraser Tool, which removes painted strokes without deleting the entire layer. This is useful for fine-tuning or adjusting your work. To modify the length of a brushstroke, simply drag the beginning and endpoints of the stroke back and forth in the timeline.
Additionally, After Effects offers the Clone Stamp Tool, which allows you to copy and paste brushstrokes between frames. This tool samples pixels from one area and paints them onto another, aiding in blemish removal or object cleanup. You can also use the custom duration feature in the paint menu to adjust the number of frames your brushstrokes appear on, but note that changing the number of frames may not always increase the duration as expected.
When working with brushstrokes, it is important to consider the smoothing of your brushstrokes across frames. Using a smoother brush with higher spacing and lower hardness can help reduce jitter and improve the alignment of your strokes. Enabling pressure sensitivity on a tablet can also enhance your brushstroke results.
A Comprehensive Paint Tracker Setup Guide for 40K Enthusiasts
You may want to see also
Explore related products
$20.99 $28.99

Turn on onion skinning
To turn on onion skinning in After Effects, you can try the following methods:
Using the Echo Effect
Add the Echo effect to the layer you are painting on, and ensure that the Echo effect is placed below the Paint effect in the layer hierarchy. Set the Echo Time to -0.033 and the Number of Echoes to 1. This will allow you to see an onion skin of your previously painted frames. However, if you try to paint on the frame again, After Effects will create a new Paint effect, and the Echo will no longer work.
Using an Adjustment Layer
Create an adjustment layer with two echo effects: one looking back in time and one forward. This will mimic the onion skinning effect by allowing you to see the previous and next frames at a lower opacity.
Duplicating Layers
Put your layer into a pre-composition, duplicate it as many times as needed, and move each duplicate one frame back. Then, play with the opacity of the layers. This will create an onion skin effect, allowing you to see multiple frames at once.
Using a Script
If you have a layer with mask animation, you can use a script to duplicate the layer twice and shift one layer a keyframe left and the other a keyframe right. Then, set both duplicate layers to mode Multiply and opacity 50. This will allow you to see the previous and next positions of your animation.
It is important to note that After Effects does not have a built-in onion skinning feature, so these workarounds may require some experimentation to achieve the desired result.
Painting Miniatures: Tips for Control Panel Perfection
You may want to see also
Explore related products

Adjust keyframes/animation one frame at a time
To adjust keyframes or animations one frame at a time in After Effects, you can use a combination of keyboard shortcuts, the Time Navigator tool, custom keyframes, and RAM Preview. Here's a step-by-step guide:
- Open up a file and select the layer you want to animate.
- Set a keyframe on any given property, such as path, scale, or rotation. You can do this by clicking the stopwatch icon next to the desired property.
- Move the timeline one frame forward or backward using the keyboard shortcuts Page Up or Page Down, or Ctrl + Arrow keys (on Windows) or Command + Arrow keys (on Mac).
- Make your desired adjustments to the keyframed value.
- Repeat the process by pressing Page Down or using the arrow keys to move to the next frame, and continue making adjustments as needed.
- To preview your animation, use the RAM Preview feature. Set the In and Out Points by positioning the playhead at the desired start and end frames, and pressing "B" for In Point and "N" for Out Point. Then, press "0" on the numeric keypad to start the RAM Preview and see your animation in real-time.
- Fine-tune your keyframes by adjusting the space between them. You can do this by selecting both keyframes and pressing Option (on Mac) or Alt (on PC) while clicking and dragging the last keyframe.
- Utilize the Time Navigator tool for precise frame-by-frame navigation within the timeline, making it easier to edit and sync elements in your animation.
By following these steps, you can make precise adjustments to your animations, one frame at a time, and create smooth and polished animations in After Effects.
Paint Coverage: 5 Gallons for Your Square Footage
You may want to see also
Frequently asked questions
To get started with frame-by-frame painting in After Effects, open up a file and set a keyframe on any given property. Then, press 'Page Up' or 'Page Down' to move the timeline one frame in either direction.
To adjust your frames, make your desired adjustments to the keyframed values and press 'Page Down' or drag the timeline over by one frame. Repeat this process for each frame.
To delete or modify a brushstroke, click the down arrow next to "effects" in your timeline window. Open the paint layer to see all of your brushstrokes and scroll to find the one you want to modify or delete. You can delete it using your computer's delete key or modify its length by dragging the endpoints in the timeline.
After Effects is a powerful and practical tool for animation, especially for motion graphics. It allows you to create animations with massive or near-infinite scales and provides more flexibility compared to other programs like Photoshop or Illustrator.











































