Getting lines between colors in Illustrator

Hi,
I have a problem and I'm looking for some advice. I dropped a raster image into Illustrator (AI) and with Live Trace, turned it into a vector image that looks excellent on my monitor. However, when I load the vector file into a PDF and then open the PDF, I see small, light gray hairlines between the colors.
I'm making a product label for a client. He wants a particular photograph (JPEG) for the background. The printing house wants vector images in CMYK.
I'm fairly new to AI and probably not using "approved methods" although I took what I thought were logic steps to achieve my desired end.
I took the RGB JPEG, converted it to a .tiff in CMYK. I also tried converting the JPEG to .bmp and .esp - all in CMYK, before moving to AI. I Also tried placing the JPEG directly into AI.
I dropped those images into Illustrator separately and did Live Traces on each. At this stage, each attempt gave me excellent vector images in CMYK, but went wonky when I transfer to PDF.
Oddly, when I make a hard copy of that PDF on a hi rez digital printer (2400 dpi), the lines do not appear. However, I am still very concerned about those lines, because I will be sending a job off to be done on four-color offset printing. I'm sure the printer will freak out if he sees those lines and I am even more concerned that those lines may show up in the four-colour print process.
A local graphics person I spoke with suggested I would find my solution in Pathfinder, but I tinkered with that feature quite a bit and could not resolve the problem. Although, I wonder yet if that may be where I might find the solution, because when I hit Expand the blue path lines seem to correspond with the troublesome gray lines.
Someone else told me to hit Expand and then turn off Stroke. I believe I did that correctly, but there was no difference. I also saw no difference when I applied the maximum value for the Stroke. Other attempts at finding a remedy included Resample deselected, then Resample with a resolution of 300,
This project is driving me nuts and I'm hoping I can find some help.
Matt

@ Gustavo
I did not attempt going back to Photoshop with the PDF, but when I loaded that PDF into AI, the lines were not there.....strange!
As you will note from the above comments, I have found a solution to my problem, but I am posting an enlarged screenshot of part of an image showing these lines, just so you'll see the snag ran into.
Now, if anyone else asks about this, you'll be able to help them avoid the frustration I encountered.
Matt

Similar Messages

Edging problem "thin white line" between paths in Illustrator CS4...

I am making a map of Europe with Illustrator CS4 for a documentary about WWI and how the Versailles Treaty carved up imperial Germany. After having traced imperial Germany before Versailles, I then carve out the territories given to neighboring states. The problem is these very fine white lines that appear between paths.
I have two paths right next to each other. But for some reason I see this very thine white line gap that shows up between them and becomes much more evident when I export into Photoshop. Please notice this very fine white line in the black image. What you see in this image are in fact two paths side by side. There should be no line between them. And I have no idea why this very fine line appears but it gets much worse in Photoshop much more noticeable. Please click on image to see the line more clearly.
Thank you very much in advance for any help or suggestions.
- Nick

Dear Jacob and Peter,
Thank you both very much for your help.
Please see these photos showing my problem more clearly.
I am using Illustrator to draw the regions, Photoshop to consolidate the layers, and Apple Motion 4 to build my animation.
[1] : Imperial Germany in 1914.
[2] : Germany after Versailles.
In Illustrator CS4, the images [1] and [2] have the colored layers in "Multiply" transparency mode. It's how I want the layers to look when I import them into Apple Motion 4.
My idea was to color all the layers black in "Normal" mode and then apply "colorize" filters in Motion 4 and set the transparency to "multiply" in Motion.
Now with Imperial Germany (all layers colored in black with transparency set to "Normal"), when I bring the image into Photoshop, I suddenly get very fine white lines between the layers and these lines show up in Motion which is the big problem. Like I said, when you click on this last photo, and you see the image full size, you can clearly see the problematic lines which appear exactly where the layers touch each other. In the photo below, the territories ceded to Poland (West Prussia) and Lithuania (Memel) are not yet red. They are still black but you can see the lines.
I don't understand because in Illustrator there were no gaps whatsoever between the layers. In Illustrator CS4, I simply cut the "territorial losses" from imperial Germany using the "Trim" function in the Pathfinder Menu. I created the red and yellow layers from the original single "imperial Germany" layer. In Illustrator I can colorize all the layers black and still never see any gaps. The fine white lines, appear in Photoshop and in Motion.
(NOTE: The documentary is being in edited in Final Cut Studio which is why I use Motion for animating.)
Sorry to ramble on. Thank you again for any further help you can give me.
- Nick

