After Effects CC Expressions: Design & Animate Infographics

Design and animate an infographic bar in After Effects CC using expressions. Drive the bar’s y position from a height-based rectAtTime expression and a percent slider.

Learn to control infographic colors in after effects cc by linking stroke, fill, and text to a single color control, and using color overlay for text.

Learn to compile two charts into a single infographic by organizing assets, swapping graphics and replacing comps, adjusting anchor points, and linking layers via a null object for synchronized animation.

Learn to create stacked graphics percent infographics in After Effects, mastering wipes, percentage displays, and icon customization with practical tips to set up a project quickly.

Learn how to replicate an icon in After Effects using shape layers, repeater, and region of interest to create ten evenly spaced icons, then adjust colors with fill or tint.

Design and animate level bars in After Effects CC by using a slider control, track matte, and expressions to link scale to a duration and percentage.

Demonstrate creating and duplicating compositions, organizing man and woman assets into folders, and linking color controls to update infographics with animated vector shapes and a repeater for dynamic visuals.

Build a complete After Effects infographic project with expressions, using linear expressions, arrays for position, time and remapping, and drive values via a control layer and a spreadsheet before rendering.

Learn to design and animate a battery infographic in After Effects by building 10 bars, creating the battery core, and simulating charging with keyframes and percentage text.

Learn to create a charge animation in After Effects CC using expressions that link text to copies, interpolate from 0 to 100, round, multiply by 10, and add percent.

Learn to build an animated level bar in after effects cc that scales with a percentage, includes a small arrow, and uses expressions with a two-dimensional position and linear interpolation.

Create a null guide layer and drive animation with a slider control linked by a linear expression from 0 to the value. Link color to the controls for updates.

Design a reusable After Effects setup to animate multiple batteries with expressions. Use region of interest, a null, and slider and color controls to drive each battery’s percent and color.

Discover how time remapping in After Effects lets you remap a layer’s duration with keyframes, speeding up or slowing down playback from zero to the composition end.

Learn how to time remap an animation using in and out points, applying a linear expression to map zero to two seconds of the composition duration.

Learn to import a csv from Excel into After Effects, link brand names and maximum charge to text layers using source text and pick whip, and animate with delays.

Apply the final project by opening the completed After Effects CC file, study the character animations, shapes, and vignette effects, and recreate improved expressions and animations for infographics.

Design and animate bar graphs in After Effects with adjustable axes, using controls to resize bars, set percentages, label quarters, and duplicate setups to create scalable multi-bar data visualizations.

Learn to generate x-values in After Effects using an initial value and a per-element increment, via a source text expression with index-based multipliers and slider controls.

Learn to add major and minor markers in After Effects by drawing a rectangle bar, and using a slider-controlled repeater to create evenly spaced ticks.

Learn to create an x-axis bar with length controls in After Effects by anchoring to a point and driving x-scale with a distance-based expression.

Learn to create a y axis and its values in after effects using expressions, from zero to 100 in 25 increments, set up the x axis and controls for infographics.

Create and animate a bar graph in After Effects CC, using x-y axes, a dedicated bars layer, and expressions with a slider to drive scale from 0 to 100.

Learn to duplicate a bar graph in After Effects CC using expressions to animate each bar from zero to its height, with anchor, null, and parenting to drive the animation.

Create a circular radial axis in after effects using expressions and controls to distribute values evenly around a circle, with adjustable initial value, increment, and labeled text oriented upright.

Learn to create a circular axis template, save it as a reusable after effects project template, and import it into new projects while adjusting figures and keeping the template neat.

Learn to design and animate a radial axis in after effects cc by building circular axes, applying dashes and gaps, sequencing layers with null object, and keyframing scale and rotation.

Create contiguous circular infographic segments in After Effects using trim paths and a control slider. Animate multiple segments with index-based expressions for end values and proportional rotations.

Index segments with index minus one to make references robust, and implement try/catch to handle errors and return zero when expressions fail.

Learn to create well centered text labels for each segment in After Effects, using expressions to link rotation to segment values, center anchors, and reveal with opacity.

Create robust text size and distance controls for infographic animations using expressions and sliders. Learn to anchor points, offset labels, and apply scale animators to update multiple layers quickly.

Take control of segment colors in After Effects using color control and index-based expressions to assign stroke colors for each segment; duplicate segments and copy expressions for quick, customizable infographics.

Learn to convert a circular segments infographic into a pie chart in After Effects CC by using stroke width and size linking, removing fill, and preserving controls for animated slices.

Create an infographic animation with eight cascading radial segments in After Effects CC, using extensive controls and new expressions, with tips and tricks to learn how to control them.

Design and animate the first radial segment of an infographic in After Effects CC using expressions, trim path, and slider-driven controls for thickness and ellipse size.

Create a master control with a null object, add sliders for animation speed, size, and position, and link rotation and scale to those controls for flexible infographic animation.

Create dynamic infographic labels in After Effects CC by organizing controls, linking text to segments, and using expressions to drive color, percentages, and animations for clear, labeled charts.

Learn to design and animate line graphs in After Effects, starting with a four-point graph, creating smooth lines, and linking them to a bar graph with 12 to 100 points.

Experiment with delaying the line and staggered layer reveals, then use the graph timing to hit two seconds. Explore trim path and trace line methods for the animation.

Create animated percent labels that track a line graph with After Effects CC expressions, slider controls, and layer parenting.

Learn to create animated bar graphs in After Effects CC by linking a moving top to a fixed bottom anchor with expressions and a percent slider.

Connect a line graph to a bar graph in After Effects by using the pen tool to create path, then parent points to nulls and apply trim path for animation.

Create positive and negative infographics with up-and-down boxes showing values from -100% to 100% over six months using After Effects CC Expressions, with a non looping, one-off animation.

Replicate a full graph in After Effects by applying color controls and overlays, duplicating bars, and using index-based expressions to animate each bar, then decorate with a new composition.