Hello and welcome back.
We're going to jump right into how we can make some imagery look really dynamic.
Now, remember what I said about stock photos, avoid them like the plague.
They are horrible.
They just don't really do anything for your product or your website or whatever you're building.
They just make your designs look really amateur.
So I want to show you how you can use the famous plug in splash to generate some really good imagery,
and then we can use a couple of other plug ins that can make that imagery really stand out.
So let's jump right in.
What I'm going to do is I'm going to select on Splash.
Perfect.
Now, this is the plug in and it's really great, really easy to use.
You can search based off of presets like these categories you can insert randomly, which I would never
really do.
But it's kind of interesting, too, if you just need a quick image and you don't care what it is.
I like just searching quickly by string.
So I'm going to select that.
I'm going to type in like portrait.
Let's see what comes up.
Now, look at this.
They don't necessarily look like stock photos.
Some of them may be stock photos, but these are really nice images to use.
I think I can grab this one.
I really like the background.
So we can click it and insert that image and then there it is, really easy.
So we're just going to call this, ah, portrait so we know what to do.
When we're going to do next is we're going to create another frame.
So what we're going to create our first frame.
We're going to press f drag that mouse and then we go, we got our frame, take this image and throw
it into the frame.
Perfect, so we'll just rename that to Debow so he can keep track of it, sometimes we'll get images,
some like this and we'll just throw them into they'll throw the text beside it, will set the text and
we'll forget about the image and kind of never look at it again or we won't necessarily do some extra
work to it.
But there are different ways we can, like, manipulate our images or work with them to make them much
more dynamic and just visually interesting.
So let me show you what plugins I usually use if I'm going to do that.
So what I'm going to do is I'm going to go into plug ins again.
And here's another plug in I really love.
This is called Remove Background.
Now you'll need to set up an account and then set up an epic.
But it's super easy.
Don't worry about it.
You'll thank me later.
So I'm going to create a copy of this and I'm going to remove this background.
So it's running in the background right there and there you go.
We have removed it.
That's pretty awesome right now.
This image is now pretty cool.
We can work within different ways, like we can introduce other elements in the background.
We can make it seem like we're manipulating space with this flat image.
So let's do that.
So sometimes I'll do something like this where I'll grab like a square.
Now, the other thing about removing background, take a look at the side of her face, there is some
sort of like purplish light from the original photo.
It fits in this scene.
But when you put her on a white background, it won't necessarily fit.
And it depends what you're going to do with your composition.
But keep that in mind, because that would look kind of weird just because you want whatever you remove
in the background and whoever is in the foreground here to fit with whatever you're using it for.
So for the sake of this demo, I'm going to set an example here so I can grab these colors.
Now I'm going to select my color.
I'm going to go to my linear gradient and here we can start doing some interesting things.
So I'm going to select that.
I'm going to copy this color and I'm going to select that.
The opacity is defaulted to zero.
So we're going to bring that up to one hundred.
And we are going to take the color picker and Britney, grab that color right down there, so we basically
just mimic.
That gradient to the best of our abilities and what we can do is we can right click and send it to the
back.
And all of a sudden now this image is much more dynamic, much more interesting to look at.
And you can start seeing now her face, the lighting, it starts matching with what we have here, we
can alternate it any which way we like.
It can make a little bit more later if we want.
And there we go, like we can do stuff like that, and it's super easy, let's group this so we don't
get lost and let's do something else.
Let's manipulate how this two dimensional image looks like on your page.
We give the illusion of three dimensional image.
So what we'll do here is we can just grab that.
We're going to put that there and we're going to actually copy that gradient, so we'll just select
it on the side here and can see we can open up a stroke, select there and there we go.
Now, our stroke actually has that.
You can faintly see that and we can bump that up to whatever number we like.
We'll just pick something like this.
And we're going to bring this down just a bit.
OK, so as you can see, it's snapping to the bottom of the image, which is great, something like
that.
OK, now here's where we can use masks to really help hide certain layers of the image.
We can also even crop the image.
It can act as a mask so we can do it both ways.
And I'll show you how to do that both ways.
So let's select our main image.
We're in a command, see, copy and comfy.
And now we have a second image over here.
We can do is we can take that image and just use something like this.
Crop it so it's only going to show what is within this actual these blue borders over here.
So we're going to crop it to there.
We're just going to call this one mass.
I'm going to call this one hour OG or original, and we're going to send that to the back.
And so you can start doing some interesting things, maybe not for the head like that, but let me show
you what else we can do.
We can take that original mask and we can apply that right to the top so we're not going to scale it.
You saw what happened when we scaled that there.
We kind of lost it a bit.
And we kind of scaled it and it skewed the actual image, but there you go, like now we can have something
that's really dynamic like that.
We can use it for like an avatar.
We can use it for like a team photo.
But it's really simple to do something like this.
Now, if we wanted to do the same trick, but with like an actual mask, we can do that as well so we
can copy our ozone layer, which is in the background in a fancy command, we will bring the new one
to the front right there and we'll call this masked image.
We're going to grab our rectangle, too.
So we will press are or you can go up here.
And we're just going to drag that to the top and we're just going to line it up with the top of that
image over here.
Just so it's going to show above the actual stroked rectangle square so we can rename this to Mask.
Rectangle and what we want to do is to make this mask work for the image, we're going to send the mask
to the back.
It needs to be behind the image.
So send it to the back.
We're going to select.
So grab that and grab the finish in the front and we're going to select this right here, this is our
mascot tool and it's going to use that rectangle to crop the image to that portion similarly to what
we did before.
There you go.
Same effect.
Other people like using mask.
You can use cropping images as well.
It's totally up to you.
So now we have some interesting things that we can do like that there's other things that we can do
even with like product based images.
So when I'm going to do is I'm going to make a new frame.
Look at this one more time with something else, something a little different.
So we'll rename that to demo to blog, we're going to open up on splosh.
And let's search for something like this for let's see something.
Oh, there you go.
This is this is good.
So we're going to insert that image.
Make sure it's in our.
Frame, we're going to scale that and to scale to make sure that images scale proportionally, we're
going to Holdem.
Shift you can do shift in option shift will just drag the corner to the other corner shift option will
kind of just drag everything together to center.
So hold shift in option, do that.
And there we go, we got we got an image here.
I'm going to duplicate that, I'm just going to rename these Oggi, we call this the new Oggi.
Great, OK.
Let's make another copy.
So what we're going to do here is we're going to use that same plug in, remove background.
But that run over here, you'll see the status of it.
Perfect, what I'm going to do is I'm going to drop that handle because it looks kind of weird.
I mean, you could do interesting things with that, so I'm going to crop it out and here we go.
We have our image now.
This is a PlayStation controller.
We can also do is we can grab like.
A rectangle against oppressor grabbed the rectangle.
Let's send this to the back and we're going to rename this B.G. for background.
What we're going to do is we're going to do the same thing.
We'll have a gradient.
And we'll set it to like kind of the blue colors that PlayStation likes to use.
So remember, this always gets defaulted in zero capacity.
We can fix that quickly.
So there we go.
And now we have kind of like a little product image that we can use.
We'll just move this over.
I don't think we really need it right now, actually.
Perfect, and we can start actually introducing different things like shapes, shadows, like we can
make this image even seem much more three dimensional than I already kind of looks.
So we can actually go in here and apply some effects.
You can press the plus side, automatically apply a drop shadow.
And we can do something like a 20 percent blur, which makes the drop shadow much more blurrier and
it expands it.
So you'll notice if I change the opacity 100 percent, that's going to change the shadow and you'll
be able to see it much more clear.
If I change that blur, it looks a little more fuzzy.
So I'm going to bring it down to something like 40 maybe, and we're going to push it all the way to
the left.
So negative 10 on the Y axis.
Maybe negative 20.
That's that's OK, because we want to kind of work with the lighting we have here as well, so zero
is fine.
And we're going to reduce that opacity, so it's not as a parent, so we can also reduce the blurr.
There you go.
So we have something that looks a little bit natural, it looks like light is shining from here and
we can even play with the way our lighting comes in from this radiant.
So we can kind of like use this to our advantage a bit, can make that a little bit more lighter.
You can do some interesting stuff also we can add some shapes, so you see the buttons that are the
typical Circle X Square and triangle for the PlayStation controller so we can just grab our circle,
a tool you just press.
Oh, so that's the shortcut for that.
So we'll just drop that in there and change that to a stroke with just by pressing that button.
So if I were to remove it, it's just over here.
Remove the fill and we're going to set that to read just kind of like that, the same color as the controller.
We're going to bump that up.
That's going to be fine, so we can just do something like that, will grab like a triangle.
This is our polygon tool.
We'll just drag that in there and same thing, we'll supply a stroke.
It's green, so we'll just pick a green.
Update that just a bit, we don't want them to be too harsh and we'll grab a square, so are for a rectangle.
If you hold shift while you drag it, you'll actually make that square instead of just kind of going
like this and skewing it to a rectangle.
We are going to make that a stroke as well.
And that is like a purplish color.
So same thing, and we can start to do some interesting things, and we have an X right here as well,
so we could take our line tool, which is just by pressing Al.
Holding that down.
We can create a line and two that's.
And what we're going to do is we're just going to create like a blue for a lighter blue SUVs, a little
more contrast with the background and we're going to click on that and press command see and command
of and we're going to take the second one.
And it doesn't need to be perfect.
And we'll just group that, and now we have our own little thing here, our own little intellects,
we could also do is we can take these lines and we can right click and go over to outline stroke and
they'll turn them into actual shapes rather than strokes.
So we're going to turn these into shapes and we are going to use our unions will appear.
So we're going to union selection.
And there you go, if you press command E, they'll merge these layers together snippets.
And there you go.
We don't even need this group anymore.
OK, so we have some cool images that we can kind of play with in here and we could just bring this
into our.
Composition.
If I send this and this to the back, if I hold those together now, I got something really interesting.
I can even apply a greeting into it.
If I put the gradient like that, like this, and I change this color to the same type of purple but
darker, it's going to make it look like the actual controller is on top of it.
So it looks like it's actually hidden by its shadow, which is really neat.
So we can play with that.
We can take our little X here, which looks like a plus sign, but now it's an X and we can overlay
that on top and we can do the same thing.
We can grab a linear gradient on top.
And we can just angle that to kind of show that there's some sort of like.
And we just picked that color, we can make it lighter and we can pick that color and just use the same
color that we had before.
There's some visual consistency.
Now, that's cool.
We're going to grab.
Our triangle.
We'll hold that, we'll we're going to click this click shift and we're going to click the backgrounds,
they'll select everything and send it to the back.
And we can do the same thing now with this.
We're going to make it look like the controllers just on top of it just a bit.
So we'll do that.
And this will be the same color.
And let's take our last.
Little shape and bring that to the front.
And we can apply another greeting to that.
And there we go, like it was super easy and now you kind of have an image here that really works.
With an ad selling.
And it didn't take much time.
Now, it looks really three dimensional now you can go around, you can fiddle with this just a little
bit more, but I urge you to kind of play around when I'm doing this.
And also, I mean, think about the type of images you have.
Don't just throw them into your layout.
Don't forget about them, but try to make them a little more dynamic.
There's other ways you can do that and we'll get into in the next video.