How to make EASY UI BUTTON in PHOTOPEA... *wow*

do you want to learn how to make a great claim button just like this one in photo P extremely fast make sure to keep watching hello YouTube Welcome Back to a brand new slice melon video my name is Karen also known as soaring key and in this video I'm going to be showing you how to make a 3D button in photo P so I did put the end result at the start of the video and without further Ado let's get started so the first thing you want to do is go to photop.com and then you're going to want to hit new project and then for the width because 1920 and make the height 1080 with a DPI 300 then you're going to click create and you're gonna go down to here and get a dark gray color and we're going to make a background dark gray after we've done that we are gonna just um click on this lock to unlock a background layer and then we're gonna make a new layer and we're gonna go to our color menu again and pick the color we want to use I'm going to use a purple and after we've done that we're going to go to our rectangle tool make our Corner radius maybe 40. we're just gonna draw a nice button and then make our fill purple and our stroke off we're just going to select these two layers by left click and control on both of them and just press these two buttons on the Move tool for this and just name this layer button and we can go right click blending options and add an inner shadow turn the size down the distance up and set the angle to negative 90. it's down and then set this to like a darkish blue okay now that we've done that we can go right click rasterize the layer Style then we can make a new layer right click clipping mask make this white go to our pen tool and we're just going to pen to on like a wavy sort of shape then make a fill White clipping mask turn this down [Music] then if you want you can go edit transform warp and just warp it into a bit of shape if you need to and once you're done hit the tick now let's make a new layer right click and clipping mask and we're just going to make a rectangle then we're going to press Ctrl not control d right click and duplicate you can only space these out pretty far then duplicate again okay I'm just going to select all these and merge them then right click clipping mask and then uh edit free transform we're just going to rotate these scale them off [Music] foreign [Music] this check mark once you're done then Ctrl H and we're going to set it to Overlay [Music] there we go let me just right click rasterize and I'm just gonna um quickly select this and then I'm gonna go edit free transform and just move this one along a bit then Ctrl H hit the check mark all right whoops okay what okay just click on a new tool and click off of that and make a new layer make sure this is white and go to our rectangle tool set the corner radius to maybe 10. and we're just gonna make some shine so we're gonna have this going all the way to here Ctrl H make a new layer go to our brush tool make this 10 make sure you've got a hard round brush and you might want to turn your smooth up just a little okay and then we're just gonna draw on shine okay now we've done that select all these layers and Ctrl e to merge next let's make a new layer make sure this is white and then we're going to go to our text tool pick a font you want to use I'm going to use Fredo one and just type out whatever you want to say I'm going to make it say um claim then Ctrl a to select it go up here make that white then what we're going to do is we're going to go edit free transform and just drag this text by the corners to scale it up then Center it then we're gonna go um select it again and I'm gonna make it a dark purple or what you can do is you can make this white then you can add a stroke like this so right click blending option stroke so I'm gonna do that and then I'm gonna go on to the actual button layer right click blending option stroke okay and then I'm going to select all these layers and hit Ctrl G to group them and name this button might want to move my text up a little and as you can see we have just made a really nice button in photo P if you like this video make sure to leave a like comment tell me what you liked about the video tell me what you don't how I can improve and make sure to subscribe check out our Twitter and our Tick Tock in the description and also make sure to join our Discord server I will see you in the next video foreign [Music]

Channel: slicedmelon

Views: 30,360

Keywords: roblox, roblox gfx, roblox art, gfx, render, blender, photoshop, adobe, editing, graphics, graphic design, logo, logo design, logos, art, ui, ui design, ux design, gfxcomet, slicedmelon

Id: A5WTZ5VaCy0

Length: 7min 9sec (429 seconds)

Published: Sat Oct 29 2022