Tips on manipulating gui's?

So, I was playing a game, and I saw that at the start of it, it had this really cool gui animation. It broke a big gui into little parts, and scrambled them up. Then it put them back together again. So I was wondering, would it be best to use tons of little gui's, or somehow cut them up. And then, would I use seperate tweenings for each of them? Also, it was an image label(I think) and cutting that might be hard.

Well, I would split up a frame into smaller frames much like Mad Games does. You can actually carve a letter out of frames by using an unusual method which is what Mad Games does

Here is what Mad Games does:

local code = {
	"1111111111",
	"1111111111",
	"1100110011",
	"1100110011",
	"1100110011",
	"1100110011",
	"1100000011",
	"1100000011",
	"1100000011",
	"1100000011",
}

local partics = {}
for y, str_lin in pairs(code) do
	for x = 1, str_lin:len() do
		if str_lin:sub(x, x) == "1" then
			local n_p = Instance.new("Frame")
			n_p.BorderSizePixel = 0
			n_p.Size = UDim2.new(0, 20, 0, 20)
			n_p.BackgroundColor3 = Color3.new(0, 0, 0)
			n_p.Position = UDim2.new(0, (x - 1) * 20, 0, (y - 1) * 20)
			n_p.Parent = letter
			
			local orig_pos = Vector2.new((x - 1) * 20, (y - 1) * 20)
			local shaker = Shake2D(1000, 0.95, 400)
			
			table.insert(partics, {n_p, orig_pos, shaker})
		end
	end
end

use the number one to represent the word that you would like to use. then it would just be a simple move and replace-type function.