Bookry Reveal Widget

Bookry Reveal Widget
In this Bookry for iBooks Author tutorial, we will create a Bookry Reveal widget for a baby book titled Baby Time by Norma Vantrease. Norma is using the Children's Storybook Template to create her book in iBooks Author. The first section of the book is about mealtime. Of course, as babies do, the characters in this book get messy faces as they eat. We can add a little interactivity to the book with the Reveal widget, as the user will be able to clean the babies' faces.

  1. Orientation and Size: Our baby book is in the Landscape orientation. But you have the choice to use the Portrait or Freeform option. You will want to use the orientation that matches your book in iBooks AuthorR.

  2. Cover and Startup Images: As with most Bookry widgets the Cover and Startup image becomes the thumbnail image on the page that the user will click to run the widget. If you want to use a custom image, it needs to be 1024 x 768 pixels.

    For the example, we will use the default image, as it fits nicely into the page design.

  3. Background: The background image will fill the screen. Again, as in most Bookry widgets this background image will be 1024 x 728 pixels. But because we are using full bleed images for the interactive layers and these image will cover the entire widget area, we won't need to use a background image.

  4. Image to Reveal: In this image, the babies have clean faces. It will be placed under the scratch away image. As the user rubs the iPad with their finger, the scratch away image will become transparent to reveal this image below.

    You also have the option to include a button in the widget that will complete the task for the user, by revealing the entire image uncovered. We will not be using this feature in this example.

  5. Image to Scratch: This is the image that will be at the top of the hierarchy in the widget area. The babies have food on their faces, which the user will erase.

    We also need to set the size of the scratch area or eraser. As the faces of the children are small, let's reduce the size to 25px.

  6. Scratching/Peeping Noise: This sound will be looped continuously as the user interacts with the screen. Bookry prefers the .m4a audio file format. As many of the free audio and sound files are available in the .mp3 format, you might need to convert your audio file in QuickTimeR. Once you've done that, you can upload the .m4a file to Bookry.com.

  1. Open the .mp3 audio file into QuickTime.

  2. Click File - Export and choose Audio Only. Save the sound file to the same folder, with the default .m4a format.

A special thanks to Norma Vantrease, a retired art teacher turned children's book author.





RSS
Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map








Content copyright © 2023 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.