- Writing scripts
I am not an export how to make a manuscript for children’s books but so far I learned from the Internet, a book would have 15 scenes normally because 8 sheets of papers are used for printing to be folded to make a book. 8 x 2 = 16 and one sheet for front and back cover of a book, so 15 scenes.
For instance, I wrote down topics of this “Making Visual Storytelling App with Kwik” like this and tried to add some visualization with the characters: cat or hedgehog to explain Kwik animation and interactions from scene 6
You need to think of your plan for learning with tutorials/documentations, for implementing with tools, along to the workflow in order to make for the goalof self-publishing a visual storytelling app which are capable of animations, audio and interactive effects.
6 Making Animations
There are simple but effective animation widgets available in Kwik. You can control an animation by setting parameters like duration, repeat number, transparency etc. For instance, a simple linear animation like a car moving back/force, rotating wheels etc wth various parameter settings. Timer function allow to trigger an animation after certain amount of time is passed.
- Linear animation
Making pagination out of scripts
The first 3 scenes will set up for digital self publishing as the presentation’s domain we focus on. The main story is Kwik and I intended to hold the 3 stages for Kwik as beginning, intermediate and advanced topics with cat and hedgehog characters. Don’t ask why needs such cute characters. It looks better than a basic rectangle or circle shape.
|1||Design||Digital Self Publishing|
|2||Drawing, Sketching, Painting||Folio Academy, Society Of Vizual Storytelling|
|3||Digital Tools||Wacom Bamboo Slate, InkSpace, iPad, Photoshop|
|4||What is Kwik?||kwik, Solar2D, ImageMagic|
|5||Adding Pages||Kwik’s project&page > icon for page Add, Audio, publish icon|
|6||Making Animations||Cat’s Car: rotating wheels, linearly animating car|
|7||Handling Touch Events||Hedgehog dragging, spinning, pinching, swiping|
|8||Interaction and Action||car puzzle of dragging completion & playing Audio, timer to launch Hedgehog balloon|
|9||Drawing Canvas||Hedgehog balloon, outline, brush size, color, erase|
|10||Physics||Hedgehog balloon falling, collided with Hedgehog|
|11||App Store||Icons & Launch images for Hedgehog/Cat, Apple/Google/Amazon Store and your app on device|
|12||Sprite Animations||Spine bone&mesh animations for Hedgehog standing and crouching|
|13||Particles Effect||Balloon in the sky with cloud and stars particles, Blurring for perspective|
|14||Programming||Cat/Hedgehog trip 4 framed comic, cat’s car, hedgehog balloon, visiting a town, driving/flying over mountains to the sea|
|15||Network Download||download button for final scene of Cat/Hedgehog having vacation on the sea|