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

Making text fade in or out of view

Scrolling bodies of text are common inside of any application; however it often looks awkward when text disappears abruptly at the end of scroll view. For a bit of graphical flare, it often can be appealing to have it appear as if the text is disappearing or fading away at the end of the screen.

In this recipe, we'll create a simple art file that will make our scrolling text appear as if it's fading away into the background.

Getting ready

For this recipe, we'll need Photoshop or another raster image editing program. It will also be useful to have a near final interface screenshot or knowledge of the background color we desire to use for the fade effect.

How to do it...

The text fade will require a simple semi-transparent ...

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