Android App Development Lesson 58 Image Effects

android,development,tutorial,beginners,eclipse,studio,sdk,app,application,2015,lesson,download,install,learn,programming,lecture,beginner,Mobile Application Development (Industry),Android Software Development (Profession),Android (Operating System) How, to ,make, android, app, application, easy

---

Closed Caption:

are a guy so now that we know how to
take pictures with the camera what I
want to do now is I want to show you
guys how to apply photo filters or other
cool exterior photos so by the end of
these tutorials you guys are I don't
want to say that you're going to know
how to make like Instagram photo filters
because those take a lot of time and you
need like a background in photography
but I'm gonna show you guys the real
basics of how to bring out your
highlights or contrast in also apply
some cool overlays so the first thing I
want you to do is this already uploaded
two photos this one-hour here's my
profile photo if you want you can just
go get any to square photos but if you
want these ones that i'm gonna be
working with go to my forum in this link
in just great click and save as and I
save this one as for the issue with this
lucky guy jpg in this one that way when
you saw what we're gonna be doing here
is reduced can be placing this on top
and I know it looks white right now but
this is actually clear as you can see
right here so again whenever we place
this on top of this image what's going
to happen is going to give a nice frame
and give it the old vintage arm
stretched up kind of looking effect
again this looks kinda weird in a just
makes my image look dirty but if you
have a background in photography then
I'm sure you can change it so anyways
go ahead right click both of these same
as so they're saved your computer so the
first thing we have to do is add them to
our project so I started to bring new
project blink activity whatever and we
need to get those two are drawable
folder 8 there so if you go in cut these
just cut those in an open up Windows
Explorer wherever you have your project
what you can do is you can navigate to
your Dropbox folder by going to Apple
source main
Resv since resources and you just become
inured rub also trouble each DPA and
just paste those in there so now we can
actually closed out of this and if we
welcome back in trouble we see that we
now have that Pacquiao jpg which is my
face in that dirty which is pretty much
like a frame so now we have to do is we
actually need an area where we can
display an image so get rid of this text
you right here and there's gonna be one
single would you really easy you can
enjoy a much stronger in the middle are
now this is kind of annoying me that
it's just a little pixel by default so
first thing I'm gonna do as I'm gonna go
down the minimum right there that is
maximum or minimum of 300 EP in 300 dpi
are pretty good so this is just so
whenever you're developing your
interface you can kind of it's a little
easier to visualize them that one little
picture right there and also the other
thing that I need to do is a need to
give the San I D and who would give it
an idea of what keys image of you re so
now we have an area where region display
a photo and in what I'm gonna be doing
is I'm gonna be displaying my face and
one thing I'm going to do before she
dies haddad
relate to it to make it look vintage
look is I'm just going to show you guys
had a ply effects manually and we're
going to convert the image now if you
don't know what inverted images
this is icon every photo editing program
but it pretty much makes you look like
you're going through x-ray machine or
something so is one of the easiest ones
to implement are so hop over to main
activity in the first inning induce
clean this up I also as a sign of change
my color my comments to this kind of
green
bluish turquoise kind of color I it look
like grade like a light grey was kinda
hard to read in the video so am i coming
spot and stand out so that's what I did
alright so what I want to do now before
it began as I wanna into a bunch of
stuff and I already have them copy who
here we go again if you want to actually
what I'm going to do is I'm gonna take
all the source code and I'm gonna post
it on the exact same forum topic that
you guys download the images so if you
just want to copy all of these and paste
them in then please do that will save
you money time so now the first thing I
want to do is I wanna get a reference to
pretty much this image of you and also
these images right here so let's go
ahead and do them as you first so image
of you think it was named by Kees Kees
Kees plural possessive ImageView alright
so I wanna get a reference to my face
which was my profile photo so trouble
but he's faced the same photo and what
we're actually gonna be taking this
right here which is jpg as you can see
and in order to work with it for injury
you need to convert into a bitmap image
now a bitmap allows you to work with
individual pixels you can JPEG and pings
they're good for justice playing like
logos and graphics and buns on screen
but if you ever want to be able to
manipulate the individual pixels than
you need to convert it to a bitmap so
again this is the jpeg version and we're
going to be doing is we're going to
revert to
are so myself a little bit more space a
year
alright so I encourage first thing I
want to do is I want to take my keys in
my view she said that her daddy alright
so this of course just as a reference to
this guys are you know why we need that
actually display something there now let
me get to this jpg right here in the way
we do that is we gotta get their
resources and then since drugs were you
able to get in trouble in trouble that
you want have this one named bucky
alright so again we are doing right ear
is getting a reference to my face and
the trouble so that's nice giving me
this error rate there RA so now the JPG
is stored in the variable Bucky's face
but member I told you guys that you need
to convert it to a bitmap in order to
use it so we are to have a variable
condom at imagery can store the
information so that map image now to
convert jpg to a bitmap in what you do
is this if you go to get map bitmap
trouble but he's faced with this is
going to do is gonna take this in cast
into a bitmap trouble object and then on
this you need to call the method that I
just tape hey get their kind of similar
I'm keyboard anyways get bitmap so again
it's kind of weird syntex right here but
this takes JPEG and converts into a
bitmap so we can work with individual
pixels so now what I wanna do
is I want to actual photo filter to this
bitmap now if I wrote the code in here
than it can get messy so what I'm going
to do is I'm gonna store in entirely new
variable code new photo in this is gonna
be you go to convert image function
there are going to be creating later on
now let me pass this entry here are so
again is giving us there because this is
gonna be the message that we create in
the next 40 that's gonna take your image
in converted or in other words inverted
apply some cool effect to it so I'm
gonna be passing in the original bitmap
image was pretty much the image you saw
my face
we're gonna be interesting in going to
store the new data and variable code new
photo and what we want to do with this
new inverted photo well of course we
just one display it right here so if you
go to Bucky's ImageView in order to set
that content of the image of you to a
new photo say set image bitmap new
inverted photo so that looks pretty good
for this is Charles that is how you set
everything up and in the next oral
actually can be digging through them
pixels and I'm going to show you guys
headed to come and create cool inverted
image effect