All language subtitles for 10 How to add a gradient to an image & text in Photoshop.en

Hey, there. It is gradient time.

What we want to do is this image here,

we've added this cool retro style gradient,

I'm going to show you how to do that now in Adobe Photoshop. Let's go.

First up, lets open up two images.

It's in the same color folder.

It's called gradient 01 and gradient 02 from Jordan Andrews. Thank you Jordan.

We're going to start with gradient 01. We're going to do two things.

We're going to add a gradient to text and

we're going to add it the image in the background.

We'll do the text first. It's the easiest to do.

We're going to have a full section on doing type a little bit later in the course,

but for now, click on this capital T, your Type tool.

Click once on your keyboard.

Over here, in terms of the font-size, pick a font,

any font you like and a size,

I've got mine up to about 80.

Yours is probably defaulting to 10 or 12.

Over here, we're going to type in All, [inaudible] Star.

Don't worry too much about type at the moment.

To move you type around,

we're going to use our move tool and I'm just going to click and drag it around.

Changing the color of the font is easy.

You can double-click it here, pick a new font but let's look at adding color.

To do it, you need your text layer selected,

here is mine, it's got the gray box around it.

Down at the bottom here,

there's one called fx,

and there's one in here called Gradient Overlay.

Now what you'll find in Photoshop is that pretty much true of everything you

do in Photoshop feels like three or four different ways of doing the same thing.

What I am trying to do is that I'm trying to

give you I guess there's about three different ways of applying gradients.

This way I feel like is the most bulletproof in terms of future proofing.

Just means it's going to work probably on most circumstances,

whereas some of the other gradients don't work in all cases.

Anyway, what I'm saying is is that later on you might go,

"Hey, why didn't he show me that version of this thing?"

You like it better. It's totally cool, do it.

If you stumble across a different way of doing something,

totally, there's nothing right or wrong about it.

I'm just trying to I guess cut it down to the most usable versions. Gradient overlay.

By default, it'll depend on what you last had selected.

Now what we're going to do is where it says gradient,

click on this little arrow here.

Let's move them up so we can see.

Click on this little drop-down arrow.

By default you've got some horrific drop shadows.

Well gradients, sorry, some terrible ones.

If you need rainbow color gradients,

you my friends, are all in luck.

What we're going to do is have to go and customize it.

Let's start with this first one, black to white.

It's the easiest one to customize.

Let's click on the little arrow to pop it backup.

What we want to do now is change the colors used,

and you do it by clicking in this color bit here.

That's why it's a little bit confusing using gradient overlay.

You click anywhere in this color box, this thing pops up.

What we're going to do is use the bottom parts of these houses.

Not the top parts, use this bottom bit.

Lets double-click this first color swatch.

Using this hue slider,

drag it up, drag it down,

find a color that you want to use.

I'm going to use this one. Click Okay.

Double-click this white house.

Same thing, drag this huge slider up and

down until you find a color you want to use, and then click in here.

You'll have that crown blue to purple,

or at least magenta. Click Okay.

Well, let's click Okay again and have a look at some of the settings.

Where it says reverse,

just flips it top to bottom.

We are using the linear style,

so it goes in a line from top to bottom.

You can adjust that which angle.

You can see now it's going kind of more left to right,

from the side to the side.

You can decide any size.

Linear, you can play around with radial,

and you can experiment on your own the different ones,

angle, reflection, just kind of different ways.

You can see the gradients are on both sides.

We're just going to go for linear in this case.

In terms of the scale,

you can lower it down and makes a bit more sense.

Then this just got a tiny little gradient between these type here.

I'm going to leave mine at a 100 percent.

That's what yours is probably set to.

Now before we do the images,

I'm going to show you the gradients are kind of back in.

I guess not even that long ago, maybe six,

seven years ago, gradients,

I didn't even have in the class because who use gradients?

Gradients have come around full circle and are super cool now.

Or at least I think so.

Where I get my gradient colors from,

I'm going to show you a cool little site.

It's this site here, it's called Grabient. I love it.

All it does is just show you examples of cool gradients.

Once you find one you like,

let's say we click through here.

You can see there's a bunch of different options.

I like on Page 2, this one here, it's my favorite one.

You'll probably notice it from other videos that I've made.

This is where I get my colors from.

Now, to get those colors into Photoshop,

the easiest way is see down the bottom here,

there's this yellow and pink.

Those are the two colors. If you click on it.

That is the number you want,

it says hash, and then it's got some letters and some numbers.

Just copy that on your keyboard.

My Mac, it's command-C to copy,

or you can right-clicking and go to Copy.

Jump back into Photoshop. In Photoshop,

remember when we clicked on to change color,

it's that big color bar there.

Double-click the blue house.

