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 PNG file that we'll lay above our text view. The art piece itself is fairly simple to create, but most developers are unaware of the technique. Let's take a look at how to get started:
1. Take a screenshot of our interface without the fade...
