How To Make GUI In Roblox Studio

This is how to make good looking gui in roblox studio
Twitter: / kingkade_
Discord: / discord

[@TheWayManREAL]

Welcome back, this video is awesome. Look forward to more free kit stuff as well been fun watching those videos. No pressure, but keep uploading!

[@Roman99SK]

okay so I didnt think I would be typing this much but: 1. the difference between save and export is that you can edit exported but you cant edit saved (I just learned this recently) 2. you can rotate things in studio in the properties tab "Rotation" 3. to change the size of stroke in studio use UIStroke 4. to scale UI easily and automatically for all devices use plugin called "AutoScale" and click unit conversion and then click scale for both position and size *I hope this helps!*

[@uncopylockedv3]

do you know how i put the luckiest guy font when i put start changing font but dont put

[@JackiBoomer2]

?@@uncopylockedv3

[@doctoroftardis5135]

Yeah that’s true glad they made some plugins usable for mobile devices

[@_rayzz]

Nice video ! ig you deserve more than 4k subs for real but 1+ you have explain everything to the last details it was perfect

[@idontrememberasking1426]

I learnt from your other videos and honestly it was really helpful, I also never knew of pixlr E so thanks so much

[@idontrememberasking1426]

@@CrunchyPlayz oh lol I meant learned

[@I_love_myself_550]

this looks so nice and clean tysm😍

[@TopGFadee]

9:36 there is a way to rotate it, go to where position is, and look under it!

[@Paul1555WasTaken]

Guys if you click the "image" and no ui pops up like 7:35 does then you must publish the game to roblox first

[@fmathias_4530]

Thank you.

[@giovanniorsinideandrade1400]

bro thank you so much

[@axiompro123]

legend tysm

[@Unknown-UserZ3gFsmT987s3]

This was so helpful tysm ❤ earned my sub

[@user-zt1pc7ln3j]

I prefer photopea. It’s photoshop but free and has the same thing. It can export a lot with no limit

[@justtiggerrr]

Great Vid! I learnt a lot, thank you

[@lilmcbuddy]

Thanks! i am definitely going to save this for later, I’m making a game about spooderman but there will be skins so thats what in using it for!

[@NKbuzz]

Cool Video! Just a little tip, to change the size of the Text Outline, inside the TextLabel, add a UIStroke and that will make it so you can make the outline/stroke bigger!

[@AsothEditz]

Whenever I click on the Image like in 21:38 it doesn't work, instead it makes a rename type thing? if that makes sense, please help me out

[@thunderpig8846]

To rotate an UI you have to go to the property menu and look for rotation

[@Oliq_]

nice, imma need this later!

[@HubuVGEditzz]

you deserve a sub!

[@BaconDeveloperYT]

there is a property in the gui called Rotation, you can put it to like 45 and then it willwork

[@shanahmed3860]

tysm i will use this in my game.

[@AnonymousRBLX]

To rotate the image, you have to put it into a frame as a container, make the frame invisible, and then rotate the frame itself.

[@itzjustdudes]

Quick tip to save more than 3 per day, after you have used up 3 already, then just clear your search history, data, and cache. which restarts your free saves. Your welcome!!

[@FaKe_Bigmack]

Or just use a private tab

[@ZorezGamingYT]

Yes you can rotate in Roblox studio, however sometimes get pixels issue.

[@ryanboswell5630]

You can rotate ur by changing the rotation property

[@KwentykGG]

to rotate gui use propertions then search rotation there will be rotation then you can change and dont use your pictures per day :)

[@wverbrug1]

can you explain how you made the hovermake it smaller?

[@OfficialNormalPerson]

TO CUT EXTRA BACKGROUND OFF A MUCH EASIER WAY: Go to "Page" on the top Then click "Trim"

[@noam9208]

Can you make a tutorial on how to make scrolling gui

[@Dev_Warriors]

KingKade 3D can you make a video on making realistic GUI.

[@buddylords]

When I try to add the second plus button it doesn’t work when I hover my mouse over it

[@GsDevStudio]

just search rotation in properties, but it rotates all the image

[@Magicz.]

If im doing ui comms i dont need to make scripts for the ui right?

[@CaelmDev]

what happened to uistrokes and uicorners

[@Roman99SK]

and UIGradient

[@ZorezGamingYT]

Best ones

[@Wertyhappy27]

they still exist and are fine to use, but it is better to mainly use custom elements as you wont have as many instances, as they will end up taking up more memory

[@lua_programmer]

They are good for most cases, but UI designers tend to use their own stuff and make it incapable to customize(meaning they export with color and not 100% white) Also for rotating things it will be better. I don't abide by those rules because there are way too many sizing factors to take in and I prefer being able to scale everything, while maintaining sharper images.

