O'Reilly logo

iPhone User Interface Cookbook by Cameron Banga

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating the rounded edges effect on our icon

The raised, rounded rectangle bezel is a common trait on many application icons. Made popular by developers such as Electronic Arts, Lima Sky, Gameloft, and others, such icons often look as if they almost have a wooden or metal frame.

Let's take a look at how we can go about creating our own rounded edge effect so that our icons stick out on the App Store.

Getting ready

For this recipe, we'll need a copy of Adobe Photoshop or another similar raster image editing application. It will also be useful to have the source file, titled IconBezel.PSD, to be downloaded from the Packt website.

How to do it...

Creating a rounded bezel effect on our icon is relatively simple; we'll just have to work in some rounded ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required