How was this text-transition created?

  1. What do you want to achieve?
    I want to know how the text transition in the following GIF was made.
  2. What is the issue?
    I just can’t seem to think of what had been done to achieve this
  3. What solutions have you tried so far?
    Specifically, what I’m looking for is how the creator (uglybuger0) made the text seem like it was behind/inside the little frame. The only solutions of what I can think of is changing the size of the TextLabel at the same time as moving the position of it; Or by changing the position of the TextLabel while making certain characters see-able (Typewriter Effect).

Thank You In Advance.

GIF:
https://gyazo.com/cf9a4ea2acf5ca2578e45477f422a545

I dont think by changing the size and using the type writer effect you could get it that smooth. So personally i think they have just used an image of the text and just made the image get bigger and cropping out the rest of the image as it extends out.

Edit: just looked at the video again and yeah at one point half a letter is visible which makes it very likely that it is an image

Edit again: i cant believe i forgot about the clip descendants property please ignore this comment

1 Like

I dont think its an image. What if you need to change the text? Also you wouldn’t want to risk having the image get content deleted for having a lot of text.

You can easily get this effect with tweening a textlabel at full size with all the text in it.

You hide the textlabel to the left outside the frame’s boundary with ClipDescendants enabled.
Then when you tween it to the right, it appears in the frame which starts showing its characters to the player.

3 Likes

I actually know how that was made xD You make a frame with “Clip Descendants” turned on. Then you construct the text and everything outside of the frame, then tween it in using an exponential, outgoing tween. The little white frame is just that… a frame. Hope it helps.

After a little messing around I finally got a good version of it.
https://gyazo.com/904071f9dd4c2615d4b34600b9f90c64

Although, when I tween the text label, why is it so shaky?

You’re probably tweening with size, best to tween with position.

I am tweening with position… :upside_down_face: