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 — changing the background


We have edited the text on our banner; let's now change the background to make it more prominent in the applications that it will appear in. We'll use a gradient to fill the background, fading between two colors.

  1. 1. Click away from the label on the grey background to select the background properties in the inspector pane. Now click Background, to open the background properties section.

  2. 2. A radial gradient had already been selected for us when we chose the banner template, so we only need to change the two colors that make the background.

    Note

    A radial gradient is a smooth transition between two colors; think of them as blending two colored circles into one, from the center of the area they are filling.

  3. 3. You should see a white-to-grey gradient strip with a small arrow and box at each end; click the box on the left to open the color selector. The color selector has a variety of ways to choose a color. We'll be using the simplest—the crayon selector...