3 Replies Latest reply on Apr 15, 2012 3:23 PM by SteveH59

    Jagged edges in diagonal line

    SteveH59 Level 1



      I have a gif (as below) and I am trying to remove the strip of yellow you can see diagonally. the image was originally a fawn/yellow/brown colour, but using the 'Replace Colour' tool, I have managed to colour most of it in blue - apart from that yellow strip you can see.


      When the image is magnified, the diagonal strip of yellow under the blue appears with the edges all jagged and it looks untidy. Is there a way to make them smoother, or should I begin by doing the whole thing in a different way? I am using Photoshop Version 8.




      Many thanks.



        • 1. Re: Jagged edges in diagonal line
          Noel Carboni Level 8

          Generally speaking, most designers make "master documents" using all the features of Photoshop, including Paths, Vector Layer Masks, etc., and save them as .psd files.  Then they do Save As (or Save For Web & Devices) to create work products, such as the final images for publication on the web.


          In your case, you might choose to make your design using fill layers masked by vector masks, which are made by starting with Paths.  The edges of these will generate anti-aliased transitions between colors, can be easily edited (e.g., to change color) and can be scaled well.


          I don't know what else is in your design, but if it's just block and line art some might propose using Adobe Illustrator for the task, but Photoshop is quite capable if that's what you use and are familiar with.


          Consider this very simple design:





          • 2. Re: Jagged edges in diagonal line
            Level 5

            Make sure that you are working in RGB (not indexed color) mode.

            SteveH59 wrote:


            ...When the image is magnified...

            If you are working with GIF then I would imagine that the image should not be magnified. GIF is a file format that is typically displayed as a screen graphic. There is no point in working/viewing at anything other than 100%.

            1 person found this helpful
            • 3. Re: Jagged edges in diagonal line
              SteveH59 Level 1

              Many thanks to you both (I have saved your answers).


              Yes, the diagonal lines/columns in the Water System graphic are exactly what I mean.


              I haven't got Illustrator, so I will need to try it out with Photoshop. Beforehand I had better read up on vector masks and paths!


              Thanks again to you both.