Print from photoshop - fine(micro) white line between colors

One CMYK document with two coloured squares overlaying each other somewhat
1 with colour C:22 M:7 Y:9 L:0
1 with colour C:0 M:76 Y:99 L:0
When printed on standard home colour laser printer and on the digital proof print from printing house it shows a very microscopic white line between the two colours. When I do the same from illustrator(vectors) there are no such lines.
Any ideas?

How to get gradient fill color in Illustrator

I have button drawing for web in Adobe Illustrator format. I'm trying to get fill settings to create the same look with CSS. I can't find what color to use and gradient settings.

Eugene,
In the Window dropdown list (in the row at the very top starting with File), can you tick Gradient, and if so, what happens?

How to get lines in between two fields in smartform

Dear Freinds,
               I have developed one smart form however iam not getting output correct could you please help me out, the problem iam getting is iam not able to get the following things
in The Main Window
         i have one header , one Main Area and one Footer Area
in the header i have created one %ROW1 and named as Row and again under the ROW i have
created a % Cell ...........again i want to create for the same Row iam not able to creeate another
Cell.........please let me know how i can have 5 or 6 cells for the same Row .
as i want the output as
UNit No. : 103              Quantity Req : 200   Date of Issue : 10/01/2008
Destination : Delhi         Amount       : 300    Rate/Per unit : 7
and secondly i have to have lines between the rows .... so please do let how to get lines in between rows as well..
i have tried allot but not able to get.
regds
madhuri

Hi Marcin Pciak ,
             Thank you very much for giving me the solution, one more point i require in this regard
i have requirement as below
IDNo                                      Invoice Amount
Despatch Date                      Despath Time.
Now i want i created Two Cell s (Cell A & Cell B) could you let me know how i can get IDNO and
Invoice Amount adjusacent to each other as above but right now iam getting in my smarform
IDNO
Invoice amount
but i want is IDNO--    Invoice Amount--
please help me this point
thanks once again for giving me answer.
regards
madhuri

Pattern brush, colored lines between segments

Hi all,
Issues with the pattern brush won´t stop for me...
This time I try to create a pattern brush from paths, everything seems aligned to be but still there are discoloured lines between the segments. I´ve tried again and again and now I´m tired of it. Everytime I read a tut it seems simple but I can´t get it to work. Here is a link to the Ai file I´m using ( CC ), perhaps someone can have a look and point me to the obvious. Those gaps stay after export, so it´s not a preview thing I guess.
Thank you in advance,
IOError

Did not thought of that. Thank you very much. I think I´ll read your book

How to get only one line between tables in database diagram?

Hi!
I'm using jdev 10.1.3. I've got a database schema with a lot of tables. I would like to have them in one database diagram in compact view with only ONE line between two tables even if there are more foreign key columns between the two tables. In the shema there are a lot of foreign keys with multiple columns and the diagram is hard to read.
How to archieve this?
Thanks,
Carsten.

hi,
u should use the same variable across all your queries.In the WAD there is a propoerty "display same variable once". Check that.
hope it helps,
regards,
Parth

Thin white line between line art and live paint fill?

I am using live paint to paint cartoon character illustrations. The artwork is brought into Illustrator CS3 and live traced. Then I convert it to a live paint group and use the paint bucket to fill. Everything looks fine no matter how much I zoom in. If I bring the AI file into Photoshop CS6 I can see a thin white line between the black line art and the fill. This is most noticeable where black meets black. I can also see this sometimes in file previews while browsing through files. If the white line cannot be seen in Illustrator is the file ok? I did just upgrade to CS6 if that would make a difference.
Thank you for any help.

If the white line cannot be seen in Illustrator is the file ok?
Without knowing specifics,nobody knows.
"Okay" for what?
If it looks okay to you in Illustrator, then it's okay for viewing in Illustrator.
If the export of it does not look okay in Photoshop at 1:1 or higher zoom, then it's probably not okay for whatever you're going to do with that raster image.
If it's printed to a low-res composite printer, then it may be okay, because the printer may not be able to resolve the whitish pixels.
If it's printed for commercial (color-separated) reproduction, it may not be okay, depending on the scale at which it will be printed, and on other considerations partially described below.
The autotrace routine does not build traps. Typically, when you color-fill cartoon line art manually, you don't make the shapes that define the fills merely "kiss" the black line work, as would the default treatments of a stupid autotrace. The black line work typically overprints the fills, thereby creating printing traps.
Suppose a portion of your cartoon is a hand-drawn closed circle. The black line work is irregular; it varies in width, having been drawn with a marker or a brush. The circle is colored in with a medium green. There are no sloppy gaps in the original between the green and the black.
You scan it and autotrace it. Unless you apply some deliberate care to make it do otherwise, the autotrace is going to create a compound path, filled with black, and with no stroke; and a green simple path which (hopefully) exactly "kisses" (abuts) the black path. Adobe's on-screen antialiasing of the edge where the two colors abut may or may not cause your monitor to display a faint whitish or grayish sliver between the two colors.
Similarly, Photoshop's rasterization of it, or the rasterization of a raster export filter may do the same, and may actually result in some off-color pixels along the edge. (Your description of the scenario kinda raises the question of why you are auto-tracing something that you're then just going to rasterize in Photoshop anyway. Why do that? Why not just work with the scan in Photoshop?.)
So let's leave Photoshop out of the picture and assume you are autotracing it because you want vector artwork. You zoom way in to see if the whitish sliver enlarges. It doesn't, so you assume it's just an aberation of Illustrator's on-screen antialising. And then someone tells you you're in the clear. But are you? Not so fast.
Let's assume the artwork is destined for commercial (color-separated) printing. Further assume the color of the autotraced black is 100% K, and the color of the autotraced green is 100Y 50C. Three inks involved. None of those three inks are shared between the two objects. So even if the paths do, in fact, perfectly abut, there is no "wiggle room" built in for the minor alignment shifts that almost aways do occur on press.
Bottom line: Even if you do determine that the common antialiasing aberations that frequently occur on-screen in Adobe apps is just that—just an onscreen aberation, that does not necessarily mean your file is suitable for commercial color-separated reproduction.
First, you need to understand that autotracing is not the one-click, instant "conversion" of a raster image to vector artwork that far too many think it to be. Just like everything else, you don't just launch a program like Illustrator, start autotracing things willy-nilly without understanding what's really going on. Just like anyting else, you can use an autotrace feature intelligently or...well...not.
You have options. Illustrator provides an auto-trapping feature. Read up on it in the documentation so you understand what it's all about. Alternatively, you can expand the results of your autotrace, select all the black linework and apply a composite color that includes 100% K and reasonable percentages of C, M, and Y (a so-called "rich black"). Or,depending on the artwork and the desired results, you may consider doing the autotrace as centerlines so you have stroked paths, not just filled paths for the linework. That way, using the flood fill (so called LivePaint) will cause the auto-created fill objects to extend to the paths, not just to the edges of their strokes. Then set the linework to overprint.
At any rate, if you are doing this professionally, you need to read up on the principles and practices of trapping and color separation.
JET

Polar equation of a line between two points

I am trying to make a method to output the points (in polar coordinates (r, theta)) along a line between two given polar coordinates.
This will mimick the path of an object traveling across a radar screen.
Is this possible?

Java does not plot in polar coordiantes, you'll have to convert to rectangular to get a plot. If you're just doing a sweep on a screen, then it's fairly simple to do:
r is the radius of your screen,
(0,0) is your Origin translated as (Xmax/2, Ymax/2)
when you draw the line you just start at your Origin and get your end values as
X1=X0+r*cos(Theta) and
Y1=Y0+r*sin(Theta),
I've not seen, nor do I think there is any other support to do what you want--you have to convert to (x,y) coordinate system.
This will leave a ragged edge so make a border around your screen.
import java.awt.Color;
import java.awt.Dimension;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.awt.Point;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.Timer;
public class JRadar{
public JRadar(){
    JPanel p = new MyJPanel();
    JFrame f = new JFrame("ForumJunk: JRadar");
    f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    f.add(p);
    f.pack();
    f.setVisible(true);
public static void main(String[] args){
    new JRadar();
class MyJPanel extends JPanel implements ActionListener{
    Timer t = new Timer(10, this);
    Dimension d = new Dimension(512, 512);
    BufferedImage bi = new BufferedImage(d.width, d.height, BufferedImage.TYPE_INT_RGB);
    Graphics2D g = bi.createGraphics();
    double theta = 0;
    int r = d.width/2 - 16;
    Point origin = new Point(d.width/2, d.height/2);
    public MyJPanel(){
      g.setColor(Color.RED);
      this.setPreferredSize(d);
      t.start();
    public void actionPerformed(ActionEvent e){
      g.clearRect(0, 0, d.width, d.height);
      g.drawOval(16, 16, 480, 480);
      g.drawLine(origin.x, origin.y, (int)(origin.x+r*Math.cos(theta)), (int)(origin.y+r*Math.sin(theta)));
      theta += 0.01;
      if(theta>=Math.PI*2) theta = 0.0;
      repaint();
    public void paintComponent(Graphics g){
      super.paintComponent(g);
      g.drawImage(bi, 0, 0, this);
}Edited by: morgalr on Mar 3, 2010 4:59 PM: code example added

Removing Line between Div tags

Hi all. I am new to this forum - have just started using DIV Tags and am getting a bit messed up!! I have a simple web page that has 2 DIV statements - on loads a menu bar I have created in Fireworks and is rihgt justified, the other is a header that contains an image and is centred. I have specified a coloured page background. Trouble is, I have a line between my two div tags that shows the background colour! I just cant get rid of it - I have tried the "Display - Inline" but that doesn't work. I have tried "Float Left" and "Right" - no-good. I dont know what to do! It could be that I am using these commands in the wrong place? There seems to be quite a lot of stuff on the net about this issue but I cant get any of the solutions to work for me. Please can anyone help?
Here is an example of my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
background-color: #C90;
.menu {
BACKGROUND: #000000;
.header {
BACKGROUND: #000000;
</style>
</head>
<body>
<DIV class=menu align="right" >
<P> </P>
<P> </P>
</DIV>
<DIV class=header align= "center">
<P> </P>
<P> </P>
<P> </P>
</DIV>
</body>
</html>

This is invalid markup.
     <DIV class=menu align="right" >
     </DIV>
     <DIV class=header align= "center">
     </DIV>
CSS should look like this:
body {
margin:0;
padding:0;
background: #C90;
color: #000;
#wrapper {
width: 970px; /**some value in px, % or ems**/
margin: 0 auto; /**with width, this centers page**/
background: #FFF;
border: 2px solid #000;
#menu {
background: #000;
text-align:right;
margin:0;
padding:0;
#header {
background: #000;
width: 970px;
margin:0 auto;
padding:0;
Then add the relevant selector ID (or .class) to your markup like so.
<body>
<div id="wrapper>
<div id="menu">
your menu code here
</div>
<div id="header">
your header here
</div>
<p>your content goes here<p>
 </div>
</body>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Draw line between black pixel : coordinates of selected pixels ?

Hi
I want to build a script which can check a Photoshop file and :
- find black pixel
- for each black pixel, look for another black pixel within maximum distance of 5 pixels
- then draw a line between the two black pixels.
I wrote this script below (my first script ...), but it's VERY slow (and my final image is VERY big), I think because I test the colour for each pixel of the image.
So another solution would be to first select black pixel with magic wand, then the script save all coordinates of selected pixels, then my script wil test only this pixels (less than 1% of the pixels are black in my image).
Is it possible with JavaScript ?
Thank you for your response !
Marc
function main(){
var startRulerUnits = app.preferences.rulerUnits;
app.preferences.rulerUnits = Units.PIXELS;
var myHeight = app.activeDocument.height;
var myWidth = app.activeDocument.width;
// Find black pixel
for(var i=5; i<myWidth; i++) {
for(var j=5; j<myHeight; j++) {
   activeDocument.colorSamplers.removeAll()
   var sampler = activeDocument.colorSamplers.add([new UnitValue (i, 'px'), new UnitValue (j, 'px')]);
   if (sampler.color.rgb.hexValue === "000000") {
// For each black pixel, search another black pixel below left up to 5 pixels
    for (var m=i-5; m<i; m++) {
     for (var n=j+1; n<j+5; n++) {
      activeDocument.colorSamplers.removeAll()
      var test = activeDocument.colorSamplers.add([new UnitValue (m, 'px'), new UnitValue (n, 'px')]);
      if (test.color.rgb.hexValue === "000000") {
// Then draw a black line between the two black pixels
       var FillColour = new SolidColor;
       FillColour.rgb.hexValue = '000000';
       var ad=activeDocument;
       ad.selection.select([[m,n],[i,j],[m,n+1],[i,j+1]], SelectionType.REPLACE, 0, true);
       ad.selection.fill(FillColour);
       ad.selection.deselect()
// For each black pixel, search another black pixel below right up to 5 pixels
     for (var m=i+1; m<i+5; m++) {
      for (var n=j; n<j+5; n++) {
       activeDocument.colorSamplers.removeAll()
       var test = activeDocument.colorSamplers.add([new UnitValue (m, 'px'), new UnitValue (n, 'px')]);
       if (test.color.rgb.hexValue === "000000") {
// Then draw a black line between the two black pixels
        var FillColour = new SolidColor;
        FillColour.rgb.hexValue = '000000';
        var ad=activeDocument;
        ad.selection.select([[i,j],[m,n],[m,n+1],[i,j+1]], SelectionType.REPLACE, 0, true);
        ad.selection.fill(FillColour);
        ad.selection.deselect()
main();

The first alert should have shown the first pathPoint.anchors for all the subPaths in the path.
The xyArray is just something I added for the alerts. The array 'myPathInfo' should have all the info extracted from the path.
myPathInfo.length will tell you how many subPaths are in the Path.
myPathInfo[index].entireSubPath.length will tell you how many pathPoints are in that subPath
myPathInfo[index].entireSubPath[index].anchor will tell you the position of that pathPoint.
The indexes start with zero.
The bounding box of the entire subPath can be hard to work out just from the pathPoints. Unless all the point are corner points the path may extend beyond the anchors. One think you can do is create a new path from just one of the subPaths, convert by to a selection, and then get the bounds from the selection. You can make a new path from a subPath using the 'myPathInfo' array from above.
app.activeDocument.pathItems.add("myPath1", [myPathInfo[0]]);
That line will make a new path from the first subPath. Change the index to use a different subPath.
Some other info that may help.
app.activeDocument.histogram[0] will tell you how may black pixels are in the document. But its no help determining where they are. If that returns 0 there are no black pixels.
If you don't have any luck working with converting the original color range selection into a path and need to go back to searching with the colorSampler it may help to use a grid approach. For example make a square selection, the size depending on how scattered the black pixels are, say 25x25px. Then use color range to select black. With an active selection it will only select pixels in that selected area( if any). You could then check to see if there is a selection. If not make another same size square to the right edge of the last area. If there is a selection, the solid property will tell you if more than one black pixel was selected( unless they are right next to each other ). If solid == true the selection bounds will tell you where the pixel is. If false you have to then search that square. But if there are areas where there are no black pixels checking a square range of pixels at once should be quite a bit faster than checking every pixel. And checking the historgram first will let you know if you should bother searching to start with.

Vertical lines of color on bottom 2/3rds of screen after waking

This occurs when waking my MacBook Pro (8/2007 purchase) rendering it unusable. I have to shut down leave a few minutes then start up. Even then a faint horizontal line between the good area and problem area displays during start up. Repairable (e.g. faulty display connection)?

Howdy GrammaLinda,
It sounds like you are getting some colored lines running up and down on your iMac. I would suggest using these steps from the following article to help resolve the issue, named:
Apple computers: Troubleshooting issues with video on internal or external displays
http://support.apple.com/kb/ht1573
Reset the system
You can reset the Mac's parameter RAM and SMC.
Reset the resolution
Start by resetting the Mac's parameter RAM. If the display does not come up, was previously set to an unsupported resolution, and still results in no video:
Start up in Safe Mode.
From the Apple () menu, choose System Preferences.
Choose Displays from the View menu to open the preferences pane.
Select any resolution and refresh rate that your display supports.
Restart your computer.
Thank you for using Apple Support Communities.
Cheers,
Sterling

Lines Between Report Columns in Purchase Order Report

Hello All,
I am working with the Oracle Purchasing Report called POXPRPOP.rdf. I am trying to add a black frame between each column in the report. Imagine in a purchase order where several columns of data that have a black line in between them. I have tried working with the expanding frame around the data fields of the report, changing the line color of these expanding frames to black. This didn’t work to give me lines in between the columns. I have been able to bring other graphical elements into the report so it is not a graphics problem at the UNIX environment.
I am using Reports 6i and Running the report through Oracle Applications Concurrent manager.
Thanks for any help,
Bradley

It seems like I might be able to put a line between the data fields and set it to expand with the repeating frame. Maybe this is this how it is done.
Bradley

Why can't I find certain Pantone plus colors in Illustrator CS6 color books?

Why can't I find certain Pantone plus colors in Illustrator CS6 color books? For example I want to use PMS 2296C, but it is not coming up in the color swatch book in Illustrator.

Thanks!
I actually just came across the same thing in the meantime.
And it worked!
If you bought the physical Pantone books, there is a registration/serial number on the back. You can go to Pantone and register it (https://www.pantone.com/pages/MYP_myPantone/mypProductRegistration.aspx)
Then you're able to download the Pantone manager.
There are infact 336 new colors added to the Pantone Plus series. And this is where you need to get them. Once you have them, in Pantone color manager, you go to: File/Export/Adobe Illustrator/sRB. Then restart Illustrator.
Once you go back in, the new 336 colors are available!

Should I overprint to avoid white space between colors when printing?

Hello all,
I hope I don't get slammed for posting the wrong way! But I'll try.
I print on a Summa DC4 thermal printer which prints one color at a time.
I am using Illy CS4 with a cmyk document, all vectors.
My Question is:
Should I overprint to avoid white space between colors?
CMYK document (But only the YMK will print) which contains:
100% black background (rectangle)
0% (white) Copy
and Red (star) - 100% yellow x 100% magenta
printed on white vinyl.
the red object (star in this case) should bleed or overprint into the black background. Instead I get almost a white outline around the red star where the registration was minutely off.
How can I avoid this from happening? By setting the yellow & magenta to overprint? I don't want the black to subtract the red object (star)
Any advice would be greatly appreciated!
Sincerely,
C.

I am unfamiliar with the Summa printer, but it sounds like there is no built-in provision for trapping.
In that case, you should stroke the red star with the same color as the fill (100M + 100Y) and set only the stroke to overprint. That way, you still knock out the star area from the black background, but you've created the necessary spread trap to deal with the slight misregistration. Use the smallest possible stroke weight needed to solve your problem.

Getting lines between colors in Illustrator

Similar Messages

Maybe you are looking for