DEMO
Hi guys, in this tutorial we wills ee how we can make a good UI design in photoshop. The officially used software for UI UX design is the adobe xd. But we can also make UI UX design in photoshop and later we can use that into our website or our mobile app. Photoshop is an easy and amazing software for designing. You can make anything by using photoshop. Now We will see a simple user interface design in the photoshop. We can also make mobile app ui design in photoshop. I will come soon with the ui ux design tutorials photoshop in which you learn everything about the photoshop and user interface design.
TOOL USED
Photoshop
FONT USED
Arial
Oswald
Danos Demi bold
SOURCE USED:
Illustration Used DOWNLOAD from Illustration unDraw
Logo used (Grow Upz)
STEP BY STEP GUIDE
Open Photoshop
Take a new file Go to FIle>New or press CTRL+N
Fie Size: 1374X825
Then make a rectangle at the half.
Then Import the Iluustration art and resize the art accordingly.
Then place a grig the grid file given in the source file below.
Now take the ellipse Tool and make a circle for logo stroke 2pt and then place your logo above the circle and make it clipping mask.
Then take rounded rectangle tool and make the roundness about 85% and make a fill in the banks for user name, password, & email.
And below that fill in the blanks make two button as well Create account button and Login button.
Now add text in the fill in the banks and on above the buttons. User name, Email, Password and on the button create account, Sigin.
And also make password strength below that fill in the blanks.
YOU ARE DONE
0 Comments