Vertical gradient

[Mr Lucky]

I have filled a curve with a gradient. The gradient is horizontal (left and right)

 

How do I make it vertical? (top to bottom)

 

Thanks

[Alfred]

With the curve selected, choose the Gradient/Fill Tool and move the end nodes.

 

 

[Mr Lucky]

Thank you, that was a bit counter-intuitive as you'd think it would be done from the normal fill box at the top left where you can do a gradient, but only L/R

[Old Bruce]

1 hour ago, Mr Lucky said:

Thank you, that was a bit counter-intuitive as you'd think it would be done from the normal fill box at the top left where you can do a gradient, but only L/R

I have wasted literally hours with that, I should have learned the first time but no.

[R C-R]

8 hours ago, Mr Lucky said:

Thank you, that was a bit counter-intuitive as you'd think it would be done from the normal fill box at the top left where you can do a gradient, but only L/R

The context toolbar Fill dropdown would have to be very large or complicated to accommodate all the options available by using Gradient/Fill Tool on the canvas. For instance, the gradient can be at any angle, not just horizontal or vertical, & there are other gradient fill types besides 'Linear' that do not lend themselves to a simple straight line representation.

[Mr Lucky]

Understood, but the box opens up when needed so I don't see size or parameters involved as an issue. angle of gradient would be a simple wheel showing degrees?

just a thought.

[R C-R]

11 minutes ago, Mr Lucky said:

Understood, but the box opens up when needed so I don't see size or parameters involved as an issue. angle of gradient would be a simple wheel showing degrees?

When the box opens up, it obscures part of the canvas, so particularly on smaller screens or when working with smaller workspace windows, as more things are put in it, it covers more of the canvas. As it is, setting the color of stops pops open another window that almost doubles the area it covers. Gradients also have starting & ending stop positions on the canvas, & elliptical ones have two axes, so how would you add parameters for all that without obscuring a large amount of the work?

[Alfred]

39 minutes ago, R C-R said:

Gradients also have starting & ending stop positions on the canvas, & elliptical ones have two axes

And conical ones have a ‘circle’ for the intermediate stops.

[R C-R]

3 hours ago, Alfred said:

And conical ones have a ‘circle’ for the intermediate stops.

Yep. I suppose something like below could be done in a dropdown menu, with an angular input for each selected stop in turn, but it isn't what I would call user friendly.

Lots o' stops.afdesign

[mistdog]

On 6/14/2019 at 10:26 AM, Alfred said:

With the curve selected, choose the Gradient/Fill Tool and move the end nodes.

 

 

Move them how? They don't appear to be draggable. Tapping on each of them selects them, but dragging with two or three fingers (on a MacBook trackpad) does nothing.

[Jowday]

@mistdog

With the gradient tool selected it should be a simple (left) click and drag operation ... at least using a mouse. Whatever is equivalent to that on a trackpad should do the trick.

[RainerH]

Hi,

is there any way to give a textframe a vertical gradient? After opening the textboxes filling I can give it a gradient but it ist horizontal. I can flip it horizontal but I didn't find out how to turn it 90 degrees (or any other angle) to get it from top to bottom. I tried to give the textbox a gradient with the gradient tool but then the text gets the gradient (so I discovered a further nice feature).

Thnk you for your help.

Rainer

[Aammppaa]

With the Fill Tool, look on the context toolbar, and set Context to Fill & Frame (rather than Fill & Text).

[Jowday]

On 6/14/2019 at 10:48 AM, Mr Lucky said:

I have filled a curve with a gradient. The gradient is horizontal (left and right)

How do I make it vertical? (top to bottom)

Some tips for the gradient tool (using mouse on desktop version of Designer) for beginners.

• Left click and drag in any direction
• Left click + SHIFT and drag horisontally
• Left click + SHIFT and drag vertically
• or... hold left click + SHIFT and select an angle (in steps of 45 degrees)

[Annika]

Hi, I am having the same issue. I am attempting to change the linear gradient from horizontal to vertical in a triangle shape. I am not able to click and drag (on a trackpad on a macbook) or move anything else. I would love a video on this that show how to do it step by step for beginners. Thanks

[Move Along People]

-

[Annika]

Update. I was able to figure it out. Clicking on this tool helped me do what I wanted.

[orangefizz]

A convoluted, counter-intuitive way to accomplish what PS has been doing for ~3 decades. While I love a scrappy contender, this is generally my experience with Affinity. "If it ain't broke, break it."