[PS] Making a Gradient Follow a Path

Post Reply
yzmxer608
Posts: 15352
Joined: Mon Dec 29, 2008 4:30 am
Team: SYS
Location: Wisconsin, U.S.A

[PS] Making a Gradient Follow a Path

Post by yzmxer608 »

I found this out messing around on a track I'm making. It's not exactly making a gradient follow a path, but setting up brush settings to mimic a gradient.

Step 1: Start off with your path, mine is shown below.
Image

Step 2: Open up the brush settings window (Window tab at top>Brush) or just hit the F5 key. Check the box next to Transfer. The only setting you need to change is under the Opacity Jitter section, click the drop-down box and change it to Fade.
Image

Step 3: This next part is totally dependent on the length of the path, and is basically trial and error. What this does is take whatever your forground color is, and fades it in as many pixels as set in the box next to the drop-down box you just changed. So start out with a base number, I used 2000. Once you have that number set make sure you have the correct layer you want selected, and the correct brush size (the brush settings you just changed don't reset if you adjust the brush size) then right click the path in the paths menu and click stroke, and use the brush setting. This is what I have now:
Image

As you can see it doesn't fade out completely, so I'll reduce the number of steps needed until it looks like it's a complete gradient. After trial and error I got it to look like this:
Image

Notes: In game it may ride a little bumpy, in the extreme case I did it was slightly choppy, but in a normal sized case I don't think it will be a problem (if it is just use Checkerz' tutorial here (starting from step #8)to smooth it out some.
Image

The very edge of the stroke might turn out erratic,this is shown below. But that can be fixed with a 1 pixel selection contraction of the layer, inverse the selection and clear/delete.
Image

Hope this helps some of you PS track makers! I suppose this could be helpful to skinners too.
TeamHavocRacing wrote:If I had a nickel for every time someone asked for this, I would have a whole shitload of nickels.
yzmxer608
Posts: 15352
Joined: Mon Dec 29, 2008 4:30 am
Team: SYS
Location: Wisconsin, U.S.A

Re: [PS] Making a Gradient Follow a Path

Post by yzmxer608 »

For fading colors, start off a normal solid stroke of what you want the end color to be, in this case red.
Image
Next follow the same steps on a new layer with the forground color as the starting color, here it's orange.
Image
TeamHavocRacing wrote:If I had a nickel for every time someone asked for this, I would have a whole shitload of nickels.
MX PRODIGY 17
Posts: 3275
Joined: Tue Apr 12, 2011 9:36 pm
Team: TBR
Location: New Jersey

Re: [PS] Making a Gradient Follow a Path

Post by MX PRODIGY 17 »

Nice Juan!
Image
Phathry25
Posts: 7481
Joined: Sat Dec 01, 2007 1:09 am
Team: No Frills Racing
Location: WI
Contact:

Re: [PS] Making a Gradient Follow a Path

Post by Phathry25 »

Don't do it Nate!
yzmxer608
Posts: 15352
Joined: Mon Dec 29, 2008 4:30 am
Team: SYS
Location: Wisconsin, U.S.A

Re: [PS] Making a Gradient Follow a Path

Post by yzmxer608 »

What am I not doing?
TeamHavocRacing wrote:If I had a nickel for every time someone asked for this, I would have a whole shitload of nickels.
Post Reply