[@ZaragYT]

RIP💀😭

[@pierrotlebauju3703]

Hi i looked this video because i was sunscribed and not because i want to make ui but next time rotate the crystal in studio with ImageRotation in the parameter have a great day

[@Real_Benjo]

if you wanna rotate pics just go to the pic and search rotation

[@CalmingUnboxing]

Nice Videos I'm A Developer Myself

[@CaelmDev]

aren’t we all

[@Bee-hn9pz]

tutorial on how to make 3d text pls because its not the same as how we were doing

[@Xshard-yf4xb]

There is a rotate property on every ui in studio

[@Jojoblazed3636]

A dusty trip van tutorial

[@TowelsRB]

Tysm

[@tonipu100]

ty

[@AlexRbx737]

How do you make the Background Like the basplate?

[@monkedinke]

KingKade, Is There A Website Or Channel That Gives Free Vectors?

[@StarsDeveloper]

No these are actually paid RHOSGFX Vectors

[@eternallydoomed.]

how do i script it so the buttons work though?

[@user-gm9bw3hl3r]

BRUH WHEN I WENT TO THE APP THE THING LITERALLY JUST DISSAPEARED AND IT WOULDNT COME BACK BRUH

[@Frank_3]

Where can I download vectors?

[@dddddd-hc2lg]

how do i make it so i can open and close the gui

[@Sharkie_Moon]

tried o design a coin but all of the features i need DONT EVEN WORK

[@ChasePlayzz]

whenever i press the image property in the image label, nothing happens. like i cant browse files and stuff like that. how to fix? -_-

[@vitzyee3054]

Make sure your game is published👍🏼

[@batzorigyura882]

@@vitzyee3054 thanks bro i was confused for 1 day

[@MarvelAnchor]

photopea on top

[@elfyblox]

where is the filter button sir

[@user-sx6bd5ez8n]

why I can't open adjustment?

[@TheMayhemGaming9405]

When I click image it doesn’t show the thing where I can insert my gui I made on pixel e

[@batzorigyura882]

Same

[@luvmariaaatopanimaltesting8217]

Someone else said to publish the game first! ❤️

[@sussyxmonke]

i consent click image it doesn't let me. add it

[@toppyfnuppy758]

You Can rotate it in the properties

[@toppyfnuppy758]

The rotation under size i Think or under position

[@c0nfusedp3ngu]

ok

[@SuspectDta]

Sounds like myusername this

[@tails_animations...]

the outline doesnt work

[@debestevanal964]

Okay but why is no one talking on how good this video is, he really nailed it!

[@viggolindedal4107]

how do you add in a image to pixlr e?

[@eternallydoomed.]

drag and drop the file

[@emiixqq]

It won't let me click add image for some reason it just deletes the link

[@Jsteelo4839]

That’s what happens to me

[@user-gb1mz4cf1f]

彼はグラデーションの肝心なところを説明していない

[@askingplayzyt]

how you make it scrollable???

[@1Xyzilo]

a scroll frame instead of a normal frame

[@ZaragYT]

I liked my own comment

[@taythegamedev]

When i click image it just selects the url at 7:35

[@Nubs2112Official]

same

[@taythegamedev]

@@Nubs2112Official You have to save it to roblox for it to work! I made that mistake

[@Nubs2112Official]

yuh, i figured that out@@taythegamedev

[@ghostyzzzz]

Bro you cannot do a proper tutorial always cuts cuts cuts cuts what the hell are we suppose to do while you’re cutting

[@Captain_ZER0]

Me who has photoshop: 😐

[@eo_vgbndkkj2868]

Faz mapa pra mim pls

[@BenjaminGaming20]

this is bad because i use all my saves i need to buy it to get saves

[@oleklipinski93]

7:33 If I click, nothing happens. 😢

[@batzorigyura882]

Same

[@VilnisMucenieks]

bruh it is

[@sadge6430]

sda

[@garrettferguson1160]

pixlr/e/

[@ZimnyDev]

I have seen this video from slicedmelon yt channel bruh u unoriginal

[@SubToCookiesPlayzRoblox]

hi you are so cool bro

[@Money_make19]

local CoinsLabel = script.Parent local function onCoinsChanged(newValue) CoinsLabel.Text = "Wins: " .. tostring(newValue) -- Change "Coins" to whatever you want your currency to be called end local player = game.Players.LocalPlayer local leaderstats = player:WaitForChild("leaderstats") local Coins = leaderstats:WaitForChild("Wins") onCoinsChanged(Coins.Value) Coins.Changed:Connect(function(newValue) onCoinsChanged(newValue) end)

[@dddddd-hc2lg]

how do i make it so i can open and close the gui