How To Make GUI | Roblox Studio

Поділитися
Вставка
  • Опубліковано 13 тра 2023
  • Twitter: / kingkade_
    Discord: / discord

КОМЕНТАРІ • 454

  • @MrHanzo12
    @MrHanzo12 3 дні тому +1

    Thank you so much! The tutorial was very helpful and I hope it is for many other people. Before this, I knew nothing about making UI
    I am more experienced thanks to you 😂🎉

  • @oojacoboo8993
    @oojacoboo8993 2 місяці тому +9

    Underrated. I wrote every single word you said out of your mouth, and I wrote it in a journal so that my friend Tristan and I could use it as a tutorial. Very impressive and short! Just enough time to fit in my schedule!

  • @user-dh6sq4kr9o
    @user-dh6sq4kr9o 5 місяців тому +5

    my guy so honest about not being able to script

  • @mrnoobyt3328
    @mrnoobyt3328 3 місяці тому +2

    Thanks bro! This helped alot

  • @XeoXp
    @XeoXp 10 місяців тому +15

    welp thank you i just had to rewatch it like 3 times and i understood it thank you

  • @ElectronsX
    @ElectronsX 2 місяці тому +1

    Great video, but I found it easier to just add the gradient object in studio

  • @Silent_Roblox
    @Silent_Roblox 8 місяців тому +14

    Bro your models are simply amazing

    • @LukezLolz
      @LukezLolz 4 місяці тому

      I got yt premium 😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂

    • @SwiftKey1t
      @SwiftKey1t 3 місяці тому +1

      @@nooberoony I did

    • @SwiftKey1t
      @SwiftKey1t 3 місяці тому +1

      @@LukezLolz did you get premium?>

    • @Vorxeer
      @Vorxeer 3 місяці тому +2

      bro no one cares lol.@@LukezLolz

  • @opfreak6550
    @opfreak6550 2 місяці тому +1

    If this guy was able to script he would make absolutely amazing games.

  • @yusufkouba2449
    @yusufkouba2449 Місяць тому

    Yo can u use these type of videos like gui and more to make a big series for a game. Would really appreciate it.😊🎉

  • @TR1SHA
    @TR1SHA 4 місяці тому +2

    if you're having trouble adding the image, make it a decal and copy and paste the id.

    • @idontevenknow3529
      @idontevenknow3529 4 місяці тому

      Where do you paste it? The texture?

    • @TR1SHA
      @TR1SHA 4 місяці тому

      if you search " image " it should come up and say something like placeholder.png, double click on that and you should be able to paste it there :)@@idontevenknow3529

  • @LytePlayz
    @LytePlayz 11 місяців тому +96

    DISCLAIMER: Sorry guys, this UA-camr uploaded another version of this video I think, so I don't think this will be worth reading for the time being.
    If you are having problems about the circle at 5:00, this comment will help you 100%
    1. Make the layer and backround into 1 (by merging the layers WITHOUT the other copy layer)
    2. Copy the merged layer and paste it again. You should have 2 merged layers.
    3. Do the same as the other banner you made.
    There you go! If you have problems, please tell me in the replies and i will answer them (if there is a anwser)
    Tutorial 2: How to make outlines WITHOUT actually having merge them all together on 5:00.
    1. Add a outline to the original layer for the circle and make the outline as much darkness as you like.
    2. Make the copy of the circle DARKER than the original outline. acting as the outline and the original one having the outline being the circle.

    • @TX_Huff
      @TX_Huff 10 місяців тому

      thanks

    • @RLBlackMsgic
      @RLBlackMsgic 10 місяців тому

      Thank you so much!

    • @seppmw5163
      @seppmw5163 10 місяців тому

      Why is the ui at the top not showing? nevermind I got it

    • @nahby
      @nahby 10 місяців тому

      W W YOUR A STRAIGHT W

    • @NotLeafy1
      @NotLeafy1 9 місяців тому

      I need help

  • @Modern_Electricity
    @Modern_Electricity 15 днів тому

    It only takes one good tutorial for me to start loving something new in roblox studio, first robuilder's blender tutorial and now your tutorial on gui and pixrl e !! 🔥

  • @NotObadaYT
    @NotObadaYT 8 місяців тому +8

    Bro You Don't Know How Much I need this THANKS FOR THE TUTORIAL

    • @LixYT0
      @LixYT0 5 місяців тому

      Bro it's idiot tutorial

    • @opfreak6550
      @opfreak6550 2 місяці тому

      @@LixYT0 You're just to stupid to understand it.

    • @dasslav3193
      @dasslav3193 2 місяці тому

      i also needed this i am making a "create a universe game"

    • @NotObadaYT
      @NotObadaYT 2 місяці тому

      oh ok good luck!@@dasslav3193

  • @BLACKSKULL797
    @BLACKSKULL797 3 місяці тому +3

    BRO I NEED THE SCRIPT NOT THE GUI, but it helped by the Pixlr so stil thanks❤‍🔥

  • @Arquade_YT
    @Arquade_YT Рік тому +8

    with the image label, it wont let me browse photos, i have put in a decal id.

    • @elfyblox
      @elfyblox Рік тому +1

      publish your game then

    • @user-tl5qx4kp7y
      @user-tl5qx4kp7y 11 місяців тому +1

      bruh same its so annoying

    • @elfyblox
      @elfyblox 11 місяців тому +1

      @@user-tl5qx4kp7y not really since all my games that I work on are published

    • @TopGFadee
      @TopGFadee 10 місяців тому

      fr i just had it@@user-tl5qx4kp7y

    • @idontevenknow3529
      @idontevenknow3529 4 місяці тому

      @@elfyblox What does that have to do with anything?

  • @TheSecondComing1207
    @TheSecondComing1207 2 місяці тому

    Thanks so much man I making a battlegrounds game and I wanted Character symbols.

    • @Septic_Goten
      @Septic_Goten Місяць тому

      Yo dude, I need help with a game and you making a battle ground game could help me out

    • @TheSecondComing1207
      @TheSecondComing1207 26 днів тому

      @@Septic_Goten yes I guess I aint the best like but sure

    • @TheSecondComing1207
      @TheSecondComing1207 26 днів тому

      @@Septic_Goten dont really know how to code but

  • @ChrismasMonkVR
    @ChrismasMonkVR 2 місяці тому

    How do I get the textures for the background of the menu

  • @official_crazed
    @official_crazed Рік тому +3

    nice vid

  • @s3m_id3iasecundaria
    @s3m_id3iasecundaria 3 дні тому +2

    If add image isnt appearing for you just publish the game that it will appear

  • @LOZgod3211
    @LOZgod3211 9 місяців тому +4

    I can’t change the hue and saturation on my shape does anyone know how to fix that?

    • @cesarecollegari353
      @cesarecollegari353 8 місяців тому

      You have to unite two different parts. You can do it with two same parts

    • @fye_4155
      @fye_4155 7 місяців тому

      merge the layers

  • @evarachel770
    @evarachel770 2 місяці тому +1

    my image doesnt show up in studio it just shows a white rectangle when i select it :/

  • @MarakSquires
    @MarakSquires Місяць тому

    i love it
    im subs

  • @zdeternalxz
    @zdeternalxz 14 днів тому

    ANOTHER BANGER

  • @AlimChess
    @AlimChess 10 місяців тому +9

    Seems I can't upload an image through the properties tab...
    So I can't make a GUI. Does anyone know how to fix this?

    • @shadow_gamer1310
      @shadow_gamer1310 10 місяців тому

      idk same thing is happining with me

    • @proVIP321
      @proVIP321 9 місяців тому

      idk too

    • @Elfy_vrs
      @Elfy_vrs 9 місяців тому

      Me too

    • @lobsterstudios5358
      @lobsterstudios5358 9 місяців тому

      I may be a bit late, but my solution to this problem was going to the create tab of the roblox website on google, then going to dashboard, then clicking on Development items and then clicking on decal. upload your decal to their and after you uploaded it, you should find your decal image somewhere. click on you decal image and there should be an id of a series of numbers on your website search bar, copy that and paste it in the image thingy. If you got the same problem as me, you should be able to write in there. You're welcome@@shadow_gamer1310

    • @TheyFw_Sc_clips
      @TheyFw_Sc_clips 9 місяців тому

      @@lobsterstudios5358tysm

  • @clicoFN
    @clicoFN Місяць тому

    bruh i got so lost on inute 5 when he just skipped the circkle paret now i dont know what to do anymore

  • @user-hl7lq3vh3g
    @user-hl7lq3vh3g 4 місяці тому +1

    very good i only had to start 11 times again from the start so it was very easy to follow also very slow for us to know

  • @sudopyt
    @sudopyt 7 місяців тому +1

    There is no "Properties" in the explore tab when i click the Gui thing

  • @burnhuman7116
    @burnhuman7116 6 місяців тому

    When I press image it doesn’t go to add file thing

  • @PotatoPals-AU
    @PotatoPals-AU 4 місяці тому

    is it different now? my screen looks different it's at the top of my screen

  • @speedbuddy_playz-yt
    @speedbuddy_playz-yt 24 дні тому

    HOW DO U DELETE THE OUT SIDES=========================================================================================================================================================================================================================================HOW

  • @jachymberitb1209
    @jachymberitb1209 5 місяців тому

    I can't click all of that stuff at the right i can't merge them

  • @puppykjugger555
    @puppykjugger555 5 місяців тому

    how to make the hover image pop up?

  • @maickelacuna
    @maickelacuna 11 місяців тому +4

    hello friend, a question where you get the images to put in your game

  • @Bob2_Gaming.
    @Bob2_Gaming. 2 місяці тому +1

    do i have to use that app?

  • @DayDream45
    @DayDream45 7 місяців тому

    what is the button to cut

  • @ellenrice2044
    @ellenrice2044 9 днів тому

    this did help me but i got stuck at the adding image part bc i clicked it and nothing happened
    i was trying to make a wonderful roblox game...

  • @Ulinci
    @Ulinci 5 місяців тому +2

    can someone help i cant add the image

  • @Cellsius450
    @Cellsius450 10 місяців тому +13

    i watched two 30 second no skipable ads for this

    • @LukezLolz
      @LukezLolz 4 місяці тому

      I got yt premium😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂

    • @Rocfk
      @Rocfk 3 місяці тому

      me too lol

    • @Roxy_pis_dans_sa_tache
      @Roxy_pis_dans_sa_tache 3 місяці тому

      me too lol@@Rocfk

    • @Forkfeeder1
      @Forkfeeder1 3 місяці тому

      No ads for me

    • @_kf_krew_ily
      @_kf_krew_ily 2 місяці тому

      same@@Forkfeeder1

  • @sr.dudu1233
    @sr.dudu1233 Рік тому +5

    i would buy the vector if i wasnt from brazil and if 1 dollar wasnt 5 BRL ( brazil money) any chance i can make it more cheap?

    • @Brickstic
      @Brickstic 9 місяців тому

      Not really ive bought it and i have to say it worth it

    • @Taynader
      @Taynader 2 місяці тому

      u can get it free by downloading it fron VectorIcons Profile inv

  • @nikotheroller5050
    @nikotheroller5050 4 місяці тому

    i just stared pixlr e and I odne it sooo well. LOL

  • @btalex9
    @btalex9 6 місяців тому

    where do yo find those icons?

  • @BittenDonut100
    @BittenDonut100 Місяць тому

    thanks broski

  • @BonnietheBunny401
    @BonnietheBunny401 7 місяців тому +1

    When i click the image thing i dont get the ui where it says"add image" i just get the thing to change the text

  • @fatukasiadejoke6379
    @fatukasiadejoke6379 11 днів тому +2

    for some reason i cant chang the hue and satureasoin and i have being trying for 3 hours someone help

  • @phiinhlam2086
    @phiinhlam2086 2 місяці тому

    5:43 why i click on this it doesn't show the add image or smth?

  • @JurrasicPack
    @JurrasicPack 3 місяці тому

    It don’t work when the add gui buttons don’t even work

  • @noah_playzOG
    @noah_playzOG 5 місяців тому

    how to change the backround. Any help?

  • @stxrlqtt
    @stxrlqtt Місяць тому

    ok but finally this guy actually explains it instead of not helping lmao ty

  • @SZN_adolla
    @SZN_adolla 8 днів тому

    HOW DO YOU CHANGE THE SHAPE

  • @_TheNicoShowAN
    @_TheNicoShowAN 6 місяців тому +1

    i need help: 5:44 um there is no button that says "Add Image" if someone could help here thank you

    • @Subset_Hati
      @Subset_Hati 6 місяців тому +1

      mee too

    • @Garadah
      @Garadah 4 місяці тому

      Just go to creation and add in manually then copy the ID and and paste it

  • @user-io8dn9vq4n
    @user-io8dn9vq4n 5 місяців тому +1

    ok bro wdym by "delete"? I deleted and that completely got rid of the layer, after following this over and over 13 times, and rewatching this for an entire hour.

    • @opfreak6550
      @opfreak6550 2 місяці тому +1

      alr let me help you. first select layer 1 and then click the select button up at the top. after that click select pixels. Next click invert selection. Next click layer 9 and click delete

    • @user-io8dn9vq4n
      @user-io8dn9vq4n 2 місяці тому

      @@opfreak6550 thanks

    • @jugmilic2096
      @jugmilic2096 2 місяці тому

      @@opfreak6550 ❤TYSM you fix my problem, GOD bless you, you are best TYSM❤

  • @GoldenBrothers.404
    @GoldenBrothers.404 Місяць тому +1

    Wen i Click image nothing happens

  • @Mr.RaisedBrow
    @Mr.RaisedBrow 9 місяців тому

    im in south africa and i cant buy the icons cuz it cost 227,63 SA rand :(

  • @cukiereczgeg
    @cukiereczgeg 2 місяці тому +1

    when I put the image into roblox studio it shows me the whole white image and not what I wanted

    • @KingDaxie
      @KingDaxie 2 місяці тому +1

      Idk what happend to u idk

    • @KingDaxie
      @KingDaxie 2 місяці тому +1

      Also u late 9 months ago and im late too since this my first time watching this

  • @eligeta.
    @eligeta. 9 місяців тому

    howd u get so many tasks i only have 3

  • @SarahWanjiku-xi3wp
    @SarahWanjiku-xi3wp Місяць тому

    thanks it hellpt alot ty🙂

  • @articwolf868
    @articwolf868 14 днів тому

    if i delete it deletes the colour

  • @trewngaming5116
    @trewngaming5116 2 місяці тому

    I wish pixlr E didn't suck and actually had a clearly visible undo button (the amount of times i restarted because the undo button is so hidden is ridiculous)

  • @roabahandicapata5637
    @roabahandicapata5637 Місяць тому

    it wont let me adjust the colors

  • @IssaGhemrawi
    @IssaGhemrawi Рік тому +1

    Thx

  • @ItIsDuck_
    @ItIsDuck_ 8 місяців тому

    i cant save anymore the images because i need premium

  • @hollidaydevron
    @hollidaydevron Місяць тому

    For some reason I can't find the freaking border Transparency and its making me mad, but this is very helpful. :)

    • @MSPaintOfficial
      @MSPaintOfficial Місяць тому

      There is no BorderTransparency, use UIStroke and set the transparency on it to get the border “transparent”

  • @Jude_The_Dude_736
    @Jude_The_Dude_736 4 місяці тому

    You just earned yourself a subscriber

  • @LMGYT1
    @LMGYT1 11 місяців тому +3

    i give up on making this it is too hard and it dose not work for me

  • @YoutuberL1M
    @YoutuberL1M День тому

    waiting for roblox to approve it is such a hassle

  • @Eddieforever2020
    @Eddieforever2020 Місяць тому

    it does not let me upload the image, it only allows URL for some reason...

    • @arrid.d1
      @arrid.d1 19 днів тому

      PUBLISH YOUR GAME

  • @Mr.Guning
    @Mr.Guning 10 місяців тому +1

    What did u press when u were uploading it at 5:41

    • @Kourz
      @Kourz 10 місяців тому

      Add file.... Then it opens your file explorer and you find the image you made for the gui

    • @Zen.lichtenwald
      @Zen.lichtenwald 5 місяців тому

      @@Kourz it doesnt pop up after update

  • @Crimson1441
    @Crimson1441 3 місяці тому +3

    every damn time i layer the pixlr e it makes me unable to move the squares and circles i put in it. basiclly it made it impossible for me to move the layer

    • @zeoamp
      @zeoamp 3 місяці тому

      It’s prob locked

    • @pocket_playergaming
      @pocket_playergaming 3 місяці тому

      click the mouse icon in the corner to go into select mode

  • @xboxsticker7194
    @xboxsticker7194 13 днів тому

    cant add the image into studios

  • @addedevs1002
    @addedevs1002 10 місяців тому

    Yo Where Did You Find The Chests Filled with the Currencies i cant find them

    • @PogbaEdits_7
      @PogbaEdits_7 7 місяців тому

      he paid 15 dollars for that icon pack :/

    • @StarsDeveloper
      @StarsDeveloper 6 місяців тому

      @@PogbaEdits_7you can get for free if your in a leaking server

  • @EliteNoobz1
    @EliteNoobz1 3 місяці тому

    Where’s luckiest guy font?

  • @MasterMysterable
    @MasterMysterable 6 місяців тому +1

    This was a great tutorial, though I'm still confused on how to change the backround. Any help?
    Edit: I figured it out

    • @XboxVain
      @XboxVain 5 місяців тому

      Just serch background and u should see a zero change it to 1

    • @MasterMysterable
      @MasterMysterable 5 місяців тому

      Ty but i did fgure it out@@XboxVain

    • @noah_playzOG
      @noah_playzOG 5 місяців тому

      I didn't get it​@@MasterMysterable

  • @b_gavin
    @b_gavin 8 місяців тому

    it wont let me outline it

  • @limophiat1901
    @limophiat1901 10 місяців тому

    my outline wont work

  • @Mrkareem-qe8jo
    @Mrkareem-qe8jo 8 місяців тому

    Pls make video how to make trining dummy plzzzzzzz

  • @TheRealKylazzz
    @TheRealKylazzz 9 місяців тому

    Im the only one who heard the backround music

  • @madikakasambayi1629
    @madikakasambayi1629 11 місяців тому

    thx

  • @Sukirei
    @Sukirei 7 місяців тому

    how to add image like that i can't

  • @GeneralPlayer.
    @GeneralPlayer. 6 місяців тому

    I think roblox studio updated because I dont have the add image button anymore???

    • @StarsDeveloper
      @StarsDeveloper 6 місяців тому

      publish the game 🤦‍♂️ how would Roblox attach a asset to a game if there is no space too

  • @Forkfeeder1
    @Forkfeeder1 3 місяці тому

    Is it on Google chrome

  • @_TechMaster_
    @_TechMaster_ 8 місяців тому

    Can you give us the model?

  • @Mustard56
    @Mustard56 11 місяців тому +3

    yo how did you delete it i cant fdigure it out at 3:58

    • @Mustard56
      @Mustard56 11 місяців тому +1

      can someone help

    • @felix8367
      @felix8367 11 місяців тому +1

      Just click delete button on your keyboard and done

    • @Sparkedy
      @Sparkedy 6 місяців тому +2

      @@felix8367 bro ty man

  • @MRLP_x
    @MRLP_x 8 місяців тому

    when I click on the image thing to insert my image nothing pops up not allowing me to insert the image I made

  • @TheLeoSzilard
    @TheLeoSzilard 3 місяці тому +1

    It wont let me select the image label so I cant add the image

  • @waflsyrup1
    @waflsyrup1 6 місяців тому +1

    Instead of making every single thing an image (which also unnecessarily floods the cache), couldn't you use a 9-slice image?

    • @alfishh3517
      @alfishh3517 4 місяці тому

      9 slicing is for scaling the image, so if you want to recolor an image and use it for your gui, then youll need a new image.

    • @alfishh3517
      @alfishh3517 4 місяці тому

      But like if you had the “gem bar” thing he made but you want to use it again but make it a slightly different shape then you can use 9 slicing

  • @Exo_SlimeZ
    @Exo_SlimeZ 18 днів тому

    you cant add an image

  • @DieScarZockt
    @DieScarZockt 3 місяці тому

    how i get the image in the imageholder
    i have a other version of studio

  • @user-bk2tb4xu6i
    @user-bk2tb4xu6i 11 місяців тому

    Bro what that asset u have in the start of the vidio

  • @random-li5mz
    @random-li5mz 9 місяців тому +1

    I can't find the luckiest guy font, Do you guys know how to fix it?

    • @GamingDude467
      @GamingDude467 6 місяців тому

      Yeah same that's annoying
      Edit: accidentally said yeah

    • @ElectronsX
      @ElectronsX 2 місяці тому

      I downloaded one and uploaded it in

  • @Imbrokeyay
    @Imbrokeyay 9 місяців тому +9

    Gui designer: art brain
    Scripting: machine brain
    3D modeling: Art brain + machine brain

    • @zyqunix
      @zyqunix 7 місяців тому

      mf doesnt even know how to script

    • @M3leditz
      @M3leditz 6 місяців тому +1

      For me 3d modeling is easier

    • @6mkontopfrr
      @6mkontopfrr 4 місяці тому

      @@M3leditzyeah

    • @6mkontopfrr
      @6mkontopfrr 4 місяці тому +2

      scripting is harder bro wym

    • @user-rb5co5tk5o
      @user-rb5co5tk5o 3 місяці тому

      GFX artist: no brain needed

  • @CraftMrQuix
    @CraftMrQuix 3 місяці тому

    Not working ,sadly i did all that stuff the same

  • @laurenemomeya9848
    @laurenemomeya9848 6 місяців тому

    use ui corners instead

  • @ntgqwa2708
    @ntgqwa2708 3 місяці тому

    i cant import the image

  • @ChillW_
    @ChillW_ 11 місяців тому +1

    I can’t find the add image button can someone help me please

    • @woodiestsum
      @woodiestsum 10 місяців тому

      you have to go to files and publish your game
      after u publish it and restart ur game client u should be able to add images

    • @TimasaurusRex52
      @TimasaurusRex52 10 місяців тому

      @@woodiestsumthank you so much! I couldnt find the add button and this helped!

  • @DeverettProductions
    @DeverettProductions 10 місяців тому

    5:00 it won't allow me to change the hue and satuartion , any help?

    • @TryxBloxz
      @TryxBloxz 10 місяців тому

      same

    • @alexhumphreys2653
      @alexhumphreys2653 10 місяців тому +2

      @DeverettProductions yes just make a new layer and merge the thing you want to change with it then u r able to

    • @alexhumphreys2653
      @alexhumphreys2653 10 місяців тому

      @@TryxBloxz here

    • @GamingMoose1736
      @GamingMoose1736 9 місяців тому

      @@alexhumphreys2653 tysm

  • @goofygoovber
    @goofygoovber 3 місяці тому

    Bruv how do i add image its not working when i press it, it just lets me edit it and nothing comes up. Now im just spamming at it and its not letting me choose it from my pc (Can anyone help)

    • @kimharkobusic1038
      @kimharkobusic1038 24 дні тому

      Same

    • @goofygoovber
      @goofygoovber 19 днів тому

      @@kimharkobusic1038 i found out you need to publish it first to add an image

  • @night_rambler
    @night_rambler 5 місяців тому

    how did you delete the pixels

    • @GioTheDevv
      @GioTheDevv 5 місяців тому

      unknown, this guy js deleted his mouse at that second

  • @ILIKECROW
    @ILIKECROW 7 місяців тому

    brooooo i dont undertsnad the step in 4:04
    .......idk what u explained

  • @Somadailyvlogs0
    @Somadailyvlogs0 10 місяців тому +1

    am stuck at the invert selection part can anyone help me?

    • @peytvon
      @peytvon 6 місяців тому

      Select your background layer, click select > select pixels, select > invert selection and then click back on the other layer the colourful one and go up to the top left and click edit > cut. I was having the same issue but for some reason this worked for me if you've not tried this already

    • @RainbowFireworx
      @RainbowFireworx 5 місяців тому

      Or the keybind control + i Works too

  • @the_pug8858
    @the_pug8858 2 місяці тому

    how do you do the hover expand thing? you didnt show it in the video.