Wallpaper Android Application Tutorial - Part 1 Video Lecture | How to Design UI in Android Studio

hey everyone this is anger is given of
Indonesia and welcome back to my video
in this video we are going to design the
application for the well pepper and also
we will develop the application into the
Android studio so in this case you will
be able on how to design the web paper
application in the Sketchup and you will
learn how to use the under studio to
make your application going life cool
the firstly I need to create a new
document for my application and press a
on your keyboard to select this output
which is material design and going to
mobile and this is for the mobile the
first one I want to create the home pets
home ok so this is about the home ok and
after that we just need to create our
for the status bar the status bar is
around 20 and we group it for the status
bar and color of status bar I will use
the silver maybe this one ok so just
like the placeholder ok and after there
I want to create the content here but
firstly I am going to change the
background color to the silver ok it's
enough
and then let's scrape the content by
press you on your keyboard and like this
and I want to make it full and remove
the border and I want to divide by 2
item because we just need to create the
two item and after that in the website
we will set in the margin which is 16
and in the right is 16 but - by eight
like this okay so this is 16 and then
the length is 16 and we can duplicate
this and this is 16 so all of them is 16
cool now I just want to remove this
because I don't really need and here we
take a look for the big run and group it
to the item number one item one okay and
also I will get the text here which is
sunny and the spacing is auto and fun is
regular and the font size is about
acting and the colour should be black
which is the 4k for a and for a and I
want to make it to the center like this
and the margin top is about no maybe a
okay it's enough and in the big row we
need to create the saddle and here I
will create the shadow with the opacity
it's 10 a cool and here we go not to
change the background to the gradient
like this and I want to make it
beautiful so I think we can start from
the red color so the first color is red
but I want to make it soft color like
this and the second color maybe we can
use the orange like this okay
and now we just need to duplicate this
item but make sure that this item is
Adam - okay and here you can change the
color to the another color maybe you can
check the blue and here you can use the
like this
oh no green okay no problem
and I want to copy again and move again
this so this is item 2 item 1 2 and this
is 3 don't forget to change the name of
group and this is 4 okay and here we can
change to the cloth and maybe we can
change this color to do another color
maybe we can select the pin and here
so you can get a name here chill okay
and the latest one maybe we can use the
green color so why not this is the
forest okay well we have the 4 item
which is sunny cloud chill and forest so
this is the compet of the application
but first one I'm gonna to save this
file to the my desktop okay and you can
also just copy and duplicate this item
and move it to the bottom but currently
I think the four item it's enough for
the simple application and now I'm going
to duplicate this home to the big one
sorry item one yes so if the artboard
name is item one so this is for the big
one item number one so you just need to
remove this and dream of the sunny
and then I want to move here and we're
gonna to resize to make it bigger but
make sure we don't have any radius here
okay so the designs will be like this
here we change to 300 0 okay like this
so this is the item number one but I
mean is BG item BG underscore
item number one okay and in the item
number one we need to create the button
for get back to the previous screen and
the button to make it to the wallpaper
okay for the bottom row we gonna to use
ellipse I'm going to ellipse here and I
will get the name back button yeah and
you can have to remove the border and
I'm gonna copy past the shadow and
change the color to the white no no I
feel okay and inside of the button we're
gonna to click the icon currently I'm
using the phone icon which is the
material design and we can use the back
icon okay and then we cannot to make it
to the center like this and the color it
should be sandwiches for a for a and for
a okay cool so right now I want to click
the button again here so we're going to
press you on your keyboard for the
rounded and setting the rounder to the a
and this is safe but
okay and I think we're gonna to decrease
to the T okay
so right now I want to copy the pass
again like this for the Sato Omni and
change it to the red color
oops red color and here we gonna to save
as sorry make it ball paper okay and
change the font of the Roboto and change
the font size maybe 16 and the wake may
be with you okay so this is safe button
and this is back button and this is the
wallpaper so we're gonna to duplicate
this item again for item sorry
item 2 and here we're gonna to copy this
time and pass okay
and don't forget to remove the Seto
because we don't need the Seto for the
bedroom and after that change the BG
item to be ta them too so we already
have the compacts and back run for the
wallpaper for the sample hits only - you
can make it maybe four maybe three okay
so it's only like this and after that I
want to go into development but firstly
we need to export this as the button
okay so I think we're gonna have to
select all of them and make exportable
by 3x and export layers to the desktop
to creative assets which is expert
and after that select the set button and
the back button and export again by PNG
which is 3x and export and the last one
is on the BG item 1 and BGM - we're
going to export it so I think it's only
1x export layer I'm sorry
and maybe I think it's enough for 2x
expert layer and export ok now let's
take a look for the assets if she is
good or not big button background
background and this is all of my item ok
so it's pretty cool in the next part we
are going to the end residue so please
stay tuned in my channel and don't
forget to Like comment and sir
well see you in the next video