Skip to main content
tried to boil it down to the main problem
Source Link
KMSTR
  • 7.1k
  • 25
  • 32

Making an iOS App Icon, i would design it withThe problem: The anti-aliased rounded corners "intact"of my app icons show, due to the transparency, some pixels of the underlying background.

enter image description here

But My quick solution: Instead of exporting that way results in a few pixel showing through at the anti-aliasedwith "intact" corners, so I would simply fillfilled the space with the apporpriate texture. Making the corners look perfect on iOS devices.

enter image description here

And it was good for the time. But now as icons get more and more complex, this gets harder and harder to do. And the second problem I have with this is that wherever the icon is used as well (testflight, app reviews) where I have no control over what icon gets picked, the cornerless version simply does not represent the final design.

My question: Do you have a better/different workflow to for making beautiful corners without compromising the appearance of the icon?

Making an iOS App Icon, i would design it with rounded corners "intact".

enter image description here

But exporting that way results in a few pixel showing through at the anti-aliased corners, so I would simply fill the space with the apporpriate texture. Making the corners look perfect on iOS devices.

enter image description here

And it was good for the time. But now as icons get more and more complex, this gets harder and harder to do. And the second problem I have with this is that wherever the icon is used as well (testflight, app reviews) where I have no control over what icon gets picked, the cornerless version simply does not represent the final design.

My question: Do you have a better/different workflow to for making beautiful corners without compromising the appearance of the icon?

The problem: The anti-aliased rounded corners of my app icons show, due to the transparency, some pixels of the underlying background.

My quick solution: Instead of exporting with "intact" corners I filled the space with the apporpriate texture. Making the corners look perfect on iOS devices.

enter image description here

And it was good for the time. But now as icons get more and more complex, this gets harder and harder to do. And the second problem I have with this is that wherever the icon is used as well (testflight, app reviews) where I have no control over what icon gets picked, the cornerless version simply does not represent the final design.

My question: Do you have a better/different workflow to for making beautiful corners without compromising the appearance of the icon?

Source Link
KMSTR
  • 7.1k
  • 25
  • 32

iOS App Icon design - the rounded corners issue

Making an iOS App Icon, i would design it with rounded corners "intact".

enter image description here

But exporting that way results in a few pixel showing through at the anti-aliased corners, so I would simply fill the space with the apporpriate texture. Making the corners look perfect on iOS devices.

enter image description here

And it was good for the time. But now as icons get more and more complex, this gets harder and harder to do. And the second problem I have with this is that wherever the icon is used as well (testflight, app reviews) where I have no control over what icon gets picked, the cornerless version simply does not represent the final design.

My question: Do you have a better/different workflow to for making beautiful corners without compromising the appearance of the icon?