Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Adobe After Effects HALP! Need to “attach” multiple layers to one shape or mask path.

  • HALP! Need to “attach” multiple layers to one shape or mask path.

    Posted by Ben Ramirez on August 28, 2017 at 4:53 pm

    Hello all, thanks in advance for your help. I need to add multiple (like 50) .png layers to one path so that I can animate the path and create a “wave” effect to make it look like the images are all doing a wave up and down in the “y” direction.

    Kind of like this: (if all the “o” shapes started in a single flat line and then animated in the “y” only (up and down. ) (Just using the –‘s as spacers)

    ————-o
    ——– o ——o
    — o—————–o——————– o
    o———————— o —-o—- o

    I thought about maybe creating a sine wave on a path and attaching all the layers to one path, but I can’t seem to figure out how to attach separate image layers to one path on a separate layer. I’d really like to avoid having to do an individual mask path and pasting to each separate layer because if I want to tweak the motion after I have all the layers set up, i’d have to start all over.

    If you can think of another way to do this, maybe like attaching all the image layers to a slider control via expression, but I need to be able to control the layer “y” positions a little better than just offsetting the “y” transform expression or wiggle. Maybe a particle replicator with the image set as the particle and multi-object? I’m struggling here, but it seems like a solution should be so simple. Perhaps i’m overthinking it.

    Thanks so much!

    Walter Soyka replied 8 years, 8 months ago 3 Members · 7 Replies
  • 7 Replies
  • Ben Ramirez

    August 28, 2017 at 6:13 pm

    Well, yeah if I wanted to go through and animate each layer’s vertical position manually, that’d be no problem, it would just take forever to put in 50 different animations. It’d be so much easier to just connect them all in a row to a line and animate that line’s anchor point beziers instead.

  • Shawn Ankersen

    August 28, 2017 at 6:14 pm

    Right click on the “Position” variable and click “Separate Dimensions.”

    You can animate the Y separately from the X, so if you have 50 images you can set a keyframe at the base line, then set another keyframe in the future at whatever height you want them to go to, and can stagger the timing by moving the keyframes.

    If you don’t want the time to move, you could stagger the layers by:

  • Trim the layers to just the keyframed height change
  • Selecting all the layers
  • right-click and choose keyframe assistant>Sequence layers
  • extend all the layers so that they keyframes remain where they are but the images remain on screen before/after the keyframes as desired.
  • then the images will do a wave.
  • There are some free plugins that can help do this easier. Try MisterHorse.TV.

    Or, you can write an expression and copy-paste it into each image. The expression would go in the Y variable. Try: wiggle (5,1);

    This will go between negative 5 and 5, at a rate of 1 per second. You can mess with the numbers and come up with a pattern you like.

    You mentioned some trigonometry or SIN equations but I have never done that, so I can’t help there!

  • Ben Ramirez

    August 28, 2017 at 6:20 pm

    Yeah, I did check mr horse earlier just to see if there was anything, but didnt see anything that’d really be easier than separating the dimensions like you said. I’d really like to figure out how to attach all these layers to a path and do it that way. It seems like there’d be a way.

  • Shawn Ankersen

    August 28, 2017 at 6:30 pm

    It’s also hard to use a trig expression because the center of the comp is not “0,0” it’s 540×960 or whatever…there is a plugin on DUIK that creates null objects and zeroes out an object’s position.

    You could write an expression for each object and base it off a single slider control. So if you set the slider to 10, one object would be Y+10, the next would be 90% of 10, or Y+ 9, and so on. It would be a pain to set up, but once you do you could just adjust the slider.

  • Ben Ramirez

    August 28, 2017 at 6:34 pm

    I see what you’re saying. But yeah, that’d be about as tedious as just doing it manually. Is there no way to connect multiple objects to one path and have their “y” value reference back to that path’s transform?

  • Ben Ramirez

    August 29, 2017 at 1:45 pm

    Gotcha. Thanks Dave!

  • Walter Soyka

    August 29, 2017 at 1:54 pm

    Here’s a quick system I whipped up for doing a sine wave with some arbitrary number of objects. Maybe it will work for you. All the controls are on the CONTROL layer:

    11630_thewave.aep.zip

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

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