Help needed with "Clipping Mask" in Illustrator

[Guffaluff]

Hey everyone!

I'm fortunate enough to have just get access to the community features today, and I'm trying my hand with the Decal Uploader. I have the SVG file for my company's logo, and uploaded it via the Decal Uploader. This is the logo:

And this is how it appears in the game:

When I open the SVG file in Illustrator, I get this message:

I start googling and find some method to remove Clipping Mask, but then I'm left with this:

Which is exactly what I see in the game.

I need some advice here from the experts. I know my way around Photoshop but I've hardly any experience working with Illustrator, or vector graphics in general for that matter.

Is there any way for me to get the logo how it's supposed to look into the game?

 

[NINE_HUNDRED]

Can you attach the SVG file?

In Illustrator, if you press ctrl + Y does the outline of the logo shape appear?

 

[AutobacsJM]

no reason to even have a clipping mask involved when they’re just two separate shapes, you’d be better off retracing or auto tracing the shapes and then filling with a gradient yourself, looks like a 5 min job.

 

[Guffaluff]

Can you attach the SVG file?

In Illustrator, if you press ctrl + Y does the outline of the logo shape appear?

The forum doesn't allow me to attach the .svg file. However, this happens when I press ctrl + Y :

no reason to even have a clipping mask involved when they’re just two separate shapes, you’d be better off retracing or auto tracing the shapes and then filling with a gradient yourself, looks like a 5 min job.

How does one go about doing that?

 

[AutobacsJM]

judging by that photo i can see why they used a clipping mask now, it was created to punch out the shapes from their square backgrounds, they should have just traced the shapes independently from the start...and if you want to you could just lock that layer and create a new one on top, grab the pen tool with no fill and any stroke color that’s easy to see and retrace the shapes, once you have the outlines traced you can just add the gradient fill to each one.

 

[Guffaluff]

judging by that photo i can see why they used a clipping mask now, it was created to punch out the shapes from their square backgrounds, they should have just traced the shapes independently from the start...and if you want to you could just lock that layer and create a new one on top, grab the pen tool with no fill and any stroke color that’s easy to see and retrace the shapes, once you have the outlines traced you can just add the gradient fill to each one.

Thanks for the tips . Such a noob on Illustrator, gonna try to work this out =)

 

[Randombeef]

judging by that photo i can see why they used a clipping mask now, it was created to punch out the shapes from their square backgrounds, they should have just traced the shapes independently from the start...and if you want to you could just lock that layer and create a new one on top, grab the pen tool with no fill and any stroke color that’s easy to see and retrace the shapes, once you have the outlines traced you can just add the gradient fill to each one.

^^ This should work or try this.

Press Ctrl+Y

Select the direct selection tool in the top left.

The image before this will probably look something like this right?

Anyways. Click the outlines of the squares

Delete one line then the rest should look like this. (bottom image)

Delete the rest of this and then press ctrl+y again and your image should be fine!

You may have to do the gradient yourself! Hope ive helped and hope im not wrong either.

Edit: fixed the pictures but can't delete the old ones with an X for some reason, sorry!

 

[eran0004]

The forum doesn't allow me to attach the .svg file. However, this happens when I press ctrl + Y :

View attachment 693513



How does one go about doing that?

If you zip the file or just change the file extension to .txt you can attach it.

 

[Guffaluff]

^^ This should work or try this.

Press Ctrl+Y

Select the direct selection tool in the top left.

The image before this will probably look something like this right?

Anyways. Click the outlines of the squares

Delete one line then the rest should look like this. (bottom image)

Delete the rest of this and then press ctrl+y again and your image should be fine!

You may have to do the gradient yourself! Hope ive helped and hope im not wrong either.

Edit: fixed the pictures but can't delete the old ones with an X for some reason, sorry!

If you zip the file or just change the file extension to .txt you can attach it.

Thanks guys, managed to get it done. Couldn't do the method above but what I did was to just rasterize within Illustrator, and tracing it as a 16 color image. The gradient is of course a bit rough but it's ok .

I tried tracing as a high fidelity image but file size became way too big.

Should it be possible to have smooth gradient within the 15kb size limit?

This is my first take on a livery based on my company's logo/colors

 

[Randombeef]

Thanks guys, managed to get it done. Couldn't do the method above but what I did was to just rasterize within Illustrator, and tracing it as a 16 color image. The gradient is of course a bit rough but it's ok .

I tried tracing as a high fidelity image but file size became way too big.

Should it be possible to have smooth gradient within the 15kb size limit?

This is my first take on a livery based on my company's logo/colors

View attachment 693679

View attachment 693680

Glad you got it working! High fidelity photos tend to add a lot more paths and adds extra details which aren't really needed so that's why the file size isn't so big! I recommend black and white logos for most things, really kills the big file size or atleast it has on my end.

 

[Guffaluff]

Glad you got it working! High fidelity photos tend to add a lot more paths and adds extra details which aren't really needed so that's why the file size isn't so big! I recommend black and white logos for most things, really kills the big file size or atleast it has on my end.

Thanks for the help