Zoom in on image without changing actual size

Help and Feedback Scripting Support
#1

Hi! Trying to make a team selection menu and I want to add a little effect to a background image of the button. (Right now a random GFX I found on Google)

Cropped it and got it to fit inside, set the ScaleType to Crop, and noticed that if I change the size on the Y axis I get exactly the desired effect, with the issue of the image actually going past the borders of the button.

ClipDescendants is not an option because of me using UICorner and anyway having a forced border around the button which is technically outside the boundaries.

I presume it can be achieved with specific properties in the Image category but I’m the least certified person on the planet when talking about those.

(Current settings)

image

Button with no effect

image
image256×541 44 KB

Effect I wish to achieve

image
image257×573 48.6 KB

Hope someone has a solution!

Edit: I swear I posted this in Art and Creation. Can a moderator move it if any issues appear?

1 Like
#2

If you had the image as a child of a frame you could have the frame clip descendants to only show the part of the image you want to see

1 Like
#3

Not a solution because of clipping issues when combined with UICorners.

1 Like
#4

Figured it out on my own.
ScaleType = Tile
And modify TileSize (Size not Offset) by the same number. Not exactly what I imagined but with a bit more tweaking I’m sure I can get it perfect! (1,0,1,0) to (1.1,0,1.1,0)