Jump to content
You must now use your email address to sign in [click for more info] ×

Affinity Designer - Merging two gradients


Recommended Posts

Hey all,

 

New around here, owned AD for around three weeks, new to professional vector design. So far, it's been great, but now I've hit an issue and can't think how to solve it.

 

I'm drawing a flat vector design of a bird, where the body goes from black to grey and the head goes from black to white. The body is one union of shapes and the head is another.

 

I need the two gradients to merge, so that there's no obvious divide on the bird's "neck" where the shapes have their shared edge.

 

I.e., the two gradients should seamlessly merge, and appear to form from the same black area, but then be able to diverge, so the body is grey and the head is white.

 

Any advice appreciated.

 

ilmiont

 

(edit - added a very simplistic example of the problem, I need to get the two objects to merge convincingly)

example.jpg

Edited by ilmiont
added a very simplistic example of the problem
Link to comment
Share on other sites

Alternatively…

 

Group the two objects, then apply the gradient.

 

Or…

 

Add the 2 shapes to make a single object, then apply the gradient.

 

Or…

 

Create a Compound Object from the 2 shapes, then apply gradient.

Win10 Home x64   |   AMD Ryzen 7 2700X @ 3.7GHz   |   48 GB RAM   |   1TB SSD   |   nVidia GTX 1660   |   Wacom Intuos Pro

Link to comment
Share on other sites

1 hour ago, Fixx said:

I think OP needs to merge two different gradients so that gradients blend around the area the two objects meet. I am not sure it AD tools are sophisticated enough for that. In Illustrator you would use Gradient Mesh I guess.

Ye, as I wrote above, I've ended up using transparency on a duplicate layer to do what I want.

Imagine you have a 2D bird in flight in two unions, body/wings and neck/head.

I need a black radial gradient starting at the body and ending in grey at the wing tips, but white at the head.

To appear realistic, both the grey/white areas have to appear to be on the same path from the black area of the body. So really, I need a hypothetical V-shaped gradient path, with black, white and grey stops, where black is shared.

I've achieved the effect I want by applying the black-grey gradient to the body and the black-white gradient to the head (black slightly adjusted on the head to be closer match to the colour of the gradient body pixels near the join between the shapes.)

Then I duplicated the layer, joined both shapes and applied the black-grey gradient across the entire thing. Then a careful transparency curve allows the white on the lower layer to show through, while preserving the smooth gradient on the neck.

On mobile now, but tomorrow I'll add examples to illustrate. Struggling to describe the effect! Important point is, there are two objects, which need to have a gradient that makes them look like one object, but their end stops have different colours.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.