Skip to main content
joaosp
Inspiring
October 24, 2019
Answered

How to apply a gradient on 2 objects keeping the gradient continuity?

  • October 24, 2019
  • 2 replies
  • 1404 views

 

I wanna "cut" a triangle (see above, the black one) from that rectangle's left bottom corner, but when I use pathfinder or shape builder tools to do that, the triangle "assumes" the rectangle's full gradient, and instead, I need the triangle to "grab" gradient continuity, like if it had been cut with a scissor (on photoshop I just would have to rasterize the rectangle). I wanna put that triangle on my artwork left bottom, and sure, keeping it editable.

 

I followed some instructions from an article that said we have to make a compound path and then apply the gradient, however when I move the triangle to the other side of my artwork (where I want it to be), the gradient proportion changes drastically, as you can see here:

 

Below is the image where you can see the triangle with the right gradient proportion:

 

So, I want that same gradient exactly the triangle gets while is sticked to the rectangle, but I want the triangle to be where arrow left is, on the artwork left bottom.

This topic has been closed for replies.
Correct answer joaosp

Solved: in order to keep the gradient continuity and have the possibility of moving the shapes without changes on their gradient proportion, make a compound path and then apply a pathfinder "Divide". Bingo!

2 replies

joaosp
joaospAuthorCorrect answer
Inspiring
October 24, 2019

Solved: in order to keep the gradient continuity and have the possibility of moving the shapes without changes on their gradient proportion, make a compound path and then apply a pathfinder "Divide". Bingo!

rcraighead
Legend
October 24, 2019

I realized I didn't answer your question. Glad you solved it.

joaosp
joaospAuthor
Inspiring
October 25, 2019

Some things are only solved by pure luck, that was the case 🙂

rcraighead
Legend
October 24, 2019

Two ways:

  1. Fill all objects separately, select all and use "Gradient Annotator" ("G") to drag across all objects. This will span the gradient across them all.
  2. Convert the object to a "Compound Path", then the fill will be recognized as one attribute.

 

joaosp
joaospAuthor
Inspiring
October 24, 2019

See my edits