Using a mask in Storyboard

The question about using a mask in Storyboard has come up a couple of times with our customers and prospects. Here is a quick example of how to incorporate a mask with an arc in your Storyboard project.

To do an arc as a mask you will need your background colour to be solid since the arc is a solid colour as well.

1) Create two images. One is the arc that you want to be revealing and the other is an overlay image that you will use to crop out the correct look of your arc when it is fully shown. (Refer to arc and overlay in the images directory)

2) Create an arc control in between the overlay image and arc image. It will be layered as


mid-arc render extension

back-arc image

3) Animate the arc to reveal the arc image behind it.

Download example application.




Please sign in to leave a comment.

Didn't find what you were looking for?

New post