Mobile app version of vmapp.org
Login or Join
Dunderdale640

: Shading half a rounded rectangle in Illustrator I have a rounded square which I created by using Stylize/Round Corners effect on a standard square as recommended here. Don't worry about the other

@Dunderdale640

Posted in: #AdobeIllustrator #Shapes

I have a rounded square which I created by using Stylize/Round Corners effect on a standard square as recommended here. Don't worry about the other three squares, we're just looking at the left hand one!

Now I want to take a portion, (roughly but not exactly half) of that square and make it a darker colour.

To do this I am drawing a shape with the pen tool, diving the object, then shading I would shade the newly created shape darker, but of course, when I divide it, the rounded corners "pop" onto the new portion!

I am pretty sure my workflow is completely wrong. I am NOT an Illustrator pro :(

Guidance appreciated!



Step 1 - Starting here:


Step 2 - I draw the darker area as a kind of "mask"

Step 3 - I divide so I can have a piece of square to shade darker, but rats! I am sunk all ways round. I can't even make the darker portion have rounded corners as I only need two!

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Dunderdale640

3 Comments

Sorted by latest first Latest Oldest Best

 

@Kevin459

I realise I am too late with this answer, but since I already worked on it, I'll post it here anyway.

There are many ways to skin a cat so to speak. Illustrator is an amazing tool, and if you have access to the lastest CC 2017 version you could use the new Shaper Tool to create such an edit.

Here are the steps.


Draw your rounded rectangle using the rounded rectangle tool (don't apply an effect to round the corners). Then draw the grey shape with the Pen Tool.
Select the Shaper Tool in the tool box, mouse over the overlapping images and a dotted line will appear round them.
With the Shaper tool draw a wavy line over the edge of the part of the shape you want to remove.
The outer grey part is removed.
The beauty of this method is that the Live Corners remain live, and can be re-rounded later.

10% popularity Vote Up Vote Down


 

@Turnbaugh909

Use Object > Expand Appearance on the rounded shape before performing Pathfinder operations. This will "bake in" the effect and make the rounding actually part of the shape rather than an effect. Note the change in the path after using the Expand Appearance command.



This does mean the rounding is no longer live and adjustable. Anchors and Beziers are created and the rounding becomes a standard path.

10% popularity Vote Up Vote Down


 

@Cugini998

That is actually quite easy! The solution is using a "Clipping Path". There are several ways to do this. Here is one of them:

First draw the shapes that goes inside the rounded rectangle:



Then draw the rounded rectangle - the outer shape which will be used as a clipping path:



Select all the shapes:



Choose Object/Clipping Mask/Make and that's it:

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme