How To Use After Effects For Animation

Nigh animation, keyframes, and expressions

Blitheness is change over time. You lot animate a layer or an event on a layer by making i or more of its properties change over time. For example, you can animate the Opacity holding of a layer from 0% at time zero to 100% at fourth dimension 1 second to make the layer fade in. Whatever property with a stopwatch push to the left of its name in the Timeline console or Issue Controls panel can be animated.

Yous animate layer backdrop using keyframes, expressions, or both.

Many animation presets include keyframes and expressions so that you can only utilize the animation preset to the layer to achieve a complex animated upshot.

You lot work with keyframes and expressions in After Effects in ane of two modes: layer bar mode or Graph Editor manner. Layer bar style is the default, which shows layers as duration bars, with keyframes and expressions aligned vertically with their properties in the Timeline panel. Graph Editor mode does not show layer bars, and shows keyframes and expression results in value graphs or speed graphs. (Run into The Graph Editor.)

Keyframes are used to ready parameters for movement, furnishings, audio, and many other properties, usually changing them over time. A keyframe marks the bespeak in fourth dimension where you lot specify a value for a layer belongings, such as spatial position, opacity, or sound volume. Values between keyframes are interpolated. When yous apply keyframes to create a change over fourth dimension, you typically employ at least two keyframes—ane for the land at the beginning of the modify, and one for the new state at the stop of the alter. (See Set or add keyframes.)

When the stopwatch is active for a specific property, After Effects automatically sets or changes a keyframe for the property at the current time whenever you change the property value. When the stopwatch is inactive for a property, the property has no keyframes. If you alter the value for a layer property while the stopwatch is inactive, that value remains the same for the elapsing of the layer.

When Auto-keyframe mode is on, the stopwatch is activated automatically for a property when information technology's modified. (Come across Auto-keyframe mode.)

If you lot deactivate the stopwatch, all keyframes for that layer property are deleted, and the constant value for the property becomes the value at the electric current time. Don't deactivate the stopwatch unless y'all're sure that you want to permanently delete all of the keyframes for that property.

Modify the keyframe icons in layer bar style to numbers by choosing Employ Keyframe Indices in the Timeline panel menu.

When a layer property that contains keyframes is collapsed, greyness dots (summary keyframe indicators) for the property group show that there are keyframes contained inside it.

Some tools, such as Motility Sketch and the Puppet tools, automatically set keyframes for you to match move that you sketch.

Expressions use a scripting language based on JavaScript to specify the values of a belongings and to relate properties to one another. You lot can create simple expressions by connecting properties with the pick whip. (See About expressions.)

Online animation resource

See the video tutorial, "Animating Transform Properties With Keyframes," by Jeff Sengstack and Infinite Skills.

For a step-by-pace tutorial that demonstrates the animation of individual layers from a Photoshop (PSD) file, meet the "Animating Layers in Afterward Furnishings" chapter of the After Effects Classroom in a Volume on the Peachpit Printing website.

The Graph Editor represents holding values using a two-dimensional graph, with composition time represented horizontally (from left to right). In layer bar style, on the other paw, the time graph represents only the horizontal time element, without showing a graphical, vertical representation of changing values.

To toggle between layer bar mode and Graph Editor way, click the Graph Editor button in the Timeline console or printing Shift+F3.

2 types of graphs are bachelor in the Graph Editor: value graphs, which testify property values; and speed graphs, which show rates of modify of property values. For temporal properties, such equally Opacity, the Graph Editor defaults to the value graph. For spatial backdrop, such as Position, the Graph Editor defaults to the speed graph. For information on viewing and editing keyframe values, see View or edit a keyframe value.

In the Graph Editor, each property is represented past its ain curve. You lot can view and work on one property at a time, or you can view multiple properties simultaneously. When more than 1 property is visible in the Graph Editor, each holding's bend has the same colour every bit the holding's value in the layer outline.

When you lot elevate a keyframe in the Graph editor with the Snap button selected, the keyframe snaps to keyframe values, keyframe times, the current time, In and Out points, markers, the showtime and finish of the piece of work area, and the kickoff and end of the limerick. When the keyframe snaps to i of these items, an orange line appears in the Graph Editor to indicate the object y'all're snapping to. Hold Ctrl (Windows) or Command (Mac Bone) afterwards you've begun dragging to temporarily toggle snapping behavior.

Keyframes in Graph Editor mode may have direction handles attached to one or both sides. Direction handles are used to control Bezier interpolation.

You tin can employ the Separate Dimensions button at the bottom of the Graph Editor to separate the components of a Position property into private properties—X Position, Y Position, and (for 3D layers) Z Position—so that you can modify or animate each independently. (See Separate dimensions of Position to breathing components individually.)

Online resource about the Graph Editor

Antony Bolante provides information, tips, illustrations about using the Graph Editor in an article on the Peachpit Press website.

Specify which properties are shown in the Graph Editor

Graph options in the Graph Editor

Click the Graph Blazon And Options push button at the bottom of the Graph Editor to select from the following options:

Machine-Select Graph Blazon

Automatically selects the appropriate graph blazon for a property: speed graphs for spatial properties (such as Position), and value graphs for other properties.

Edit Value Graph

Displays the value graph for all properties.

Edit Speed Graph

Displays the speed graph for all properties.

Show Reference Graph

Displays the unselected graph blazon in the background for viewing just. (The greyness numbers to the correct of the Graph Editor indicate the values for the reference graph.)

Bear witness Audio Waveforms

Displays the audio waveform for any layer that has at least ane property in the Graph Editor.

Bear witness Layer In/Out Points

Displays In and Out points of all layers that have a belongings in the Graph Editor. In and Out points appear as curly braces.

Prove Layer Markers

Displays layer markers in the Graph Editor, if they exist, for any layer that has at least one belongings in the Graph Editor. Layer markers announced as minor triangles.

Show Graph Tool Tips

Toggles the graph tool tips on and off.

Show Expression Editor

Shows or hides the expression editor field.

Allow Keyframes Between Frames

Allows placement of keyframes between frames for fine-tuning animation.

Pan and zoom in the Graph Editor

To activate the Hand tool momentarily when using some other tool, printing and concur the spacebar or the centre mouse button.

You cannot pan or zoom vertically when Auto Zoom Height is selected.

Automobile Zoom Height

Toggles Auto Zoom Height manner, which automatically scales the height of the graph and then that it fits the superlative of the Graph Editor. The horizontal zoom must still exist adjusted manually.

Fit Selection

Adjusts the value (vertical) and time (horizontal) scale of the graph to fit the selected keyframes in the Graph Editor.

Fit All

Adjusts the value (vertical) and fourth dimension (horizontal) scale of the graph to fit all of the graphs in the Graph Editor.

Source: https://helpx.adobe.com/after-effects/using/animation-basics.html

Posted by: harvardwithereas1986.blogspot.com

Share this post