Mobile app version of vmapp.org
Login or Join
Si6392903

: Attach an image next to animated numbers counting up [After Effects] I'm having a little problem i can't seem to resolve efficiently. Right now I'm using a common expression with slider control

@Si6392903

Posted in: #AdobeAfterEffects

I'm having a little problem i can't seem to resolve efficiently.

Right now I'm using a common expression with slider control to create a simple counter, with a "$" attached next to it:

Math.round(effect("Slider Control")("Slider")) + "$";

So, for example, if my number starts at 0 and ends at 50000, then the "$" will have moved a few spaces to the right, like this:



As you can see, the "$" moves back and forth while the number changes and then it ends more to the right because the number increased.

This happens automatically attaching "$" to the expression. I want to achieve the same but with a little image. Lets say that instead of a $ sign i want to attach a little image of a coin, or a gem, etc, and i want it to move accordingly next to the number when it increases.



On an ideal world, there would exist some way to call the image directly inside the expression, like ' + "image path"; '



but that's not the case here i guess

-Please ignore the next paragraphs if you have a better idea-

I though about adding a dot or something next to the number, and then track the movement it does (because it will move when the number grows bigger) so i could later attach it to a null object and finaly link the null object with the image, but that idea has 2 problems:

1) i can't track my text layer, it seems after effects only lets you make trackings of places inside a video file and

2) i would have to be extra careful covering the dot/symbol i will be using the tracking over. Sometimes the image won't be a coin, and it may present obstacles for covering it properly

I'm really looking forward to your suggestions and sorry for my grammar mistakes, i'm not a native english speaker.

Thanks in advance!

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Si6392903

1 Comments

Sorted by latest first Latest Oldest Best

 

@Phylliss782

I think I managed to do it, use the following script on the image you want to be moved with text. Place the expression on the Position.

text_width = thisComp.layer("Text_Layer").sourceRectAtTime().width;
thisComp.layer("Text_Layer").transform.position + text_width

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme