How To Make GUI In Roblox Studio

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 มิ.ย. 2024
  • This is how to make good looking gui in roblox studio
    Twitter: / kingkade_
    Discord: / discord

ความคิดเห็น • 119

  • @TheWayManREAL
    @TheWayManREAL 7 หลายเดือนก่อน +1

    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!

  • @_rayzz
    @_rayzz 5 หลายเดือนก่อน +1

    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 8 หลายเดือนก่อน +3

    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 วันที่ผ่านมา

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

  • @I_love_myself_550
    @I_love_myself_550 7 หลายเดือนก่อน +1

    this looks so nice and clean tysm😍

  • @RomanDev17
    @RomanDev17 8 หลายเดือนก่อน +31

    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 7 หลายเดือนก่อน +1

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

    • @JackiBoomer2
      @JackiBoomer2 6 หลายเดือนก่อน

      ?@@uncopylockedv3

    • @doctoroftardis5135
      @doctoroftardis5135 4 หลายเดือนก่อน

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

  • @justtiggerrr
    @justtiggerrr 8 หลายเดือนก่อน

    Great Vid! I learnt a lot, thank you

  • @Unknown-UserZ3gFsmT987s3
    @Unknown-UserZ3gFsmT987s3 8 หลายเดือนก่อน

    This was so helpful tysm ❤ earned my sub

  • @TopGFadee
    @TopGFadee 8 หลายเดือนก่อน +4

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

  • @NKbuzz
    @NKbuzz 8 หลายเดือนก่อน +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!

  • @lilmcbuddy
    @lilmcbuddy 6 หลายเดือนก่อน

    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!

  • @Paul1555WasTaken
    @Paul1555WasTaken 7 หลายเดือนก่อน +9

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

  • @thunderpig8846
    @thunderpig8846 8 หลายเดือนก่อน +3

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

  • @Oliq_
    @Oliq_ 8 หลายเดือนก่อน

    nice, imma need this later!

  • @HubuVGEditzz
    @HubuVGEditzz 7 หลายเดือนก่อน +1

    you deserve a sub!

  • @user-zt1pc7ln3j
    @user-zt1pc7ln3j 6 หลายเดือนก่อน +7

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

  • @ryanboswell5630
    @ryanboswell5630 2 หลายเดือนก่อน

    You can rotate ur by changing the rotation property

  • @AnonymousRBLX
    @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.

  • @ZorezGamingYT
    @ZorezGamingYT 8 หลายเดือนก่อน

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

  • @BaconDeveloperYT
    @BaconDeveloperYT 2 หลายเดือนก่อน

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

  • @shanahmed3860
    @shanahmed3860 หลายเดือนก่อน

    tysm i will use this in my game.

  • @wverbrug1
    @wverbrug1 8 หลายเดือนก่อน +1

    can you explain how you made the hovermake it smaller?

  • @AsothEditz
    @AsothEditz 4 หลายเดือนก่อน +3

    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

  • @OfficialNormalPerson
    @OfficialNormalPerson 7 หลายเดือนก่อน

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

  • @KwentykGG
    @KwentykGG 2 หลายเดือนก่อน

    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 16 วันที่ผ่านมา

    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!

  • @buddylords
    @buddylords 5 หลายเดือนก่อน +1

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

  • @itzjustdudes
    @itzjustdudes 5 หลายเดือนก่อน +4

    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 2 หลายเดือนก่อน

      Or just use a private tab

  • @Real_Benjo
    @Real_Benjo 7 หลายเดือนก่อน

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

  • @pierrotlebauju3703
    @pierrotlebauju3703 8 หลายเดือนก่อน

    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

  • @GsDevStudio
    @GsDevStudio 4 หลายเดือนก่อน +1

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

  • @CaelmDev
    @CaelmDev 8 หลายเดือนก่อน +35

    what happened to uistrokes and uicorners

    • @RomanDev17
      @RomanDev17 8 หลายเดือนก่อน +5

      and UIGradient

    • @ZorezGamingYT
      @ZorezGamingYT 8 หลายเดือนก่อน

      Best ones

    • @Wertyhappy27
      @Wertyhappy27 8 หลายเดือนก่อน +1

      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 7 หลายเดือนก่อน +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 7 หลายเดือนก่อน +1

      RIP💀😭

  • @noam9208
    @noam9208 7 หลายเดือนก่อน +1

    Can you make a tutorial on how to make scrolling gui

  • @KlondiBo
    @KlondiBo 8 หลายเดือนก่อน +2

    Nice Videos I'm A Developer Myself

    • @CaelmDev
      @CaelmDev 8 หลายเดือนก่อน +3

      aren’t we all

  • @Magicz.
    @Magicz. 7 หลายเดือนก่อน

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

  • @Dev_Warriors
    @Dev_Warriors 8 หลายเดือนก่อน +1

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

  • @tonipu100
    @tonipu100 7 หลายเดือนก่อน

    ty

  • @TowelsRB
    @TowelsRB 8 หลายเดือนก่อน

    Tysm

  • @Xshard-yf4xb
    @Xshard-yf4xb 3 หลายเดือนก่อน

    There is a rotate property on every ui in studio

  • @Bee-hn9pz
    @Bee-hn9pz หลายเดือนก่อน

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

  • @coreykamil5206
    @coreykamil5206 15 วันที่ผ่านมา

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

  • @monkedinke
    @monkedinke 7 หลายเดือนก่อน +1

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

    • @StarsDeveloper
      @StarsDeveloper 6 หลายเดือนก่อน

      No these are actually paid RHOSGFX Vectors

  • @AlexRbx737
    @AlexRbx737 4 หลายเดือนก่อน

    How do you make the Background Like the basplate?

  • @Jojoblazed3636
    @Jojoblazed3636 หลายเดือนก่อน

    A dusty trip van tutorial

  • @eternallydoomed.
    @eternallydoomed. 2 หลายเดือนก่อน

    how do i script it so the buttons work though?

  • @ChasePlayzz
    @ChasePlayzz 7 หลายเดือนก่อน +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? -_-

    • @vitzyee3054
      @vitzyee3054 7 หลายเดือนก่อน

      Make sure your game is published👍🏼

    • @batzorigyura882
      @batzorigyura882 6 หลายเดือนก่อน

      @@vitzyee3054 thanks bro i was confused for 1 day

  • @MarvelAnchor
    @MarvelAnchor 7 หลายเดือนก่อน

    photopea on top

  • @SnowWorld-kb1bi
    @SnowWorld-kb1bi 22 วันที่ผ่านมา

    Bro u can use Adobe illustrator

  • @toppyfnuppy758
    @toppyfnuppy758 7 หลายเดือนก่อน

    You Can rotate it in the properties

    • @toppyfnuppy758
      @toppyfnuppy758 7 หลายเดือนก่อน

      The rotation under size i Think or under position

  • @teamr3b794
    @teamr3b794 9 วันที่ผ่านมา

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

  • @debestevanal964
    @debestevanal964 6 หลายเดือนก่อน

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

  • @user-gm9bw3hl3r
    @user-gm9bw3hl3r 7 หลายเดือนก่อน +1

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

  • @TheMayhemGaming9405
    @TheMayhemGaming9405 7 หลายเดือนก่อน +1

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

  • @Frank_3
    @Frank_3 27 วันที่ผ่านมา

    Where can I download vectors?

  • @dddddd-hc2lg
    @dddddd-hc2lg 2 หลายเดือนก่อน

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

  • @elfyblox
    @elfyblox 8 หลายเดือนก่อน

    where is the filter button sir

  • @sussyxmonke
    @sussyxmonke 6 หลายเดือนก่อน

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

  • @Sharkie_Moon
    @Sharkie_Moon 2 หลายเดือนก่อน

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

  • @user-sx6bd5ez8n
    @user-sx6bd5ez8n 7 หลายเดือนก่อน

    why I can't open adjustment?

  • @user-gb1mz4cf1f
    @user-gb1mz4cf1f 6 หลายเดือนก่อน

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

  • @c0nfusedp3ngu
    @c0nfusedp3ngu 2 หลายเดือนก่อน

    ok

  • @viggolindedal4107
    @viggolindedal4107 5 หลายเดือนก่อน

    how do you add in a image to pixlr e?

  • @conflictxd
    @conflictxd 6 วันที่ผ่านมา

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

  • @SuspectDta
    @SuspectDta 2 หลายเดือนก่อน

    Sounds like myusername this

  • @emiixqq
    @emiixqq 7 หลายเดือนก่อน

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

    • @Jsteelo4839
      @Jsteelo4839 6 หลายเดือนก่อน

      That’s what happens to me

  • @ZaragYT
    @ZaragYT 7 หลายเดือนก่อน +4

    I liked my own comment

  • @tails_animations...
    @tails_animations... 6 หลายเดือนก่อน

    the outline doesnt work

  • @askingplayzyt
    @askingplayzyt 8 หลายเดือนก่อน

    how you make it scrollable???

    • @1Xyzilo
      @1Xyzilo 8 หลายเดือนก่อน

      a scroll frame instead of a normal frame

  • @airbusontop73
    @airbusontop73 7 หลายเดือนก่อน

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

    • @Nubs2112Official
      @Nubs2112Official 6 หลายเดือนก่อน

      same

    • @airbusontop73
      @airbusontop73 6 หลายเดือนก่อน

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

    • @Nubs2112Official
      @Nubs2112Official 6 หลายเดือนก่อน

      yuh, i figured that out@@airbusontop73

  • @eo_vgbndkkj2868
    @eo_vgbndkkj2868 7 หลายเดือนก่อน

    Faz mapa pra mim pls

  • @Captain_ZER0
    @Captain_ZER0 7 หลายเดือนก่อน

    Me who has photoshop: 😐

  • @sadge6430
    @sadge6430 7 หลายเดือนก่อน

    sda

  • @VilnisMucenieks
    @VilnisMucenieks 2 หลายเดือนก่อน

    bruh it is

  • @oleklipinski93
    @oleklipinski93 7 หลายเดือนก่อน

    7:33 If I click, nothing happens. 😢

  • @garrettferguson1160
    @garrettferguson1160 3 หลายเดือนก่อน

    pixlr/e/

  • @BenjaminGaming20
    @BenjaminGaming20 29 วันที่ผ่านมา

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

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

  • @ZimnyDev
    @ZimnyDev 8 หลายเดือนก่อน +1

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

  • @SubToCookiesPlayzRoblox
    @SubToCookiesPlayzRoblox 7 หลายเดือนก่อน

    hi you are so cool bro

  • @Money_make19
    @Money_make19 7 หลายเดือนก่อน +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)

  • @dddddd-hc2lg
    @dddddd-hc2lg 2 หลายเดือนก่อน

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