luke
1
Hello. I have created my first UI by trying to recreate this one.
Here is my one. I know that the pictures are stretched and that half of it isn’t done, I lost motivation.
I have just started so please do not assume that I am bad at making UIs
The pictures? They look a bit weird?
You would need them to be transparent, like this:
luke
4
What do I do to make the picture look transparent?
Its really good, but like @Deleted_User12 said its got the pixelated background to show its not transparent.
One easy way to get rid of the background is to use Adobe’s Free Image Background Remover. Just sign up for an account and then upload your image.
Here’s the link: Free Image Background Remover | Adobe Express
1 Like
You don’t need to use other websites to do this.
Simply select the image, go to “Properties” and find “ImageBackgroundTransparency.” Then, all you need to do is set the background transparency to 1.
If it doesn’t work, the “Wand” tool in Photoshop and Photopea should easily do the trick for you.
2 Likes
Yes but it is easier to use the image remover tool.
1 Like
peter
8
You could also use remove.bg
2 Likes
Noah
9
Try rounding all the elements, might give a better result.
Also change the border to be white, it may fit in a bit more!
2 Likes
luke
10
When I round all of it the border doesn’t come up how do I get the border back?
Noah
11
Borders are overridden by rounded corners. Try duplicate a frame & put it behind the green frame to get the “border effect”.
cam
12
Seems alright - could use some rounded corners, some transparent backgrounds. A lot of the images look tacky. The gradient is… odd. I can see the potential- but it could use a bit of work.
1 Like
