Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Adobe After Effects Dots to assemble a map

  • Dots to assemble a map

    Posted by John Sappo on March 19, 2021 at 2:05 pm

    I’m working on a project that is largely inspired from the Apple Intentions video (https://www.youtube.com/watch?v=LcGPI2tV2yY).

    I want to make a bunch random dots that are moving around randomly then assemble into a map, and then start to vary the size of the dots that represent the map to show density areas.

    Any tips or suggestions for the animation procedure? – Hand animating all the dots would be a ton of work but maybe that’s the best way?

    Some contents or functionalities here are not available due to your cookie preferences!

    This happens because the functionality/content marked as “Google Youtube” uses cookies that you choosed to keep disabled. In order to view this content or use this functionality, please enable cookies: click here to open your cookie preferences.

    Filip Vandueren replied 5 years, 1 month ago 3 Members · 3 Replies
  • 3 Replies
  • Chris Voelz

    March 19, 2021 at 3:05 pm

    I did something similar using a gradient to control the size of the dots. The size of the dot was looking at the value of the gradient (white to black). I kept the gradient in a pre-comp so that I could change the shape easily and or have multiple gradients. My computer did not enjoy the shear number of layers that were mapped to expressions. I think I had around 800 dots, lots of head pounding on that project. But I would look into a combo of expressions and hand animating. I attached an example of what I did in action.

    Here is something to kick start your exploration if you want to go down this route. The expression isn’t exactly what I used for the video below, but it should put on the right path.

    https://www.motionscript.com/design-guide/sample-image.html

    x=thisComp.layer("Gradient").sampleImage(transform.position, [.5,.5]/2, true, time)[0];
    110*[x,x]

    Not sure if embedding works, so here is a link.

    https://vimeo.com/526178499

    Some contents or functionalities here are not available due to your cookie preferences!

    This happens because the functionality/content marked as “Vimeo framework” uses cookies that you choosed to keep disabled. In order to view this content or use this functionality, please enable cookies: click here to open your cookie preferences.

  • John Sappo

    March 19, 2021 at 3:14 pm

    Chris-

    Thanks so much for your reply! This is a good start for me to to explore. I think you’re right this project is going to require that combo of expressions and hand animating.

    Stay 100

  • Filip Vandueren

    March 19, 2021 at 5:23 pm

    Definitely take a look at Pastiche, it’s a very handy plugin to automatically place hundreds of layers within a shape.

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy