Highlighted

White border appears around the exported jpeg file

New Here ,
Dec 08, 2019

Copy link to clipboard

Copied

Hi. I'm making seamless patterns that I print on fabrics. When I export file as jpeg from Illustrator, and then open the jpeg in Photoshop, a pixel wide border appears around the image, or it is rather that the outermost pixel around the image is faded. Then my pattern isn't seamless anymore. I need to have a jpeg file to send to the fabrics printing company. How can I get rid of the light border around the image? It doesn't matter whether I choose anti-aliasing or not, the border is still there.

I just discovered this problem may be because the number of objects that I use is far more than usual, so that makes a little lag in the illustrator. but I have found a solution, I am also a pattern design maker so I drag the file to Photoshop and export the file there. and magical! no white lines on the edges.

TOPICS
How to, Import and export, Print and publish

Views

4.5K

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

White border appears around the exported jpeg file

New Here ,
Dec 08, 2019

Copy link to clipboard

Copied

Hi. I'm making seamless patterns that I print on fabrics. When I export file as jpeg from Illustrator, and then open the jpeg in Photoshop, a pixel wide border appears around the image, or it is rather that the outermost pixel around the image is faded. Then my pattern isn't seamless anymore. I need to have a jpeg file to send to the fabrics printing company. How can I get rid of the light border around the image? It doesn't matter whether I choose anti-aliasing or not, the border is still there.

I just discovered this problem may be because the number of objects that I use is far more than usual, so that makes a little lag in the illustrator. but I have found a solution, I am also a pattern design maker so I drag the file to Photoshop and export the file there. and magical! no white lines on the edges.

TOPICS
How to, Import and export, Print and publish

Views

4.5K

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
Dec 08, 2019 0
Adobe Community Professional ,
Dec 08, 2019

Copy link to clipboard

Copied

Does your pattern tile size contain fractional pixel values?

Do you export a single pattern tile?

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...
Dec 08, 2019 0
New Here ,
Dec 09, 2019

Copy link to clipboard

Copied

Thanks for your idea, I did have fractional pixel values. Unfortunately, it didn't help to change that. Yes, I export a single pattern tile, and then test the seamlessness of the pattern by putting four tiles next to eachother in Photoshop.

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...
Dec 09, 2019 0
Adobe Community Professional ,
Dec 09, 2019

Copy link to clipboard

Copied

You can try this:

In Illustrator set your units to pixels or points.

Your art and artboard should not contain fractional pixels (points).

Check your Rulers, are they Global rulers?

Check the Artboard options; are the top left X/Y coordinates whole numbers (no fractions)

Select and check the art, are the width and height whole numbers, are the upper left X/Y coordinates  whole numbers?

Export the artboard at 72 ppi or a multiple thereof (144, 216, 288).

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...
Dec 09, 2019 0
Adobe Community Professional ,
Dec 08, 2019

Copy link to clipboard

Copied

At which resolution do you export? Other than 72 will almost always have this.

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...
Dec 08, 2019 0
Adobe Community Professional ,
Dec 09, 2019

Copy link to clipboard

Copied

Hi Monika, not having real world experience with patterns on fabrics, how it can be solved or worked around?

Saving in Ai, as .ai or .pdf and placing in Photoshop, and export from there to jpg? ...

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...
Dec 09, 2019 0
Adobe Community Professional ,
Dec 09, 2019

Copy link to clipboard

Copied

Set up your file in the pixel dimensons you need. Set your artboard to whole pixels

Align stuff on the edges to whole pixel (resp overlap the artboard bounds).

Export at 72 ppi.

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...
Dec 09, 2019 0
New Here ,
Dec 09, 2019

Copy link to clipboard

Copied

Thank you for answering, but I don't really understand what you mean by "set up your file in the pixel dimensions you need"? I have an illustrator document (15x15 cm) with vector objects. What I need is a jpeg, 15x15 cm in 200 dpi. If I were to send a file in 72 dpi to the fabrics company, they would shrink my image until it became 200 dpi. I tried exporting the image in 72 dpi. The light borders are still there and the image is really blurry and lost its details.

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...
Dec 09, 2019 0
Adobe Community Professional ,
Dec 09, 2019

Copy link to clipboard

Copied

Is the artboard aligned to the pixel grid? If it isn't you'll get white borders.

 

As for the resolution thing: when you export at a different resolution than72 ppi, Illustrator will do a resamplig which will produce white picels. You can just calculate how many pixels those 15 cm at 200 ppi will need to be and then set up a document in exactly these dimensions.

 

And no, when you deliver that to the company they will just need to set a different resolution and no need to resample. At least when they know what they're doing.

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...
Dec 09, 2019 0
New Here ,
Dec 09, 2019

Copy link to clipboard

Copied

I have Illustrator CC, but there isn't any box to tick under Transform, so I don't know how to align my artboard to the pixel grid.

 

Regarding the resolution, thanks, I'll try to set up that kind of Illustrator document.

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...
Dec 09, 2019 0
Adobe Community Professional ,
Dec 09, 2019

Copy link to clipboard

Copied

You just need to read the numbers.

 

Set the origin to upper left and then every number need to be a whole number instead of a decimal. (with units set to pixels, of course)

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...
Dec 09, 2019 0
Advocate ,
Dec 09, 2019

Copy link to clipboard

Copied

When exporting your artwork as jpeg, in the export dialog box located beneath the file formats, select "use artboards" then click the Export button.

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...
Dec 09, 2019 0
New Here ,
May 05, 2020

Copy link to clipboard

Copied

Hi! I have been using illustrator for patterns for many years, I have never had this problem before. Ever since I installed ai 2020, I am having the same problem when exporting a JPG file.  Did you find a solution to this problem?  Thank you so much!

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...
May 05, 2020 0
New Here ,
Jun 26, 2020

Copy link to clipboard

Copied

Hi! Try the solution in the post below by gerrief64829707. Another solution is to export the file as tif from Illustrator, and then open and save it as jpeg in Photoshop.

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...
Jun 26, 2020 0
New Here ,
May 28, 2020

Copy link to clipboard

Copied

I just discovered this problem may be because the number of objects that I use is far more than usual, so that makes a little lag in the illustrator. but I have found a solution, I am also a pattern design maker so I drag the file to Photoshop and export the file there. and magical! no white lines on the edges.

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...
May 28, 2020 0
New Here ,
Jun 26, 2020

Copy link to clipboard

Copied

Thank you, your solution works!

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...
Jun 26, 2020 0