White Logo with Transparent Cutouts and Background

Community Beginner ,
Jul 17, 2022 Jul 17, 2022

Copy link to clipboard

Copied

Hi. 

I have a heart shape graphic and a paw print graphic. I want to create a logo with the heart white and the paw print inside and the background transparent.  Seems like it should be simple. But I need help, apparently.  

In the example I uploaded, where it's black, I need it to be transparent.  

Thank you. 

 

 

TOPICS
Draw and design , How to , Tools

Views

160

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
community guidelines

correct answers 1 Correct answer

Community Expert , Jul 17, 2022 Jul 17, 2022

Lee,

 

"all the shapes within the paw print are one png file"

 

In that case select both the black paw print PNG and the white heart, then in the Transparency panel click Make (Opacity) Mask (with Clip and Invert Mask unticked).

 

Compound Paths only works with vector objects.

 

Likes

Translate

Translate
Advisor ,
Jul 17, 2022 Jul 17, 2022

Copy link to clipboard

Copied

Group the paths which make up the paw, bring the paw group in front of the heart path, select both and make a compound path (Ctrl + 8). 

femkeblanco_0-1658093954672.pngfemkeblanco_1-1658093963305.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
community guidelines
Community Expert ,
Jul 17, 2022 Jul 17, 2022

Copy link to clipboard

Copied

There's no need to group it.

 

Groups inside compound paths can lead to weird issues.

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
community guidelines
Community Beginner ,
Jul 17, 2022 Jul 17, 2022

Copy link to clipboard

Copied

Thanks for your responses.  I'm afraid I'm more of a beginner than that. ☺️

 

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
community guidelines
Community Expert ,
Jul 17, 2022 Jul 17, 2022

Copy link to clipboard

Copied

Do you have vector shapes or just that 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
community guidelines
Community Beginner ,
Jul 17, 2022 Jul 17, 2022

Copy link to clipboard

Copied

I have the heart shape in one file and the paw print in another.  See attached. 

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
community guidelines
Community Expert ,
Jul 17, 2022 Jul 17, 2022

Copy link to clipboard

Copied

Select the paw shape (all that belongs to it.

Copy

Open the other file

Paste

Arrange both the shapes.

Select all

Object > Compound path > Make

Could happen that some shapes don't punch correctly.

In that case: open Attributes panel

Show options

Click on the right most button "Fill rule Even odd"

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
community guidelines
Community Beginner ,
Jul 17, 2022 Jul 17, 2022

Copy link to clipboard

Copied

Thank you.  When I select Object, I don't seem to have a command for Compound Path.  I'm on a mac, if that makes a difference. 

Thanks

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
community guidelines
Community Expert ,
Jul 17, 2022 Jul 17, 2022

Copy link to clipboard

Copied

You need to select both your shapes.

 

They are shapes, right? Not pixel images.

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
community guidelines
Community Beginner ,
Jul 17, 2022 Jul 17, 2022

Copy link to clipboard

Copied

I selected all.  

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
community guidelines
Community Beginner ,
Jul 17, 2022 Jul 17, 2022

Copy link to clipboard

Copied

all the shapes within the paw print are one png file.  

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
community guidelines
Community Beginner ,
Jul 17, 2022 Jul 17, 2022

Copy link to clipboard

Copied

Do I have to select each black shape to punch them out?

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
community guidelines
Community Expert ,
Jul 17, 2022 Jul 17, 2022

Copy link to clipboard

Copied

Lee,

 

"all the shapes within the paw print are one png file"

 

In that case select both the black paw print PNG and the white heart, then in the Transparency panel click Make (Opacity) Mask (with Clip and Invert Mask unticked).

 

Compound Paths only works with vector objects.

 

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
community guidelines
Community Beginner ,
Jul 17, 2022 Jul 17, 2022

Copy link to clipboard

Copied

Too easy!  I searched forever online, and that was all it took.  

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
community guidelines
Community Expert ,
Jul 17, 2022 Jul 17, 2022

Copy link to clipboard

Copied

LATEST

For my part you are welcome, Lee.

 

When Monika asked "They are shapes, right? Not pixel images." it was because Compound Paths only works with vector objects, and that question led to the solution of the riddle.

 

So if Monika had seen your answer, she would have made the Opacity Mask suggestion straight away; but at that time it was past 1AM.

 

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
community guidelines