Book Image

iAd Production Beginner's Guide

By : Ben Collier
Book Image

iAd Production Beginner's Guide

By: Ben Collier

Overview of this book

Think of an iAd as a micro-app contained within an app on a user's iPhone or iPad that they've downloaded from the App Store. When the user taps your advert's banner it bursts into life filling the entire screen of their device. iAd Beginner's Guide takes you through the start to finish process of building rich, compelling, interactive iAds. You will learn to create beautiful multi-page ads with store finders, social sharing, 3D images and video galleries. You will create ads that utilize the powerful technologies in the iPhone to make your brand shine. Once you have engaged the user you can carry out targeted advertising campaigns with location-based coupons, store finders and social engagement. Using the iTunes Store you will see how it's even possible to add one-click digital content purchasing right within your ad. Learn how iAd producer manages all the HTML5, JavaScript, and CSS3 behind your iAd. You will be creating emotive, gripping and effective mobile advertising campaigns in no time.
Table of Contents (18 chapters)
iAd Production
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface

Time for action — more objects


We still have one blank page on our canvas; let's add a page full of steam a user has to wipe clean before revealing a promotional offer:

  1. 1. We're continuing with our Coffee Beans example project, so if you haven't already, open it in iAd Producer. From Overview, open the last blank page, titled Steamy Savings. Set the background to a solid white, using the Color Fill option.

  2. 2. Open the objects library and add a Wipe Clear objectto the canvas. The Wipe Clear object shows an image, which disappears as a user wipes it with their finger. Drag the image steam-mirror.jpg from Asset Library to the Wipe Clear object. You'll see the object fill with the image; resize the Wipe Clear object by using the Original Size option, in the Layout section of the Inspector. The image should now fill the screen. Test the page on a device or in the iOS Simulator; you can wipe or rub the screen to remove parts of the image.

  3. 3. You may have noticed that your ad automatically faded...