Iris out circle ending (click and you'll get what I mean :))

Can someone help me to code for an iris-out circle ending as you see in cartoons and stuff?

An example of what I mean:

Maybe with using this overlays:


If possible of course which I doubt, it’ll really cool lol.

The only possible way to do this, would be with overlays. And what works for one background, won’t work for another… the coding coordinates in the template would need to be different for different backgrounds.

But I managed to create one…

[Giphy ruined the quality!] :point_down:t3:

1 Like

Would using the ui command allow you to copy and paste?

I’ve literally never heard of the UI command?! :flushed: Is that short for something?! :thinking:


I don’t know what it’s short for. It’s a command that fixes an overlay to the screen, so it stays in the same spot on the screen no matter the zoom coordinates.


I’ve never heard of, nor used it. So it’s possible.
I made the overlays myself, so I’m not sure if that specific code will work for all… or just episode overlays. But maybe?! :thinking:
I’d have to ask Sydney or Tory.

1 Like

Ui is used to pin an overlay onto the screen and if you change zones it stays in the zone you code it too

Sorry I was lurking but I don’t know much about it myself :face_with_peeking_eye:


User Interface :slight_smile: Like @Ryder14 said: it’s an overlay that is “pinned” to the screen. You can pan and zoom around the screen with it. Here’s a tutorial I made a while ago: UI - User Interface
For that animation @Uwastasia you’ll need a pretty big black overlay with a hole in the middle so that when you shrink it, the edges won’t be visible. if you know what I mean.
The whole should be in the middle of the overlay so that when it shrinks it stays put.

The code would look something like this:

&ui OVERLAY create
&ui OVERLAY opacity 1 in 0
#Rotation is purely to estimate the middle of the overlay:
&ui OVERLAY rotates 0 anchor point 0.5 0.5 in 0
#Original size and position where the character's face/upper body is visible:
#I put the positioning after rotating on purpose, because rotation always moves the overlay
&ui OVELAY scales to ... ... in 0 AND ui OVERLAY shifts to ... ... in 0
#The actual animation:
@ui OVERLAY scales to ... ... in t
@CHARACTER is flirt_wink_atcamera
#Shrink the overlay to the level where the whole is no longer visible
@ui scales to ... ... in t

t = amount of seconds

Hope this helps! :sweat_smile: I tried to explained it as detailed as posibile :hugs: :blossom:

1 Like

Is it possible for you to send me the overlay please?

I’ll try find one but thank you!!

Of course! :blush:
The hole is supposed to be small, just so you know.
[I’ll send the code too!]

So the code I used was:

&overlay BLACKHOLE create
&overlay BLACKHOLE scales to 2.606 2.606
&overlay BLACKHOLE shifts to -214 -1166 in zone 1 in 0
&overlay BLACKHOLE opacity 1 in 0
&overlay BLACKHOLE to layer 3

&overlay BLACKOUT create
&overlay BLACKOUT scales to 1.000 1.000
&overlay BLACKOUT shifts to 269 158 in zone 1 in 0
&overlay BLACKOUT opacity 0 in 0
&overlay BLACKOUT to layer 2

@YOU spot 0.316 164 327 in zone 2 at layer 1

@cut to zone 2
@zoom on 487 202 to 549% in 0

@speechbubble is 117 250 to 85% with tail_top_right

&YOU faces right AND YOU is kiss_blow_happy
@pause for 0.5

&overlay BLACKHOLE shifts to 125 160 in zone 2 in 4 AND overlay BLACKHOLE scales to 0.140 0.140 in 4
@pause for 3.9
&overlay BLACKOUT opacity 1 in 0.1
@pause for 9000 [The pause doesn’t need to be this long! :rofl: :joy: The pause time was exaggerated so that it didn’t switch to the next scene whilst I was screen recording.]

[You also need a blackout overlay, as seen in the code above. This is to close the circle!]

Blackhole overlay! :point_down:t3:

Blackout overlay! :point_down:t3:

1 Like

Thank you so much I’ll try it out!! :))

1 Like

Hopefully it works with the UI code that was mentioned by others, above! :blush:

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.