How to make a Story BookCreating a story book
Making a picture book (beginner)
Featuring artwork and sounds by Leonardo Amora, a Brasilian painter who is working on his first Kwik story book. So you' re a Photoshop champion and you have a great iPad story book in mind. How are your opportunities to put your book ideas into practice? I will describe in this paper how to make a 2-page story book directly from your Photoshop composites without any script.
There will be icons, animation, audio and a" to me" function. The best part is that with Kwik you can build interactivity without codec. The Corona SDK is available as a free and unrestricted evaluation version and you only have to subscribe if you are willing to release your work on an application store.
The Corona SDK allows you to release your finished projects on Apple, Google, Amazon and Nook workstations. When the plug-in is not displayed by default, make it viewable by selecting Window->Extensions->Kwik 2. There are three symbols in the Toolset bar (from l. to r.). We have a brief look at the status bar before we work on a new one.
Let's click on the Settings tab and set up our expertise. Though there are several possibilities, the only ones that are important at the time are the location of Corona Simulator and the location of Kwik's projects folder. The first one opens the simulator when you post your projects. And the second one saves your projects in the right place.
This is the first page of our work. In the Toolset bar, click the New Item icon. As soon as the Preferences dialog opens, type the following: Now we name our Afraid to iPad as the primary format, horizontal format, and use the currently open file as the first page conten.
When you click Create, Kwik sets the size and dissolution according to the chosen unit. Several new toolset bar items have been added. You will also see the information about the projects (name and device), and in the center of the screen you will now see the pages of the projects (in this case only cover A, as our projects currently have only one page).
In order to bring excitement into our picture book, we are adding a wallpaper soundtrack. From the first toolset (called Project and Pages), choose the Audio addition toolbar item (the second symbol in the second row). Search and click on the terrestrial lp3 archive (which comes with the step-by-step instructions ), check the boxes Show small archive and playback at page start.
From the Controls field, choose Loop forever. Verify that you have the Export Pictures checkbox checked (the symbol must be light blue) in the status bar (if not, just click it), and then click the large Publish buttons. Then go to File->Open-> then point to your projects directory. There you will see a buildfolder (this is the one that contains all the source files, sounds and pictures for publishing).
and Corona will upload your picture book into the simulator. When you don't see iPad as a virtual machine, go to Window->View As and choose iPad. Story books must have animation that supports story telling or is just enjoyable for the readers. Choose the caption level, and then go to Toolset Animation (the missile icon).
The Kwik always uses the actual location of the layers as a point of departure. Compose and republish the animations. Just uncheck the Export Pictures check box in the status bar. When you return to Photoshop, move the Title Contents (Y-axis) plane to -150. To do this, just drag the contents of the plane to the new location or use a free transformation (Ctrl+T if you are using Windows, Command+T if you are using a Mac) and type the numbers directly into the text box.
Re-release the song and you will see the animation name. Well now that you've learnt how to animation, let's make the icons appear animation after the name. Let's choose the level readyToMe. In the Toolbox go to Toolbox Projects and Pages (the first icon) and choose Collapse Level or Group. You will see the hidden pushbutton.
The same applies to the grouped level readMyself. Let's use animations to make the icons appear. Choose one of the icons and click on the Linear Animation again: Republish again and you will see the icon fade after 2 seconds. The same applies to the other level. It' s usual to have choices in story book applications that allow the user to view the story or even the ability to listen to it.
It is especially appreciated by kids who are enjoying the spoken sound. That will be part of our history. When you return to Photoshop, let's make the two icons. Choose the grouped readMyself level and then go to Toolset Interactions (the third large arrows icon). Press the first symbol, Append now. Change the name of the knob to but_readMyself, leaving all other standard and over-status with their standard values.
From the Properties/Interactions dropdown box, choose View to me. To use the readyMyself radio buttons (the users reads the contents without a comment being played in the background) we have to deactivate the Enable Reader to Me check box. Since we want the book to be opened after the click of the book icon, we leave the Go to Next page on.
In both panes, click Build and you will see the toolbar buttons that have been generated in the window. In order to go to Components, click the second small symbol under the Publish Buttons. Perform the same operation for the grouped level readsToMe, but now select the Enable RTOOM... box. Then go to the Project and Pages tool set and click the New Page pushbutton (first pushbutton in the first line below the toolset).
Name the page and copy the currently open page as the contents of the new page. We' re going to need two sound clips on page 2. Project and Page Toolset->Add Audio: All we need is to select the Read Me record check box and select the recording as a shortcut record.
Store it and republish the work ("Export images" in the status bar). Click the Simulator and select the Finish to Me check box. The program changes pages and starts the comment (file that has been selected ) on page 2 without any changes. Now, however, uncheck all boxes, set only the loop to 1 and select the check box Shortcut filename.
We use this sound when we make our Switcher-buttons. We will need a number of variables in our projects to tell us what sound is being played. If you want to generate a tag, go to Toolsetject and Pages and choose Enter variables (the large symbol in the last line).
We' re going to make a tag named playing and we' re going to put its starting value to 0. A fixed value exists only on the actual page. The next stage is to adjust the switch level to act as a switch. Note that this Fill level is fixed to 0%. It is a neat way to use Kwik to create translucent buttons:
If our story-book users click on the icon, both tiers text01 and LightOn are hidden so that the tiers text02 and LightOff are displayed. Use the Toolset Interactions->Add key to add a toolbar shortcut to your toolbar. There are a few promotions on this buttom ( "our previous ones had only one promotions"). Once you have named the icon, we will generate the first operation.
Choose Interactions, General and choose Display/Hide. Please make sure that the LightOn level is faded out as soon as possible (duration 0, lag 0), but also that it is displayed again when it is faded out, or the other way round when we activate the fade in/out time. When the level is displayed and the Shift key is pressed, the level disappears.
When the level is faded out, it is displayed. Build the interactivity. The same applies to the level text 01. When you click Build, your Action Map pushbutton displays two operations. Since we have different texts and therefore different sound data for each picture, we have to find a way to reproduce the right sound in relation to the displayed picture.
Choose the IF switch. Do you recall that we generated a tag to record which file was played? This example tells our story book "IF variables another player is equally 0", the next interaction is played until it finds an ELSE or END-command. Well, now that the requirement has been made, it is timed to make the action listing that will be played while our variables contents are zero.
Skip to Interactions, A/V. Then, choose Stop audio. Choose luminaires from the dropdown menu. Cause we know that a value of zero in our variables means that possibly the highlights. plays it' re not. cp3. So before we start playback of another sound we stop the first one. Choose the option Listen to sound in the Sound section.
Choose it from the dropdown menu. Next is to modify the contents of our variables (a value of one means that it plays. mp3). Choose Edit Variables. Enter the value of our value 1. We' ve just completed the action in the first scene.
Now the only modification here is the value of our variables, which is now 1 in the compare area. If we read it "in English", we say "if the parameter is 1 ", the following action table will be played. Repeat the above procedure to make a stop sound for the "they" music.
Then, a playback sound for the "Lights" sound. In order to complete our IF instruction, we must inform Kwik. Choose Interactions, Condition, and then choose END. Generate the pushbutton and republish it. Just make your first iPad story book without any code*!
If you want to create and review your projects on your machine, you need to buy the Corona SDK and become a licensed Apple development tool.