Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Problem in Tracing Seamless Pattern in Illustrator

New Here ,
Sep 18, 2020 Sep 18, 2020

I had some seamless patterns in jpeg format.I brought it in illustrator and auto traced it. But when i tried to use it as a swatch it is not seamless rather it shows tiny gap between the edges. I’ve tried resizing it other remedial actions but no improvements. Please check it I am attatching original jpeg pattern, traced and exported file from illustrator showing problematic pattern.

TOPICS
Draw and design , Tools
751
Translate
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 2 Correct answers

Community Expert , Sep 18, 2020 Sep 18, 2020

This art is so easy to draw, forget about tracing because drawing by hand you will have:

  • less bumpy jagged art
  • less point so the file is smaller and prints quicker
  • cleaner art for editing and making alt versions

Then set up for example a 300 pixel black square. Set your cursor key distance to 300 pixels. Then do your art around edges first.

Screen Shot 2020-09-18 at 11.24.45 AM.png

then do the middle

Screen Shot 2020-09-18 at 11.28.33 AM.png

then copy the black square, select all, paste in fron, select all then mask

Then create your pateren, and set the repeat to 300 x 300.

...
Translate
Community Expert , Sep 18, 2020 Sep 18, 2020

Image Trace in Illustrator is not 100% precise. For a repeating pattern, the pattern tile must be a perfect square or rectangle. When you trace, the edges or corners are likely no longer perfectly straight.

Since you have many patterns, you might consider leaving the pattern tile as a bitmap without tracing it. Your bitmap has nice straight edges and corners and I don't think there will be any gaps in the pattern repeats.

Translate
Adobe
Community Expert ,
Sep 18, 2020 Sep 18, 2020

This art is so easy to draw, forget about tracing because drawing by hand you will have:

  • less bumpy jagged art
  • less point so the file is smaller and prints quicker
  • cleaner art for editing and making alt versions

Then set up for example a 300 pixel black square. Set your cursor key distance to 300 pixels. Then do your art around edges first.

Screen Shot 2020-09-18 at 11.24.45 AM.png

then do the middle

Screen Shot 2020-09-18 at 11.28.33 AM.png

then copy the black square, select all, paste in fron, select all then mask

Then create your pateren, and set the repeat to 300 x 300.

Screen Shot 2020-09-18 at 11.29.19 AM.png

Translate
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
New Here ,
Sep 18, 2020 Sep 18, 2020

Actually it is not just about this art , I have many old seamless patterns in .jpeg format. I thought I should convert them to vectors.But I am facing the same issue with every pattern. Can you find what is the problem.

Translate
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 ,
Sep 18, 2020 Sep 18, 2020

Image Trace in Illustrator is not 100% precise. For a repeating pattern, the pattern tile must be a perfect square or rectangle. When you trace, the edges or corners are likely no longer perfectly straight.

Since you have many patterns, you might consider leaving the pattern tile as a bitmap without tracing it. Your bitmap has nice straight edges and corners and I don't think there will be any gaps in the pattern repeats.

Translate
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 ,
Sep 19, 2020 Sep 19, 2020

Why do you want to vectorize them?

Translate
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
New Here ,
Sep 20, 2020 Sep 20, 2020

To get some more freedom with customizations and resolution.

Translate
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 ,
Sep 20, 2020 Sep 20, 2020

Does the tiny gap disappear when you uncheck the smoothing option in Preferences > General?

Translate
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 ,
Sep 20, 2020 Sep 20, 2020

I have no problem with the big 3000 pixel file you showed here (emoji pattern_00068.jpg)

What are your tracing settings? Your EPS looks horrible.

How do you export? Art or Type optimized anti aliasing?

If you trace the high res file, you can see some small bumps, but no lines.

Translate
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 ,
Sep 20, 2020 Sep 20, 2020

aakash,

 

Whichever other choices you make, I believe it is always best to minimize the amount/complexity of artwork crossing the edges, especially in the corners, and if needed to minimize the visibility of possibly misalignment.

 

At least for the pattern shown it is possible to choose artworkless edges, whole faces inside and simple black area edges: you can move the horizontal edge down (or up) from the face at the crossing to be a bit above the next one crossed by the vertical edge; and you can move the vertical edge right (or left) to be just to the right of the next one crossed by the horizontal edge.

 

A simple way to optimize the (non) crossing can be to move a long vertical line horizontally and a long horizontal line vertically and simply choose from your findings; you can use the arrows (in the relevant areas). Remember to choose the positions and sizes to fit the unit and the pupose, with whole/integer values of all corners of both artwork and Artboard (points/pixel values for screen/web use).

 

Translate
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 ,
Sep 20, 2020 Sep 20, 2020
LATEST

These are the Image Trace settings I used and there were no gaps between tiles.

image.png

Translate
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