Highlighted

Need Help w/ Erasing Part of a Circle

Community Beginner ,
Mar 02, 2019

Copy link to clipboard

Copied

Okay so I'm new to Illustrator and I'm having a problem with erasing parts of my logo, please help.

I want to make this a transparent logo so no matter what background color I put it on it will work.  As shown below, I have a filled in red circle, and over that is a filled in black circle, and over that one is another filled in circle with the opacity lowered.  My problem is the filled in black circle.  I need that to be erased so if the background was pink, inside of the circle would become pink.  But, when I delete the inner black circle, the red circle is now showing in place of the black one (shown in 2nd pic).  Basically, I want a red ring around the outside with no fill on the inside.  But another problem I am having is that I want the ring to be cut at the bottom where it says "MASON THE DJ", to create some space from the "MASON THE DJ" and the ring (like how it is in 1st pic).  In the 1st pic I didn't cut the ring, I placed black rectangles near it to create that effect, but I need to cut it completely instead of using the rectangles.  For some reason I cannot cut the ring.  When I try to erase it, it just pushes the circle in, but doesn't actually get rid of the piece.

I know this is confusing, but if someone is willing to video chat or something similar then please let me know because this seems like it should only take a minute and it is taking me FOREVER!!!

FACELOGOFINAL.jpgforum.png

Adobe Community Professional
Correct answer by Michael Bullo | Adobe Community Professional

Select the red circle and overlapping black circle. From the Pathfinder panel select the Minus Front option.

Select the red ring and overlapping black rectangle and select the same button.

minus-front.png

Views

2.4K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Need Help w/ Erasing Part of a Circle

Community Beginner ,
Mar 02, 2019

Copy link to clipboard

Copied

Okay so I'm new to Illustrator and I'm having a problem with erasing parts of my logo, please help.

I want to make this a transparent logo so no matter what background color I put it on it will work.  As shown below, I have a filled in red circle, and over that is a filled in black circle, and over that one is another filled in circle with the opacity lowered.  My problem is the filled in black circle.  I need that to be erased so if the background was pink, inside of the circle would become pink.  But, when I delete the inner black circle, the red circle is now showing in place of the black one (shown in 2nd pic).  Basically, I want a red ring around the outside with no fill on the inside.  But another problem I am having is that I want the ring to be cut at the bottom where it says "MASON THE DJ", to create some space from the "MASON THE DJ" and the ring (like how it is in 1st pic).  In the 1st pic I didn't cut the ring, I placed black rectangles near it to create that effect, but I need to cut it completely instead of using the rectangles.  For some reason I cannot cut the ring.  When I try to erase it, it just pushes the circle in, but doesn't actually get rid of the piece.

I know this is confusing, but if someone is willing to video chat or something similar then please let me know because this seems like it should only take a minute and it is taking me FOREVER!!!

FACELOGOFINAL.jpgforum.png

Adobe Community Professional
Correct answer by Michael Bullo | Adobe Community Professional

Select the red circle and overlapping black circle. From the Pathfinder panel select the Minus Front option.

Select the red ring and overlapping black rectangle and select the same button.

minus-front.png

Views

2.4K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Mar 02, 2019

Copy link to clipboard

Copied

Select the red circle and overlapping black circle. From the Pathfinder panel select the Minus Front option.

Select the red ring and overlapping black rectangle and select the same button.

minus-front.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Mar 02, 2019

Copy link to clipboard

Copied

As far as cutting out the center of the circle, you could either use Pathfinder or Shape Builder.

Starting with a circle:

Drawing another circle on top of it.

Select both circles. In the Pathfinder panel, click on Minus Front.

OR, you could choose the Shape Builder tool.

Hold down Alt or Option and you'll see a minus sign next to the icon for the tool. Click the area you want to delete.

To remove the bottom piece, you can use similar technique.

Draw a shape over the area you want to delete.

Select both objects and either use Pathfinder Minus Front or hold down Alt/Option with Shape Builder tool and click the object you want to delete.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Mar 02, 2019

Copy link to clipboard

Copied

Thank you very much.  Another question, how would I punch out the black dots that are inside the red ring to also make that transparent? The dots are a Path by the way, not sure if that matters.  I tried selecting the red ring and selecting the dots and clicking Minus Front, but it didn't work.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Mar 02, 2019

Copy link to clipboard

Copied

Did you make the dots using a dashed stroke with settings like this -- round cap and zero dash?

If so, next step is to select the dotted stroke and choose Object > Path > Outline Stroke.

Now you can select the dots and the circle and use Pathfinder > Minus Front.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Mar 02, 2019

Copy link to clipboard

Copied

I'm not exactly sure how you built your dotted line. In this example I have a dashed line. You are right that this can not be used to directly punch out a hole in the red ring below it.

original.png

Select the black dotted line and from the menu choose…

  Object > Expand Appearance

  Object > Expand

expand-steps.png

Then select the black dots and the red ring and combine them using the Minus Front feature in the Pathfinder panel.

final.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Mar 03, 2019

Copy link to clipboard

Copied

Thank you guys again, I appreciate it.  I do have one more question!! How do I make this effect (I did it in GIMP but I need it done in Illustrator).  I want to edit this inner red circle to go around the "MASON THE DJ" text making it look like a stroke around the top of the text.  I don't want to apply a stroke to the text though because then it distorts the rest of the text.  I basically want to delete part of the red circle to give it that effect (like it is in the 2nd pic).  Thank you VERY MUCH!

Screen Shot 2019-03-03 at 11.32.52 PM.pngScreen Shot 2019-03-03 at 11.33.18 PM.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Mar 02, 2019

Copy link to clipboard

Copied

Wow. Thank you so freaking much! I knew it had to be simple but I just couldn't find any easy answers until now. Thank you!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Resources
Add a group