Help Creating Tween Transition

[HouseOfToy (Toy)]

I’m trying to create a tween transition effect like the video below, however I have no idea where to start. I have basic tween knowledge but I’m quite stuck on this.

What I’m trying to re-create:

Again any help or pointers on where I would start would be appreciated. Thanks alot.

[kakkawertu567 (Samuel)]

I believe it is just a texture with a hole in the middle that just gets resized. Here is the documentation for tweening UI.

[HouseOfToy (Toy)]

Thanks alot, will try it out when I’m home and let you know

[ZacAttackk]

Samuel has the right idea, to expand upon this it would be an image in the centre with four very large frames on all sides to cover the rest of the screen. I’d group it under one parent frame and use UIScale to animate it growing, like so:

• TransitionEffect (Frame)
  • UIScale (use tweenservice on this to grow the effect)
  • Hole (ImageLabel)
  • TopEdge (Frame)
  • BottomEdge (Frame)
  • LeftEdge (Frame)
  • RightEdge (Frame)

[HouseOfToy (Toy)]

Worked well, thanks alot!