[PS] Making a Gradient Follow a Path

User avatar
yzmxer608
Posts: 14976
Joined: Mon Dec 29, 2008 4:30 am
Team: Race Tech/SD
Location: Wisconsin, U.S.A

[PS] Making a Gradient Follow a Path

Postby yzmxer608 » Mon May 27, 2013 5:52 pm

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.

User avatar
yzmxer608
Posts: 14976
Joined: Mon Dec 29, 2008 4:30 am
Team: Race Tech/SD
Location: Wisconsin, U.S.A

Re: [PS] Making a Gradient Follow a Path

Postby yzmxer608 » Mon May 27, 2013 6:01 pm

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.

User avatar
MX PRODIGY 17
Posts: 3259
Joined: Tue Apr 12, 2011 9:36 pm
Team: TBR
Location: New Jersey
Contact:

Re: [PS] Making a Gradient Follow a Path

Postby MX PRODIGY 17 » Mon May 27, 2013 6:57 pm

Nice Juan!
Image

User avatar
Phathry25
Posts: 7332
Joined: Sat Dec 01, 2007 1:09 am
Team: No Frills Racing
Location: WI
Contact:

Re: [PS] Making a Gradient Follow a Path

Postby Phathry25 » Tue May 28, 2013 1:22 am

Don't do it Nate!

User avatar
yzmxer608
Posts: 14976
Joined: Mon Dec 29, 2008 4:30 am
Team: Race Tech/SD
Location: Wisconsin, U.S.A

Re: [PS] Making a Gradient Follow a Path

Postby yzmxer608 » Tue May 28, 2013 9:33 am

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.


Return to “Tutorials”

Who is online

Users browsing this forum: No registered users and 1 guest