Mobile app version of vmapp.org
Login or Join
Shelley591

: Draw curved line that clips text with transparency in Illustrator I am using Illustrator CS6 and I have some text and want to create a curved line from the bottom left of the text to the

@Shelley591

Posted in: #AdobeIllustrator #Mask #Transparency

I am using Illustrator CS6 and I have some text and want to create a curved line from the bottom left of the text to the bottom right that has a uniform vertical curve to it. Then I want to clip the line so it splits the text with transparency. See the image below, this was done in PhotoShop just using the Eraser Tool to give you an idea of what I am trying to achieve. How can this be done in Illustrator CS6?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Shelley591

2 Comments

Sorted by latest first Latest Oldest Best

 

@Lengel450

A more elaborate way would be to actually punch out the curved line from the letter shapes. This has the downside that you will not be able to change the text or the curved line anymore, as this is a destructive operation.


Draw a large circle with a thick stroke and no fill. Holding Alt
while drawing to draw from the circle's center may help placing it
correctly;
Adjust the stroke width and the circle's position as needed; With
the circle selected, choose Object > Expand... and click OK in the dialogue that pops up;
Select your text with the black arrow tool and choose Type >
Create Outlines;
Ungroup the resulting group of letterform objects until there are no groups left;
Select all letterform objects and choose Object > Compound Path > Make;
Select your circle and choose Object > Arrange > Bring to Front;
Open your Pathfinder palette: Window > Pathfinder;
Select both the circle and choose the second option in the Pathfinder: 'Minus Front';
Ungroup the result and apply fills and strokes as you see fit.

10% popularity Vote Up Vote Down


 

@Lengel450

The easiest way to achieve this is to use a clipping mask. That's essentially a shape that masks your text: everything inside the shape stays visible, everything outside of it is hidden.

We'd like the shape of the mask to be that of, well, everything but a curved line. We can easily draw smooth curved lines with the Ellipse tool, but Illustrator can't use strokes in masks, only fills. We will need to Expand our stroke after we draw it.


Draw a large circle with a thick stroke and no fill. Holding Alt while drawing to draw from the circle's center may help placing it correctly;
Adjust the stroke width and the circle's position as needed;
With the circle selected, choose Object > Expand... and click OK in the dialogue that pops up;
Draw a rectangle that completely covers your text;
Open your Pathfinder palette: Window > Pathfinder;
Select both the rectangle and the circle and choose the last option in the Pathfinder: 'Minus Back';
With the resulting two-part shape still selected, choose Object > Compound Path > Make;
Select both the two-part shape and your text and choose Object > Clipping Mask > Make.


Tricky element here is that the masking shape consists of two separate parts: the top half and the bottom half. Illustrator can't use two shapes as a clipping path, so we'll have to make sure we convert the two shapes into a single so-called Compound Path before using it as a Clipping Mask.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme