[Photoshop] How do I bend gradients?

2009-02-28 19:10:31

#1

CrazeD: Member; +368|6901|Maine

This may be a noob question, but I've never figured out how to bend gradients.

I made an image to demonstrate what I want to do.

https://i13.photobucket.com/albums/a283/crazed_rider/howtodothis.jpg

I want the gradient on the C to look like the bar on the left, dark to light all the way around. I made a sort-of example on what I want it to look like on the right.

You may think "looks like you already know how to do it". Well, no I don't. To make the one on the right, I just copy merged the one on the left and then used the warp tool. If I use the warp tool normally, it just makes it all gay. So...

How do I bend gradients, or conform them to the shape of my image?

Thanks.

2009-02-28 19:27:50

#2

Scorpion0x17: can detect anyone's visible post count...; +691|6994|Cambridge (UK)

inner glow?

(that's a red 'C' with a yellow inner glow)

Last edited by Scorpion0x17 (2009-02-28 19:28:45)

2009-02-28 19:40:07

#3

Little BaBy JESUS: m8; +394|6377|'straya

Scorpion0x17 wrote:
inner glow?

http://img201.imageshack.us/img201/6673/innerglow.png

(that's a red 'C' with a yellow inner glow)

Or inner shadow? then edit the width/gradient of the shadow?

2009-02-28 19:47:14

#4

Scorpion0x17: can detect anyone's visible post count...; +691|6994|Cambridge (UK)

Little BaBy JESUS wrote:
Scorpion0x17 wrote:
inner glow?

http://img201.imageshack.us/img201/6673/innerglow.png

(that's a red 'C' with a yellow inner glow)
Or inner shadow? then edit the width/gradient of the shadow?

Gives very similar results.

2009-02-28 20:32:57

#5

CrazeD: Member; +368|6901|Maine

No, that's not what I want.

I want it to look like the bar on the right (only in a C, of course). There has to be an easier way than the way I described.

I don't want the C, that's just an example. I just want to know how to bend gradients, or like apply the gradient to the shape of the image.

2009-02-28 20:45:42

#6

Scorpion0x17: can detect anyone's visible post count...; +691|6994|Cambridge (UK)

in what way is it not what you want?

Oh, actually, I think I see now...

So, using the 'C' as an example, you want one colour on the outer edge and another on the inner edge, with a gradient in-between, yes?

hmm... good question...

Last edited by Scorpion0x17 (2009-02-28 21:02:20)

2009-02-28 21:02:46

#7

jsnipy: ...; +3,276|6751|...

I'd like to know that as well. I work around that issue using inkscape using a radial gradient , then bringing into photoshop ...

https://img525.imageshack.us/img525/2568/12644288.png

Last edited by jsnipy (2009-02-28 21:03:37)

2009-02-28 21:04:04

#8

Scorpion0x17: can detect anyone's visible post count...; +691|6994|Cambridge (UK)

I seem to recall PaintShopPro had/has a 'shape gradient'.

2009-03-01 01:12:01

#9

CrazeD: Member; +368|6901|Maine

I'm pretty sure there's a way to apply a layer mask or something that will put the gradient to the shape of the image, but I'll be damned if I can figure it out.

Photoshop is a pretty powerful program so, if you can't do that I'd be really disappointed.

2009-03-01 06:09:04

#10

OmniDeath: ~; +726|6872

Don't know how to do it in Photoshop without doing it manually, but it can be done in Illustrator.

2009-03-01 06:15:08

#11

TheEternalPessimist: Wibble; +412|6848|Mhz

Easy, just use one of the Style presets and jiggle with the settings.

EDIT: You probably only need gradient overlay tbh.

https://img231.imageshack.us/img231/1508/asdasdasda.png

Last edited by TheEternalPessimist (2009-03-01 06:24:03)

2009-03-01 07:41:57

#12

Ryan: Member; +1,230|7071|Alberta, Canada

Just make another layer, attach it to the layer of the C, then use a large soft brush and stroke in the gradient with one continuous motion. That would work as well.

2009-03-01 17:27:32

#13

CrazeD: Member; +368|6901|Maine

TheEternalPessimist wrote:
Easy, just use one of the Style presets and jiggle with the settings.

EDIT: You probably only need gradient overlay tbh.

http://img231.imageshack.us/img231/1508/asdasdasda.png

That's the look I'm going for, but can you explain a little more?

I make a C with text tool, then go to the blending options and then gradient overlay. Mine looks like the C in the OP though, not like yours. What am I missing?

EDIT: I figured this shit out. Amazingly easy too, wow.

Thanks all.

Last edited by CrazeD (2009-03-01 19:11:29)

2009-03-01 20:02:13

#14

Scorpion0x17: can detect anyone's visible post count...; +691|6994|Cambridge (UK)

CrazeD wrote:
TheEternalPessimist wrote:
Easy, just use one of the Style presets and jiggle with the settings.

EDIT: You probably only need gradient overlay tbh.

http://img231.imageshack.us/img231/1508/asdasdasda.png
That's the look I'm going for, but can you explain a little more?

I make a C with text tool, then go to the blending options and then gradient overlay. Mine looks like the C in the OP though, not like yours. What am I missing?

EDIT: I figured this shit out. Amazingly easy too, wow.

Thanks all.

How do you do it then?

2009-03-01 20:28:28

#15

Catbox: forgiveness; +505|6944

you can use a shape path... then you can have the gradient do anything you want...
I am not on my graphics comp right now but i will try and make some examples...
heres an explanation... there are other ways like people above have said...
http://www.photoshopgurus.com/forum/qui … -path.html

Love is the answer

2009-03-01 20:45:31

#16

Scorpion0x17: can detect anyone's visible post count...; +691|6994|Cambridge (UK)

[TUF]Catbox wrote:
you can use a shape path... then you can have the gradient do anything you want...
I am not on my graphics comp right now but i will try and make some examples...
heres an explanation... there are other ways like people above have said...
http://www.photoshopgurus.com/forum/qui … -path.html

*tries...

Sweet. That's what the tool in PSP does/did, only in less button clicks.

Last edited by Scorpion0x17 (2009-03-01 20:45:45)

2009-03-02 17:36:40

#17

CrazeD: Member; +368|6901|Maine

Scorpion0x17 wrote:
CrazeD wrote:
TheEternalPessimist wrote:
Easy, just use one of the Style presets and jiggle with the settings.

EDIT: You probably only need gradient overlay tbh.

http://img231.imageshack.us/img231/1508/asdasdasda.png
That's the look I'm going for, but can you explain a little more?

I make a C with text tool, then go to the blending options and then gradient overlay. Mine looks like the C in the OP though, not like yours. What am I missing?

EDIT: I figured this shit out. Amazingly easy too, wow.

Thanks all.
How do you do it then?

Seems you already figured it out, but a different way.

The way TEP described is you just click one of the styles and then you can change the colors or such. At first I didn't know what he meant by styles, but he means the tab on the color palette labeled "styles".

BF2S Forums [Photoshop] How do I bend gradients?

Scorpion0x17 wrote:

Little BaBy JESUS wrote:

Scorpion0x17 wrote:

TheEternalPessimist wrote:

CrazeD wrote:

TheEternalPessimist wrote:

[TUF]Catbox wrote:

Scorpion0x17 wrote:

CrazeD wrote:

TheEternalPessimist wrote:

Board footer