ImageLabel tween isn't working properly

Help and Feedback Scripting Support
#1

Hello! I’m trying to tween an ImageLabel, that is basically a text with a custom font, because roblox fonts sucks. But there’s one problem, the images did not tween the transparency smoothly like it would do with a TextLabel or Frame. I think that’s because the images aren’t loaded yet, but i’m not sure, because they are visible all the time.
Btw here’s the code:

local note = script.Parent.Note
local TweenService = game:GetService('TweenService')

	TweenService:Create(
		note, 
		TweenInfo.new(2), 
		{ImageTransparency = 1} 
	):Play()
#2

Use a repeat until loop and just :TweenPosition ?

repeat note.ImageTransparency += 1 until note.ImageTransparency >= 1

and just

local pos = 0.5,0, 0.5,0
note:TweenPosition(UDim2.new(pos))
#3

Maybe try this instead?

local TweenService = game:GetService("TweenService")

local note = script.Parent:WaitForChild("Note")
local info = TweenInfo.new(2)

local tween = TweenService:Create(note, info, {ImageTransparency = 1})
tween:Play()
#4

OP is wanting to tween the image’s transparency, not its position.

#5

Tween? Just repeat until loop it then. lol

#6 
repeat
    note.ImageTransparency += number
    wait(number)
until note.ImageTransparency >= 1

vs

local tween = TweenService:Create(note, info, {ImageTransparency = 1)
tween:Play()

Not only does it use fewer lines of code and is easier to manage, it is also better practice to use TweenService when animating the properties of an Instance. There are also more possibilities when using tweens rather than loops, for instance the ability to utilize EasingDirection and EasingStyle. And another thing to note, OP wants this tween to last 2 seconds:

So, to figure out how to make the animation last 2 seconds in a loop, you would have to figure out how to increment that property and how to time the loop iterations to meet that goal while still maintaining the smoothness of the animation. That’s something TweenService does for you.