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 — making the splash screen


Let's make a splash screen that shows a bouncing image and three messages fading between each other:

  1. 1. If you're continuing on from the last exercise, click on the Overview back button in the top-left of iAd Producer. If you aren't, then open iAd Producer and choose Open Project; find the Dino Stores project we've been using so far.

  2. 2. You should now see the overview of your iAd and the flow between each component. Double-click the Splash page to open the template selector. For this splash page, we'll be using the Bouncing Logo template. Double-click the page again to open it on the canvas.

  3. 3. Open the Asset Library pane from the Assets option, on the right of the bottom bar. This should show all the assets we imported earlier. Drag Pterodactyl.png to the large image placeholder box on our splash's canvas.

  4. 4. You may have noticed our pterodactyl's wings and head have got cut off. We can fix this by resizing the image box using the drag handles. Once...