| In this tutorial, we will add the first page to our Kwik 2 book app and set the page and layer properties. You will set the buttons on this page as shared assets, so that Kwik knows to use the buttons and the actions attached to them on every page of the book. You will also create another shared asset on this page which will be used for your first animation. |
How the Template Works
All of the features that we will be adding to page1 of our book app will become a template that we will use when we start to build the other pages in our app. The only layer on this page template that will need to be replaced for each new page is the bottom (background) layer graphic. Making this switch will be as simple as copy/pasting the new page's background graphic onto the bottom layer for the new page.
As with the cover page, we start with a mockup .psd file which we open into Photoshop. Next, we tell Kwik to use this .psd file for page1.
As you can see from the Layers panel, we have a new full sized background graphic for page 1 on the bottom layer and 3 buttons layers. We also have a layer called pgTurn to which we will add a page turn animation effect.
Note: At this time, Corona does not support the page turn native to iOS devices. Therefore, we need to fake a page turn with this simple animation. We will tell Kwik to play this animation, along with a small audio file, when each page loads.
Before we can begin working on the individual features for our template, we need to set the basic page and layer properties for this page, as we did before for the cover page. To make it easier to remember all the settings, I have created an easy-to-use check list. Open the New Page Check List in a separate window and follow the steps.
Join us in the Flash forum. | Join us in the Digital Art and Design forum.