demobook

Preserve Illustrator gradients in After Effects

After EffectsTry it →Watch full video →Jake In Motion ·

Demo summary

The video demonstrates how to convert Illustrator vector layers into After Effects shapes while preserving linear and radial gradients, including new controls for scaling and rotating gradients.

Step-by-step

  1. Right-click the Illustrator vector layer in the timeline
  2. Select Create Shapes from Vector Layer
  3. Open the shape group and locate the Merge Paths and empty Path layers
  4. Delete the extra paths to clean up the layer structure
  5. Adjust the Start Point and End Point handles to position the gradient
  6. Use the Scale and Rotate properties within the gradient options to animate or adjust the fill

Options

  • Apply gradients to either fills or strokes
  • Preserve both linear and radial gradients during conversion

Watch out for

  • Conversion generates extra empty paths and merge path operators for positioning that may clutter the layer

Tips

  • Delete the extra merge paths and empty paths to keep your shape layers as clean as possible
  • Use the new Scale and Rotate controls to animate gradients without setting up complex expressions for start and end points

Highlights

“going to have a real impact on my day-to-day workflow when it comes to working with gradients”

All demos from “After Effects 26 Changes EVERYTHING”

  1. 0:261:18Preserve Illustrator gradients in After EffectsCurrentThe video demonstrates how to convert Illustrator vector layers into After Effects shapes while preserving linear and radial gradients, including new controls for scaling and rotating gradients.After EffectsAI Motion Graphics
  2. 2:301:29Native SVG import and path regroupingShows how to drag an SVG file directly into After Effects to create shape layers and uses the 'Regrouper' script to organize messy vector paths.After EffectsAI Motion Graphics
  3. 6:522:05Remove backgrounds with native Unmult effectShows the new native Unmult effect in After Effects being used to remove black or white backgrounds from fire and ink footage while preserving color fidelity.After EffectsAI Video Editor
  4. 10:332:34Create 3D parametric meshesA walkthrough of the new 3D toolbar in After Effects, demonstrating how to create and adjust parametric cubes, spheres, toruses, and cones.After EffectsAI Motion Graphics
  5. 25:341:16Using previousKey and nextKey expressionsShows how to use the new 'previousKey' and 'nextKey' expressions to reference specific keyframe values based on time.After EffectsAI Motion Graphics
  6. Watch “After Effects 26 Changes EVERYTHING” →

AI Motion Graphics

  1. 1:380:31Adjust layer transform propertiesThe user demonstrates how to modify position, scale, rotation, and opacity properties of a layer within the Adobe After Effects transform menu.Gavin Herman
  2. 3:340:44Refine animation with the Graph EditorThe user demonstrates using the Speed Graph in the Graph Editor to manipulate handles and create custom acceleration for an animation.Gavin Herman
  3. 6:340:44Animate text with Range SelectorsThe user demonstrates using a text animator with an opacity property and range selector keyframes to create a typewriter-style reveal.Gavin Herman
  4. 0:120:33Create repeated delayed animations in After EffectsThe creator demonstrates how to pre-compose layers, duplicate them with scale adjustments and fill effects, and offset keyframes to create a delayed repeating animation.SonduckFilm
  5. 0:540:46Stack motion graphics in 3D spaceA walkthrough of converting layers to 3D, setting up a camera with a 3D null parent, and adjusting Z-positions to create depth in a scene.SonduckFilm
  6. 6:310:52Build a 360-degree carousel animationThe creator demonstrates setting up a shape layer with a track matte, adjusting anchor points, and rotating duplicates to form a circular carousel controlled by a null object.SonduckFilm
  7. 7:290:57Animate scrolling text with Loop Out OffsetA demonstration of using guides for precision, parenting text to a null, and applying the 'loopOut("offset")' expression to create a continuous scrolling list.SonduckFilm
  8. 0:261:18Preserve Illustrator gradients in After EffectsCurrentThe video demonstrates how to convert Illustrator vector layers into After Effects shapes while preserving linear and radial gradients, including new controls for scaling and rotating gradients.Jake In Motion
  9. 2:301:29Native SVG import and path regroupingShows how to drag an SVG file directly into After Effects to create shape layers and uses the 'Regrouper' script to organize messy vector paths.Jake In Motion
  10. 10:332:34Create 3D parametric meshesA walkthrough of the new 3D toolbar in After Effects, demonstrating how to create and adjust parametric cubes, spheres, toruses, and cones.Jake In Motion
  11. 25:341:16Using previousKey and nextKey expressionsShows how to use the new 'previousKey' and 'nextKey' expressions to reference specific keyframe values based on time.Jake In Motion
  12. 13:092:32Animating position with keyframesA demonstration of setting start and end keyframes for the position property to create a vertical movement animation for a shape.Thomas Woodcock
demobook

Show, don’t tell.

Categories

Video & AnimationImage Generation & EditingMusic & AudioSales TechEmail Marketing

About

SubmitAboutPrivacyTermsContact

© demobook.co