FORUMS: list search recent posts

Animating portions of a pattern to change color

COW Forums : Adobe After Effects

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Carlos Panades
Animating portions of a pattern to change color
on Jan 26, 2017 at 12:42:59 pm

I want to create a hexagonal pattern to fill a Mundi Map, just like the map of War Board Game (

I would like to know a way to animate some of those hexagons to have a different color in a given time and be able to control the amount of the ones that will be changing. Do anyone knows a technique that allows me to achieve that without need to manually select and animate each one of them?
Thank you.

Return to posts index

Walter Soyka
Re: Animating portions of a pattern to change color
on Jan 26, 2017 at 4:10:28 pm

We've done hex patterns like this with two offset/interlocked layers of Trapcode Form. Use a custom hex-shaped particle, and use the layer maps feature to color them according to a regular image.

Walter Soyka
Designer & Mad Scientist at Keen Live [link]
Motion Graphics, Widescreen Events, Presentation Design, and Consulting
@keenlive [twitter]   |   RenderBreak [blog]   |   Profile [LinkedIn]

Return to posts index

Phil Aupperle
Re: Animating portions of a pattern to change color
on Feb 2, 2017 at 5:20:23 pm

I've done effects like this by creating the hex pattern in Illustrator and converting to shape layers in AE with the Explode Shape Layers script ( ) and then hooking whatever parameters you want; fill color, opacity, size, etc. to a control layer via a sampleImage() expression. You could also make the hexagons by pasting from Illustrator into masks, or just coloring Illustrator layers with the Fill effect, but you'll have a separate layer for each hexagon with those methods. There is also a script called Divide and Corner that will create the hex-pattern as shapes in AE. If you're working with tons of shape layers, I recommend having the Explode Shape Layers and Motion2 scripts to wrangle them and manage the anchor points.

Here's dan's guide to using sampleImage():


Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2019 All Rights Reserved