"Movie" UI Edge / Border

Help and Feedback Scripting Support
,
#1

I need help on that, I’ll explain what I mean and try to answer if you want more detail what I mean of “Movie” UI Edge

What does “Movie” UI Edge / Border mean?
What I mean is that that the upper and bottom screen is black, just like in a movie the upper and bottom screen is like dark, but in the big middle you can see. I show an example what I mean, also credit goes to Life of an otaku

Why do you need this?
I’m making a sort of scene when you go to sleep, and the whole screen goes black. After your sleep your screen is back up (That was an example aswell).

Screenshot 2021-05-01 194540
Screenshot 2021-05-01 1945401272×591 146 KB

Edit: Apologise for my quality for the screenshot or for the whole topic, I’ll try to improve better.

#2

Couldn’t you just make 2 frames, one at the top and one at the bottom, then colour them to be black?

#3

So you would like to make the frames go in and out?

#4

Unfortunately, it won’t work, but only for the bottom. I’ll edit this reply and show what I mean. Screenshot 2021-05-01 200345

Here is the footage

#5

You’d probably have to change the AnchorPoint property.

One frame would be like,
Size = 1,0,0.05,0
Position = 0,0,0,-36
AnchorPoint = 0,0

And the other would be

Size = 1,0,0.05,0
Position = 0,0,1,0
AnchorPoint = 0,1

#6

I’m a bit new into UI’s and all that, but does “in and out” something has to do with Tweening?

#7

Yeah, you’d have to offset it 36 pixels to take into account the space the TopBar takes.

#8

May I ask which frame is this:

And which frame is this

#9

If you never used tween service, i recommend you this video.

Since tween service is a really useful, it can animate most of the properties of an object.

#10

Doesn’t matter. One frame should have one set of properties, the other should have the other set of properties.

#11

Do you mean letterboarding? That’s what the black bars are called.

1 Like
#12

I’m new into tweening and all that and I’m a bit aware of some structures of it, but thank you for the video and tip!

#13

Letterboarding is exactly what I needed, is there perhaps a tutorial for that? But @7z99 tip was also useful

#14

I mean, is this an animation? 30

#15

Well technically not an animation, but there are pretty much cutscenes in my game.

#16

I have no idea how to do it other than in an animation

#17

Try enabling " IgnoreGuiInset" on the GUI

#18

its a gui animation dude.
Come on

#19

I’ll try that, and edit my reply.

Edit: It worked! Thank you a lot

1 Like
#20

You could have only say “It’s a gui animation.” Without that “dude” or “Come on” or something similar. I’m new into UI and all that :man_shrugging: