Apply a gradient to a curved shape

Image I reference to: 

So, I want to know what is the best way to apply a gradient to a curved shape as in "shape A" ( I used the shear filter, which is not what I want to do). I want to draw my shape with the pen tool first, then add the gradient to it.  As you can see in "shape C", it didn't work. I want the gradient to follow the shape. Anybody have any suggestions?

Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Kiran Paul VJComputer EngineerCommented:
hi japly53,

try this
1. draw ur shape with the pen tool
2. Apply gradient.
3. now the shape with gradient will look like shape B on ur image
4. Now create a new layer
5. Link this new layer with the layer u drew the shape.
6. Then merge the linked layers (Layer-> merger linked).
7. Now apply the filter (Filter->Distort->twril or any othe filter u want)

NB : steps 5 and 6 are important

hope this helps
japly53Author Commented:
The instruction you gave is how I made the shapes in the image. My question is how would I draw a shape like this:   and apply the gradient to it so that the gradient will follow the shape as in shape C in this image: If I apply the gradient normally, the shape would look like shape B, and that's what I don't want.
Kiran Paul VJComputer EngineerCommented:

You want to first draw a shape and then apply gradient. Is this what u are looking

in my method , first draw the shape straight, apply gradient, then distrort.

Introducing Cloud Class® training courses

Tech changes fast. You can learn faster. That’s why we’re bringing professional training courses to Experts Exchange. With a subscription, you can access all the Cloud Class® courses to expand your education, prep for certifications, and get top-notch instructions.

Kiran Paul VJComputer EngineerCommented:

chk the link .. may be useful to u

japly53Author Commented:
So, there is NO way to draw the shape distorted first (not a straight line) then apply the gradient?
Kiran Paul VJComputer EngineerCommented:
uumm no idea.. i will post if i find a method
This is about as close as I can get! - Image - File

I used the select (black) color, and then the color overlay (White) and inner glow (Black).

Hope this helps for your project!

Good Luck!
Take a look at this.

Let me know if this is close enough to what you are looking for and I'll list my steps.
This might be helpful:
There is no way of using the gradient tool, it's not in the nature of the tool to shape to a form. It will always fill a "straight" gradient.

The easiest way around this is to fill your shape with one of the two gradient colours then use layer effects to create the other one. Inner Glow or Bevel and Emboss should do the trick, although you might want to create a layer from the effect and change the endings as they will be "rounded" by the effect.


Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Adobe Creative Suite CS

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.