iPhone app navigation icons: anti-aliasing

Discussion in 'Design and Graphics' started by zarusoba, Jul 2, 2010.

  1. zarusoba macrumors 6502

    Joined:
    Feb 3, 2006
    Location:
    Australia
    #1
  2. citizenzen macrumors 65816

    Joined:
    Mar 22, 2010
    #2
    I may be overlooking something, but the "anti-aliasing" means nothing to me.

    You're going to make 30 x 30 pixel (72 PPI) graphics.

    Pixels is pixels.

    Take a look at your example at normal size and enlarged.

    Someone might say that the edges of the icons are anti-aliased, but in reality it's just a gray pixel sitting next to a black or white pixel easing the transition and creating the effect of a smooth edge.
     

    Attached Files:

  3. panoz7 macrumors 6502a

    panoz7

    Joined:
    Nov 21, 2005
    Location:
    Raleigh, NC
    #3

    Isn't "easing the transition and creating the effect of a smooth edge" practically the definition of anti-aliasing? The icons in that attachment are definitely anti-aliased. Whether or not the client even knows what means is a different matter. They may very well want the icons to look like what's in that attachment but don't realize that those gray pixels are anti-aliasing.

    To the OP: I know very little about programming outside the web world, but I don't think it would be possible for the iphone's os to anti-alias the icons later. I think that anti-aliasing requires a high resolution sample to begin with –i.e. the iphone would have to know that the single pixel line making up the rotor in the aliased version was really referring to something that is narrower than a single pixel and would therefore make it a single line of grayer pixels.
     
  4. citizenzen macrumors 65816

    Joined:
    Mar 22, 2010
    #4
    That's my understanding.

    I don't think the OP's client really understand what it means. To have icons without any anti-aliasing would give you the effect below.

    Perhaps they're going for an old-school "Atari" look.
     

    Attached Files:

  5. panoz7 macrumors 6502a

    panoz7

    Joined:
    Nov 21, 2005
    Location:
    Raleigh, NC
    #5
    We definitely need more apps that look like that. Perhaps the OP should just show their client that image. Don't you just love clients?
     
  6. Kwill macrumors 68000

    Kwill

    Joined:
    Mar 10, 2003
    #6
    Unless the art is prepared as vector graphics (and likely it will be), you will want it to be antialiased.

    What the client may be trying to convey is that the art should not transition from white to black pixels (reminiscent of 8-bit GIF).

    If the art is prepared really large and saved as PNG-24 with transparency, antialiasing will be various levels of transparency rather than colors. This way the same art can be placed on multiple backgrounds.

    Start with a good consultation. It minimizes going over budget.
     
  7. zarusoba thread starter macrumors 6502

    Joined:
    Feb 3, 2006
    Location:
    Australia
    #7
    I may well show the client that image!
     
  8. zarusoba thread starter macrumors 6502

    Joined:
    Feb 3, 2006
    Location:
    Australia
    #8
    Thank for the advice. The person I'm corresponding with is not a technical person: I should have insisted on talking directly with the programmers. Live and learn!
     
  9. citizenzen macrumors 65816

    Joined:
    Mar 22, 2010
    #9
    You're going to let programmers make design decisions?! :eek:
     
  10. zarusoba thread starter macrumors 6502

    Joined:
    Feb 3, 2006
    Location:
    Australia
    #10
    Oh, I just meant getting the exact tech specs for the files. It's been incredibly vague so far.
     
  11. zarusoba thread starter macrumors 6502

    Joined:
    Feb 3, 2006
    Location:
    Australia
    #11
    Do you have straightforward instructions as to how to do this using Photoshop?

    I have my anti-aliased art on one layer, with nothing else around it (gray and white check). What else do I need to do before saving as a PNG-24?
     
  12. Kwill macrumors 68000

    Kwill

    Joined:
    Mar 10, 2003
    #12
    Then just save a copy as PNG.

    (shift-option-command-S)
     

Share This Page