Swatch color moves on save

[amandaw74079273]

I'm attempting to save an AI file I created to SVG and the color swatch moves over the X. What am I doing wrong? The top version is what it should look like. the bottom one is what it's saving.

[Monika Gause]

Exactly how did you build it?

Clipping masks?

You might want to create sistinct shapes for each color.

[amandaw74079273]

i followed online directions. Created a swatch with two rectangles with the colors, then added them to the color swatches. Typed the letter in and applied the swatch to it.

[Monika Gause]

So you created a pattern and applied it.

SVG export will probably convert that to a clipping mask.

And then there also is a precision setting in export.

You might want to create shapes for your colors. That would be the method that creates the cleaner output.

[amandaw74079273]

is there a video or something I can watch to teach me that? I'm not sure what you mean by create shapes. I created to rectangels. I'm also not sure if there is a way to apply the letter to the colors like you can in photoshop, then select the letter and erase the colors around the X. I'm an expert at Photoshop, but illustrator seems extremely different with every tool in every way.

[Monika Gause · Accepted solution]

You need to cut that shape in 2 and then apply the colors.

Draw the cut and then subtract it from the X

https://helpx.adobe.com/illustrator/using/combining-objects.html