Welcome back.
So we learned how to make images much more dynamic, and sometimes they don't necessarily fit like that.
And you may want to overlay text over imagery like we have over here, certain ways we can actually
do that and provide better contrast and make this much more of a successful composition.
So, like I said, run a scenario where we need to place text over imagery.
A lot of times there's some issues with this particular scenario because of the lack of contrast.
So let's zoom in here now.
In this image, there's enough contrast here between the white text and the darker background.
But if we look at this portrait over here of this man, there is just not enough contrast.
And if we look and we zoom right in, we notice that we start losing things like the the edge of the
D over here in the end.
So there are ways we can kind of combat that and just make our composition much more better and much
more legible.
One of the ways we can actually do that is with gradients.
So let's copy this composition.
So just remember, you can use the file that we have for you and you can come along for this ride.
So I'm going to select this image, this is a perfect example.
And over here, like we did prior, I'm going to add an actual gradient to the image, you can do it
other ways.
You can actually add a rectangle with a gradient, but we can do this as well.
So here we go, we're going to switch those around.
And now for the greedy, we'll just use a a darker colour.
Like all black and we'll transition to a black, but there will be a zero capacity, so we'll be able
to actually see the net so we can do something like this, which is totally fine, and we can read the
text properly, but we start to lose.
What makes this image so good, like the contrast, the colors.
We start to lose that with gradients so we can do.
There's a couple of things we can do here.
We can actually.
Decrease the opacity because you don't necessarily need that much.
So you can decrease it and that would be enough for you to actually read that we could do the same over
here.
Actually, this one has a little bit more happening around this image.
You see a lot of the foliage.
There's a lot more textures, which makes it a little bit more harder to read when there's much more
activity.
If you look at here, there's not much activity.
There's a lot of darkness behind the text.
Let's do that over here.
So same concept this time.
Instead of flipping it around, we're just going to.
And perfect, so we can start doing this.
So there's consistency, so we have the same color, we have the block that's going right through now,
this is another issue.
So like I said before, when you are applying like color or like a gradient on your photography in order
to, like, allow for enough contrast between text, you run into the issue where sometimes you lose,
like what makes that photograph or that image really great, the colors, details.
So what we can do is we can remove this one or delete that.
There we go.
And we can bring this down and we can kind of like keep it just.
To the bottom, so it's kind of cropped and we still get that gradual darkness to lightness and we can
easily read this in comparison to what it was before.
So let's take a look at what we had for over here.
We can easily read that.
Let's just remove that.
And over here, it's a little bit harder.
So gradients are one way that you can make text over imagery work.
If there's a brand color you want to work with, you can display that as well within your gradient.
So if it's something like a Navy or like a teal.
Like, you can do something like that, so it isn't just like a pure black, there's a little bit more
color, you still get great results.
So it's something else you can do.
Another thing you can do is let's just copy that and we're going to option shift and we're going to
just drag that to the other side of our frame.
Another thing you can do to create enough contrast in these situations is use a solid color.
This can be done in a variety of ways.
One way I like doing it is you can select the image like before add a fill on top.
And instead of a linear gradient, we're just going to go with a solid fill.
We're not going to do that.
But like I said before, if we can just grab with a color like that, which is like a dark green foresty
like color, maybe not suitable for that image, but if we grab some like that and then we start decreasing
the opacity.
You can do something like this and, you know, it may not suit the style or the tone of the brand,
and that's totally fine.
You got to find out what works for you, works for your client and apply that visual style so you could
do something like this.
Well, it can be a little darker and decrease the opacity and there you go, you get a little more visual
contrast that way.
Now, what I like to do, and this really depends on your imagery and how the composition works, so
may not work on this one, but I'm going to show you what it looks like.
So what I like to do is I like to grab a rectangle, so I'll select my rectangle with ah, grab it there.
Just drag it across your image.
Like that.
And click the image shift, click the rectangle, hold, shift, click the image right, click and send
it to the back.
You can also shift command, open bracket.
So now we have that now that doesn't look too good, but we can do something really subtle.
So I like usually doing like a gray or dark black and then decreasing your capacity just a bit.
So we're like 25 percent capacity.
It's very interesting in terms of like the actual composition now, like it's a little more dynamic.
It's much more readable, legible.
And the only thing I would recommend is in this scenario to be consistent.
So if you're going to apply this to one image.
You should apply to every other image, so let me bring out the front shift, click with that background
image and send that right to the back.
The sizes could vary depending on the size of your typography that you have here.
But this is another way to do it, so I'm going to shift quick, bring that over.
And like I said before.
You know, it may not work with an image like this where the focal point is right in the foreground,
right in the middle, and it may cover that.
And that's unfortunate.
So, like I said before, figure out what works for you.
There isn't like a right and wrong, but this doesn't necessarily look as good as having maybe like
a gradient, a gradient, maybe like a better application for these for these images, because it's
much more softer.
You can apply some color there.
And it's not a harsh line that's going right through like a person's face.
But similarly to what we saw with the gradients, we can actually pick a color out a brand color and
work with that.
That just reinforces your brand identity, reinforces your color palette.
We can do the same with this, so I'm just going to grab a color like that.
And there you go, they look a little less static with the black black's kind of harsh, even grays
are kind of harsh.
So you can reinforce your your brand identity, your brand's tone just with adding some colors.
And it's a really subtle way of actually making sure that your typography is legible while a person
is reading it through these images.
So that's it for this.
And we're going to move on to illustrations next.