How To Make GUI In Roblox Studio

Поделиться
HTML-код
  • Опубликовано: 1 фев 2025

Комментарии • 153

  • @Paul1555WasTaken
    @Paul1555WasTaken Год назад +25

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

  • @TheWayManREAL
    @TheWayManREAL Год назад +2

    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!

  • @RomanDev17
    @RomanDev17 Год назад +42

    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
      @uncopylockedv3 Год назад +3

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

    • @JackiBoomer2
      @JackiBoomer2 Год назад

      ?@@uncopylockedv3

    • @doctoroftardis5135
      @doctoroftardis5135 11 месяцев назад +2

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

    • @shanahmed3860
      @shanahmed3860 6 месяцев назад +2

      it did help ALOT!😁😁😁😁😁😁

  • @_rayzz
    @_rayzz Год назад +2

    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
    @idontrememberasking1426 Год назад +4

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

  • @mythicalgamer4823
    @mythicalgamer4823 7 месяцев назад

    Absolute life saver WOW you explained everything perfectly while going on a suitable pace 10/10 TYSM

  • @GalaxyG13
    @GalaxyG13 Год назад +4

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

  • @colorcode4187
    @colorcode4187 Месяц назад

    Thank you so much, this is suuuuuper helpful for learning Roblox Studio as well as super awesome looking!

  • @ethanvasnarungruengkul
    @ethanvasnarungruengkul Год назад +7

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

    • @BenjiSuppaDoggo
      @BenjiSuppaDoggo 6 месяцев назад

      if you dont pay theres a limit per day

  • @thunderpig8846
    @thunderpig8846 Год назад +4

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

  • @nexus-qr3ug
    @nexus-qr3ug 3 месяца назад +1

    just so you know, if you guys dont wanna do all of this work, you can go ahead and insert a Ui corner to the place or UI you want it to be in and then change the UI radius to like 1 or .9 and it will look kinda of like his but not as good

  • @elch1s
    @elch1s Год назад +3

    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!

  • @L4mme
    @L4mme Год назад +6

    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
      @FaKe_Bigmack 10 месяцев назад

      Or just use a private tab

    • @786SaqibGaming
      @786SaqibGaming 2 месяца назад

      bro cmon just use guest mode when use 3 just close and use again lol ahahhaha ez smart work

    • @NormalVoidSucks
      @NormalVoidSucks 25 дней назад

      ima see if incognito works

  • @AnonymousRBLX
    @AnonymousRBLX 9 месяцев назад

    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.

  • @CaelmDev
    @CaelmDev Год назад +43

    what happened to uistrokes and uicorners

    • @RomanDev17
      @RomanDev17 Год назад +8

      and UIGradient

    • @ZorezGamingYT
      @ZorezGamingYT Год назад +1

      Best ones

    • @Wertyhappy27
      @Wertyhappy27 Год назад +4

      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
      @lua_programmer Год назад +1

      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
      @ZaragYT Год назад +1

      RIP💀😭

  • @lilmcbuddy
    @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!

  • @DrawalongIsaac
    @DrawalongIsaac Месяц назад

    to rotate you clik on home then there is four main options: Select, Move, Scale and then there is rotate
    then you clik on that and you can rotate any objectes

  • @Oliq_
    @Oliq_ Год назад +1

    nice, imma need this later!

  • @justtiggerrr
    @justtiggerrr Год назад

    Great Vid! I learnt a lot, thank you

  • @Unknown-UserZ3gFsmT987s3
    @Unknown-UserZ3gFsmT987s3 Год назад

    This was so helpful tysm ❤ earned my sub

  • @officialbaconprodigy
    @officialbaconprodigy 10 месяцев назад

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

  • @JaxsonMM2
    @JaxsonMM2 4 месяца назад

    Tysm!!It helped alot😊😊😊

  • @XarriLove
    @XarriLove Год назад +2

    Nice Videos I'm A Developer Myself

    • @CaelmDev
      @CaelmDev Год назад +3

      aren’t we all

  • @manutdedits7
    @manutdedits7 Год назад +1

    you deserve a sub!

  • @ft3r
    @ft3r 6 месяцев назад

    Thank you very much for the turorial, but I have a question: Is there a website on wich you can create great vectors urself? (cuz im poor)

  • @GsDevStudio
    @GsDevStudio 11 месяцев назад +1

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

  • @BuddyLords
    @BuddyLords Год назад +1

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

  • @OfficialNormalPerson
    @OfficialNormalPerson Год назад +1

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

  • @ryanboswell5630
    @ryanboswell5630 9 месяцев назад

    You can rotate ur by changing the rotation property

  • @KwentykGG
    @KwentykGG 10 месяцев назад

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

  • @RoTfm
    @RoTfm 7 месяцев назад

    You can rotate ui in roblox studio by going into the properties on the ui and then click on filter properties than type in rotate!

  • @wverbrug1
    @wverbrug1 Год назад +1

    can you explain how you made the hovermake it smaller?

  • @noam9208
    @noam9208 Год назад +1

    Can you make a tutorial on how to make scrolling gui

  • @RobertDunlap-l8c
    @RobertDunlap-l8c Год назад +2

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

  • @shanahmed3860
    @shanahmed3860 8 месяцев назад

    tysm i will use this in my game.

  • @tran_quish
    @tran_quish Год назад +1

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

    • @StarsDeveloper
      @StarsDeveloper Год назад

      No these are actually paid RHOSGFX Vectors

  • @Dev_Warriors
    @Dev_Warriors Год назад +1

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

  • @mozatube2682
    @mozatube2682 7 месяцев назад

    It's it's it's 🎉 PERFECT 🎉

  • @ChasePlayzz
    @ChasePlayzz Год назад +1

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

    • @grubresells
      @grubresells Год назад

      Make sure your game is published👍🏼

    • @batzorigyura882
      @batzorigyura882 Год назад

      @@grubresells thanks bro i was confused for 1 day

  • @Sompoee
    @Sompoee 6 месяцев назад

    to rotate in roblox studio, click properties and type in rotate.

  • @Krma_Ace
    @Krma_Ace 4 месяца назад

    At 4:51 when he uses the gradient instead of my gradient only filling the button it fills the whole screen. How do I fix this?

    • @LoganBlockx
      @LoganBlockx 3 месяца назад

      Ok so you need to right click the gradient layer then in blend mode click multiply this should only fill the button or what ever your doing and there should be a light shade in the rest of the image. in order to delete that so its completly transperent select the button click select then click pixels and then click the gradient layer. Then click inverted selection and then delete

  • @ZorezGamingYT
    @ZorezGamingYT Год назад

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

  • @pierrotlebauju3703
    @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

  • @TheMayhemGaming9405
    @TheMayhemGaming9405 Год назад +1

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

  • @Bee-hn9pz
    @Bee-hn9pz 8 месяцев назад

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

  • @Xshard-yf4xb
    @Xshard-yf4xb 10 месяцев назад

    There is a rotate property on every ui in studio

  • @ProbloxxYT
    @ProbloxxYT 6 месяцев назад

    great tutorial but png files arent vectors

  • @Hiroyuo
    @Hiroyuo Месяц назад

    Adjustement in pixlr E is notz available for me. When i click on it everthing is grayed out

  • @SethJones-w4i
    @SethJones-w4i 5 месяцев назад

    you need the
    plus for outline

  • @debestevanal
    @debestevanal Год назад

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

  • @RobloxOneMinuteDev
    @RobloxOneMinuteDev 7 месяцев назад

    when I select multiply, my gui bar thingy in the beggining, iit turns transparent

  • @rico-w2g
    @rico-w2g 7 месяцев назад

    When i need to add the image the thing dose not pop up to where it says add new image. How do i make it pop up to add a new image?

    • @arvikz
      @arvikz 7 месяцев назад

      save the game

  • @Real_Benjo
    @Real_Benjo Год назад

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

  • @minbajunid
    @minbajunid 7 месяцев назад +1

    Ilove it

  • @toppyfnuppy758
    @toppyfnuppy758 Год назад

    You Can rotate it in the properties

    • @toppyfnuppy758
      @toppyfnuppy758 Год назад

      The rotation under size i Think or under position

  • @Jojoblazed3636
    @Jojoblazed3636 9 месяцев назад

    A dusty trip van tutorial

  • @MrHalal-n3z
    @MrHalal-n3z Год назад

    How do you make the Background Like the basplate?

  • @Magicz.
    @Magicz. Год назад

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

  • @user-pg3lv6yf9u
    @user-pg3lv6yf9u Год назад

    hi you are so cool bro

  • @T0X1C272
    @T0X1C272 6 месяцев назад

    Why don’t my text button open the image label?

  • @Sharkie_Moon
    @Sharkie_Moon 10 месяцев назад

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

  • @conflictxd
    @conflictxd 7 месяцев назад

    my outline doesn’t work
    It’s not showing up

  • @dddddd-hc2lg
    @dddddd-hc2lg 10 месяцев назад

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

  • @elfyblox
    @elfyblox Год назад

    where is the filter button sir

  • @airbusontop73
    @airbusontop73 Год назад

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

  • @eternallydoomed.
    @eternallydoomed. 10 месяцев назад

    how do i script it so the buttons work though?

  • @Frank_3
    @Frank_3 8 месяцев назад

    Where can I download vectors?

  • @viggolindedal4107
    @viggolindedal4107 Год назад

    how do you add in a image to pixlr e?

  • @emiixqq
    @emiixqq Год назад

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

  • @HaruuAnimation
    @HaruuAnimation Год назад

    why I can't open adjustment?

  • @dynastykingthereal
    @dynastykingthereal 6 месяцев назад

    21:38 doesnt work, where is my rope fr ?

  • @tonipu100
    @tonipu100 Год назад

    ty

  • @Monkeyxcool
    @Monkeyxcool Год назад

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

  • @BindingBlastSB
    @BindingBlastSB Год назад

    7:33 If I click, nothing happens. 😢

  • @askingplayzyt
    @askingplayzyt Год назад

    how you make it scrollable???

  • @Qu1ckTap
    @Qu1ckTap Год назад

    Tysm

  • @イタトロ
    @イタトロ Год назад

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

  • @ΙΜΜυΝΙΤΥ
    @ΙΜΜυΝΙΤΥ Год назад

    photopea on top

  • @ZaragYT
    @ZaragYT Год назад +5

    I liked my own comment

  • @csupapi.
    @csupapi. 6 месяцев назад

    NOT WORKING BRO THE IMAGE LABEL

    • @cxdengotnext
      @cxdengotnext 6 месяцев назад

      save the game and reload it

  • @FoxoDFluff
    @FoxoDFluff Год назад

    the outline doesnt work

  • @IronKidOfficial
    @IronKidOfficial 3 месяца назад

    15:45

  • @watamelon_catYT
    @watamelon_catYT Месяц назад

    oh comeon i dont wanna spend MONEY

  • @ghostyzzzz
    @ghostyzzzz 8 месяцев назад

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

  • @IronKidOfficial
    @IronKidOfficial 3 месяца назад

    12:02

  • @c0nfusedp3ngu
    @c0nfusedp3ngu 10 месяцев назад

    ok

  • @CMgamer022
    @CMgamer022 6 месяцев назад

    "Gahead"

  • @unrequit3d
    @unrequit3d 5 месяцев назад

    How to make a GUI in Roblox Studio:
    Minimize Roblox Studio and open Figma.

  • @SuspectDta
    @SuspectDta 9 месяцев назад

    Sounds like myusername this

  • @actionpacked306
    @actionpacked306 6 месяцев назад

    Just type rotate

  • @Captain_ZER0
    @Captain_ZER0 Год назад

    Me who has photoshop: 😐

  • @BenjaminGaming2000
    @BenjaminGaming2000 8 месяцев назад

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

  • @armaangaminguk
    @armaangaminguk 6 месяцев назад

    I'm not paying $15 for icons

    • @T0X1C272
      @T0X1C272 6 месяцев назад

      Who’s making you?

  • @eo_vgbndkkj2868
    @eo_vgbndkkj2868 Год назад

    Faz mapa pra mim pls

  • @ZimnyDev
    @ZimnyDev Год назад +1

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

  • @VilnisMucenieks
    @VilnisMucenieks 9 месяцев назад

    bruh it is

  • @garrettferguson1160
    @garrettferguson1160 11 месяцев назад

    pixlr/e/

  • @sadge6430
    @sadge6430 Год назад

    sda

  • @N00B-Donos
    @N00B-Donos Год назад +2

    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)

  • @teamr3b794
    @teamr3b794 7 месяцев назад

    why cant i import it i dont have the thing where it pops up and lets me import