logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Houseplants
Romance Movies
Creativity
Family Travel
Southwest USA
Irish Culture
Home Finance


dailyclick
All times in EST

Full Schedule
g
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor

g

Introduction - Kwik 2


One year ago, I wrote an article about a new PhotoshopR plugin called Kwik by Alex Souza. With this plugin, you can create interactive mobile apps without the need to write code. Because Kwik is a plugin for Photoshop, you will be creating your app directly from within the familiar Photoshop workspace using the Kwik and Layers panels. You can reach my 2011 article by the link below.

In just one year, there have been many additions and enhancements to Kwik 2. Although you can use Kwik 2 for mobile apps other than books apps, the main concentration of upgrades in Kwik 2 have been for storybook apps. We will be including most of these features in our tutorial series sample book.

One feature that will be great for book apps is the optional automatically generated navigational menu with thumbnails of each page. You have control over where this slide-in menu appears on the page and the size of the thumbnails. You also have the option to use forward/backward navigational buttons instead of the default swipe gesture.

Kwik 2 has many more new features such as auto suspend and auto bookmarking, which tells the app to restart on the last page or scene viewed. With the addition of variables and conditionals, we can add new advanced features to our books such as dynamic text.

As limited memory resources is always an issue for mobile apps, I especially like the Shared Asset option which allows you to use the same object on several pages. By setting the common object, such as a button, as a Shared Asset, you tell Kwik to export only one copy for the finished app. Another new feature that will help with larger apps is the option to export large images as jpg instead of png. You also have quality control when exporting these jpg images.

Many children's book authors wish to have the "Read to Me" feature in their book apps. You have the option to add text narrative audio files to each page. Also the audio/text sync has been improved with the addition of word highlighting and the word click feature, which plays the audio for only the word clicked. This is great for young readers.

Another great addition is the error handling built into the preview process. Whenever you start the process to preview your project in the Corona Simulator, Kwik will first check the code, alert you of any problems and suggest how to fix the problem.

Animation is a big part of any storybook app and Kwik 2 has many new animations and new controls for easing, timed delay and sequencing. My personal favorite is the addition of physics and physics bodies with controls for gravity, boundaries, force, collisions and joints. Movie clip and sprite sheet animations have been improved with the integration of Kwik 2 with TexturePacker and PhysicsEditor from Code'n'Web. TexturePacker is one of the best sprite sheet creators and now exports for Kwik projects.

Below, you will find links to several Kwik 2 tutorials. In this tutorial series, we will be using Kwik 2 to build a book app for the iPad and Apple store. This app will support both the new iPad 3 with the retina display and the older iPad 2 and iPad 1. Some of the features in the book app will include the following.
  1. Opening Cover Page with button links including Index (Pages), Info (Help), Music and Enter

  2. Bookmark feature remembers last page read and returns to that page when the app restarts

  3. Page template for shared assets and consistant layout between pages

  4. Kwik generated page thumbnail navigational menu with button toggled (Pages button) slide-in effect

  5. Buttons for Back/Next page navigation (replaces default swipe gesture)

  6. Custom page flip animation with sound when page loads

  7. Linear, path and rotation animations

  8. Drag and drop objects

  9. Fade-in effect

  10. Button triggered audio

  11. Sprite Sheet and Movie clip animations

  12. Button triggered multiple actions - sequencing animation and audio

  13. Physics objects and interaction

  14. Multiplier snow effect (pseudo particle system)

  15. Background audio with toggle button

  16. Link to external web page

Images Divisible by 2

When creating your graphics for your book app you will need their height and width dimensions to be divisible by 2. As you know, the retina display for the iPad has twice the number of pixels as the non-retina iPad. You will build the retina sized version of your book and Kwik will automatically create a second copy of each graphic at one-half the size of the original for the non-retina version of your app. Therefore, you will want your original graphics to be "divisible by 2". Each graphic for your book app will need to have an even number of pixels for both the height and width.




Join us in the Flash forum. | Join us in the Digital Art and Design forum.

|



Add Introduction+%2D+Kwik+2 to Twitter Add Introduction+%2D+Kwik+2 to Facebook Add Introduction+%2D+Kwik+2 to MySpace Add Introduction+%2D+Kwik+2 to Del.icio.us Digg Introduction+%2D+Kwik+2 Add Introduction+%2D+Kwik+2 to Yahoo My Web Add Introduction+%2D+Kwik+2 to Google Bookmarks Add Introduction+%2D+Kwik+2 to Stumbleupon Add Introduction+%2D+Kwik+2 to Reddit



 



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


For FREE email updates, subscribe to the Digital Art and Design Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 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.

g


g features
Design a Paper Bead SVG Cut File

Santos Cage Doll SVG Cut File - First Steps

SVG Cut File Design of Top Hat

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2014 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor