Hello! I need help with achieveing this sort of progress for guis like in “Pet go!”
I have the faded image, and the normal image now i just need to figure out how to make it like this.
I have tried using CanvasGroups but i couldn’t get it to work.
this isnt the right category for gui
Not the appropriate category but the solution to this would be using UI gradient and using its transparency properties
I don’t get the same result as shown.
What you would need to do is create a 2 duplicates of the image with the one at the back having a slight black tint to its image color plus a having it appear a little bit transparent.
Then, you want to apply a sort of transparency gradient to the image at the front by constructing a number sequence similar to what was shown above. If you need further help then feel free to ask!
Here is a demo of what the effect discussed above actually looks like (You might have to add 1 or so more number sequence point).
The transparency property of a UIGradient is a Number Sequence.