This is where it goes down here.

I'm going to paste it in. I'm going to paste everything.

I don't think we need the hash, doesn't seem to mind at all.

You can see the hash is over here.

That's an easy way to pick a color from the Internet is using these letters and numbers.

Let's click Okay. I'm going to jump back into Grabient.

Grab this end here,

grab this, I'm going to leave the hash off. Copy it.

Back to Photoshop, double-click this house,

grab him, paste this one.

I love those colors and I click Okay. Click Okay again.

You can make any last adjustments, but that's it.

It doesn't really matter what it is.

We've done it for type, I'm going to click Okay.

It doesn't really matter what the layer is.

There's a little adjustment we need to do for images,

but if it's a logo you've brought in,

or a shape from somewhere you've made in Illustrator or drawn it with the shape tool,

which we'll look in a second to do,

you can just have it selected down at fx and go to gradient overlay.

Now the next thing I want to do is this image in the background,

and is a slightly different process.

Because first of all,

if I click on Background,

this fx is grayed out.

This is going to happen throughout our Photoshop course where it's locked.

It's called background. To unlock the background,

double-click Background. Give it a name.

Mine is shoes. Now it becomes unlocked and I get to have that fx.

That's half of the thing we need to do.

Now click on fx, make sure that layer's selected

and go to gradient overlay, just like we did before.

The trouble is, it's doing exactly what happened here,

but I can't see the image.

We've talked about all of this stuff.

It's this one here, blending mode.

Blending mode is a way of this gradient blending with the image itself.

Click on Normal, dissolve does nothing, darken does something.

You're just going to have to work your way through until you find a blend,

that works with your particular gradient and the colors in your image.

Now there's no absolute one you should pick from this.

It really depends on your image and the colors in your gradient.

It's a bit of a lottery. Click a Multiply,

see if that works for you.

I'm just going to work way through until I pick something that I like.

I'm going to turn the opacity back up.

Color burn, linear burn,

you're just going to watch me now go through them all.

Lighten, I kind of like. It's got that retro '80s,

but in that hipstery way,

it's hard to explain. The gradients are cool now.

Lighten, I know screen's a nice one,

color dodge, not so good.

I'm not going to go through every single one of them because I decided I either like

hard light or I liked lighten.

That's totally just based on my gradients and my images,

and I'm going to leave it there.

So that's the difference between doing images and just say straight off text or shape.

Is that first of all you need your layer unlocked,

then you add the effect like you do normally,

and just make sure when you do add your gradient,

you change that blending mode.

Oh, before I go,

probably super important point that I haven't brought out yet is,

if you want to adjust this gradient now, okay I will turn it off.

See all star here,

you can see the structure.

That's my whole layer,

and these are the effects.

I can turn either the effect or the gradient

itself off to show through that original red color.

To turn it off,

that's all you need to do, just leave it there.

But to edit it,

I'm going to have the eyeball on,

double-click the word Gradient overlay.

Double-click, and you'll see it's gray here and it's got a little tick.

You might be accidentally on something else,

so I'm going to untick that,

make sure this is gray,

and that's where can go and make adjustments.

Let's say that I don't like that anymore,

so I'm going to reverse it or play with a different blending mode as well.

That's how you make adjustments.

I'm probably going to turn it off and make this back to white.

Text selected, a little properties panel here will tell me what color that I'm using.

I clicked on it and to get white,

just as a little other thing before we go is watch this,

any of these hues, it doesn't matter,

if I click Hold and Drag,

and I'm dragging past where I needed it,

because up in the top left is white and down in the bottom left is black.

Some people would just try and click in there,

you get it pretty close, but if you click Hold and Drag past,

I'm holding my mouse down and dragging it past.

That shows it's white.

I'm going to click okay,

and if you want to tidy this effects up,

I've turned it off so you can't see it,

but say that you all pedantic and you've got a bit OCD and you want get rid of this,

you can click Hold and Drag it to this trash can, and that will get rid of it.

It's project time. I'd like you to practice using this one here.

I don't mind what text you use,

but definitely play around with the gradient on the image.

Go to Grabient, pick a color, pick your own colors.

You can do your own colors.

I'd like to actually see it this time though.

You've been following me along.

What I'd like you to do is I'd love to see your own one.

Dig through your files and see if you can find an image that you're happy to share,

and it can be your family,

it can be your house,

you can take a quick photo now, of yourself.

I want to see what kind of gradients and stuff you're doing.

You can either post it here on this page,

or you can share it with me on social media.

On Instagram is bring your own laptop,

or on Twitter it's Dan loves Adobe.

Either way, do an image,

can be this one, can be your own one,

and I would like to see what you've done.

That is going to be the end of this one.

Let's jump into the next video.

I'll see you over. Bye.