Announcement

Collapse
No announcement yet.

AI CS5 Save for Web help.

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • AI CS5 Save for Web help.

    I have been using AI to save vector images for the web for awhile now. Recently I have noticed lines showing up on parts of the image. The original image size is 863 px x 504 px. When I apply a new size, in this case 750 px x 435 px, I get a line on one end of the artwork. Below is a cropped screenshot of the line. When I played with other sizes I would get two, three or four lines. The lines never extend across the entire image, just a small portion of the left side.


    Has anyone else had this happen before? Is there a solution other than to use photoshop to save for web?

    Free digital bacon to anyone who can help me.

  • #2
    What format are you saving the images to?

    Have you got any transparency effects going on in the artwork (drop shadows, tranpsarency increased on items etc.)?

    If you open the images in an image editor are lines showing up there?

    Have you tried other file formats?

    What settings are you saving to the Web with?

    Or are you saving to just PNG or JPG directly from Illustrator or are you using the Save for Web dialog box?

    "May your hats fly as high as your dreams"Michael Scott

    Comment


    • #3
      Are the lines showing up in the "Save for Web" preview or just in the final file?
      http://brokenspokedesign.com

      Comment


      • #4
        I am using "Save for Web & Devices" with the following settings-

        Format- .jpg

        Compression Quality- High

        Quality- 60

        Blur- 0

        There are no transparencies, drop shadows or any other effects. There is a clipping mask, but that is all. The lines show up in the "Save for Web & Devices" window and in Photoshop when I open the saved file. There are four images in each file and a clipping mask around each image, but the lines only show up on the left hand side and extend less than half the width of the first image. The lines show up for gif, jpg and png formats.

        Comment


        • #5
          Does your clipping mask contain a raster image? is the colour behind the clipping mask a spot?

          any live blends?
          Design is not decoration.

          Comment


          • #6
            No raster images and some have PMS colors and some have cmyk values. I can't recall be sure there aren't live blends on some, but the lines occur on images that definitely have nothing but paths and strokes.

            Comment


            • #7
              Try just saving them as .ai files, then rasterizing those files in Photoshop.
              http://brokenspokedesign.com

              Comment


              • #8
                I'm guessing images with spot colors are rendering as if they have transparencies, replace the spot with rgb values, then output for Web. Adobe gets all weird around spots... still...

                other than that you could try using pathfinder so there is no overlap between your spots and process colours.
                Last edited by kemingMatters; 04-30-2012, 01:22 PM.
                Design is not decoration.

                Comment


                • #9
                  Originally posted by Cosmo View Post
                  Try just saving them as .ai files, then rasterizing those files in Photoshop.
                  I'm doing that now and so far everything is coming out well. I just wish I could save a step and save them straight from AI.

                  Comment


                  • #10
                    Originally posted by Osiris View Post
                    I'm doing that now and so far everything is coming out well. I just wish I could save a step and save them straight from AI.
                    make a droplet in PS... record the process once using the action palette, then set up a droplet. click, drag, complete. You can even dump a whole folder on it and go get a coffee.
                    Last edited by kemingMatters; 04-30-2012, 01:28 PM.
                    Design is not decoration.

                    Comment


                    • #11
                      Originally posted by kemingMatters View Post
                      I'm guessing images with spot colors are rendering as if they have transparencies, replace the spot with rgb values, then output for Web. Adobe gets all weird around spots... still...

                      other than that you could try using pathfinder so there is no overlap between your spots and process colours.
                      No go on the color conversion. With rgb values in place, as soon as I change the width to 750 px, up pops the line.

                      Comment


                      • #12
                        Originally posted by Osiris View Post
                        No go on the color conversion. With rgb values in place, as soon as I change the width to 750 px, up pops the line.
                        are you resizing them? theoretically it shouldn't make a difference, but those lines make me think that the way it is flattening the image is exactly how exporting to pdf handles transparency flattening (by creating tiles). So even though there aren't any transparent effects, AI seems to be treating the overlapping shapes like transparencies, and because you are capturing it a jpg and not pdf the sometimes quirky antialiasing of tiles is becoming part of the image and not just a preview error.

                        Are those lines 1px wide (excluding the artifact)?
                        Last edited by kemingMatters; 04-30-2012, 02:02 PM.
                        Design is not decoration.

                        Comment


                        • #13
                          <-----Not well versed in web...

                          Why do you have to save for web if you are just saving it as a jpg? Can't you just export your images as a jpg and tell it the color conversion then? That's what I've always done and never had an issue.
                          Typos are very important to all written form. It gives the reader something to look for so they aren't distracted by the total lack of content in your writing.
                          - Randy K. Milholland

                          Comment

                          Search

                          Collapse

                          Sponsor

                          Collapse

                          Incredible Stock

                          Latest Topics

                          Collapse

                          • someguy
                            Business card logo feedback
                            someguy
                            Hi all,

                            Got some really smart and creative advice on some early business card designs from this forum, went away and worked on one of the designs and two new ones.

                            Could I ask...
                            Today, 11:56 AM
                          • nes_bambi
                            Feedback for a poster design
                            nes_bambi
                            Hi all, I am very new to graphics design and I am currently taking my first ever elective in design.

                            Here is the brief for my assignment:

                            This studio project explores typography...
                            Today, 09:38 AM
                          • Glitchin
                            Using your own name as a freelance designer vs using a studio name
                            Glitchin
                            Hello to the good burrito loving people of GDF!

                            I've recently been freelancing and have 1 good client who keeps me quite busy. However, I'm not really comfortable having all my eggs in one...
                            Today, 09:03 AM
                          • JimXDS
                            IT book cover redesign. Giving it a try
                            JimXDS
                            This is a long-term project where i redesign my favourite book covers. First is IT by Steven King. Feedback welcomed and thanks in advanced!...
                            Today, 07:39 AM
                          • PrintDriver
                            Reply to Get Your Graphic Design License Here
                            PrintDriver
                            That SEGD website I linked to is trying really hard to change the way their niche is being taught in colleges and they have ongoing education seminars on all aspects of their profession. It would only...
                            Today, 06:28 AM
                          GDF A division of Mediabistro Holdings Adweek | Mediabistro | Clio | Film Expo Group Contact Us | Terms of Use | Privacy Policy Copyright 2016 Mediabistro Holdings
                          Working...
                          X