Mobile app version of vmapp.org
Login or Join
Murphy569

: Creating a gradient thaf follows the arch of my shape in photoshop I thought what I wanted was quite simple but it appears not to be. I am trying to create a power meter but I can't get

@Murphy569

Posted in: #AdobePhotoshop #Gradient

I thought what I wanted was quite simple but it appears not to be. I am trying to create a power meter but I can't get my gradient to to match my shape. I added a link below as to what I have and what I want. I heard you could do what I wanted in illustrator but since I don't have that program I'm limited to the abilities of Photoshop.

Idea of what I want: d13yacurqjgara.cloudfront.net/users/39301/screenshots/407295/accuracy_meter.png
What I have:


You can see that the gradient lines are straight when I want them to follow the curve of my shape

Can I make a meter like that in Photoshop.

10.04% popularity Vote Up Vote Down


Login to follow query

More posts by @Murphy569

4 Comments

Sorted by latest first Latest Oldest Best

 

@Sue6373160

Ok.


Create any shape you want
Right click on the shape layer and convert it into a Smart Object
Double click on the converted layer





It will open a new window to your shape where you can

a) double click the shape and give it a gradient in styles

b) create new layer (⌘+⇧+N) and add gradient with the gradient tool (press G)

c) you can add a gradient layer (Layer>New Fill Layer>Gradient..)
Press Save (⌘+S) and later close the window (⌘+W).
You will be brought back to your original window, select your Smart object, press (⌘+T) to transform
Switch between free transform and wrap modes
Select your wrap shape and press (⌘+Enter)


Now you will see the gradient follows the actual shape form rather staying at static style.

You can always double click on the smart object layer you've created and edit the gradient without loosing quality.

I chose option **c)** because while i was recording it was the fastest way to perform :]


Enjoy

10% popularity Vote Up Vote Down


 

@Carla748

Have a go at this and see if it works, good luck.

10% popularity Vote Up Vote Down


 

@Debbie163

This is my idea. I hope this will help you

10% popularity Vote Up Vote Down


 

@Cugini998

I'm pretty sure you could do this, at least if I interpreted your question right.
I think you get (close to) the result you want with the free transform tool:
helpx.adobe.com/photoshop/using/free-transformations-images-shapes-paths.html
Let me further explain what i mean:

Step 1 Make a selection with the selection tool. (this could be a rectangle)

Step 2 create a new layer.

Step 3 Fill the selection with a solid color.

Step 3 Select te shape with again if you unselected it.

Step 4 Fill the shape with a gradient.

Step 5 Press crtl+t or cmd+t. (depends on system)

step 6 Click the free tranform tool and mold it to the shape you want it to be.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme