Changes between Version 21 and Version 22 of ITERATION_08/Release/UserDocumentation/AnIntroductionToSophie/03UsingPages
- Timestamp:
- 06/11/09 00:09:53 (16 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
ITERATION_08/Release/UserDocumentation/AnIntroductionToSophie/03UsingPages
v21 v22 9 9 Next we're going to set up the page size and the book title. Right now, Sophie automatically imports images as 280 pixels wide by 210 pixels high with the upper left corner 75 pixels from the top and left side of the book; this will change, but so we don't need to resize and move every image, we're going to set the page size so that an image is automatically centered on it and we don't need to move things. To set the book size, choose '''Edit > Set Page Dimensions''': 10 10 11 {{{ 12 #!html 13 <img src="http://withhiddennoise.net/tempo/5PageBook1.png"> 14 }}} 11 [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_8/5PageBook1.png)]] 15 12 16 13 Set the width of the page to 430, click '''OK''', and set the height of the book to 360, then click '''OK''' again. … … 18 15 Now we don't want the book to be called "New Book B", so let's set the book's title. Chose '''Edit > Set Book Title''': 19 16 20 {{{ 21 #!html 22 <img src="http://withhiddennoise.net/tempo/5PageBook2.png"> 23 }}} 17 [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_8/5PageBook1.png)]] 24 18 25 19 Change the book title to "Five Page Book" or whatever you'd like the book to be called. You might at this point like to save your book; to do this, choose '''File > Save As''', and choose a location and a filename for your book. … … 27 21 Next, let's get our images. We're going to use five images; you can download them [http://withhiddennoise.net/tempo/page1.jpg here], [http://withhiddennoise.net/tempo/page2.jpg here], [http://withhiddennoise.net/tempo/page3.jpg here], [http://withhiddennoise.net/tempo/page4.jpg here], and [http://withhiddennoise.net/tempo/page5.jpg here], or, if you'd like, you can download a ZIP of all five images [http://withhiddennoise.net/tempo/FivePageBookImages.zip here]. The images all look like this: 28 22 29 {{{ 30 #!html 31 <img src="http://withhiddennoise.net/tempo/page1.jpg"> 32 }}} 23 [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_8/page1.jpg)]] 33 24 34 25 Nothing fancy; each just says that it's a specific page. Before going on, download all the images to your desktop or some convenient folder. When you've done that, you're ready to import the first image. To do that, go to '''Insert > Image''' and select ''page1.jpg'': 35 26 36 {{{ 37 #!html 38 <img src="http://withhiddennoise.net/tempo/5PageBook3.png"> 39 }}} 27 [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_8/5PageBook3.png)]] 40 28 41 29 The image will be inserted in the center of the page, like this: 42 30 43 {{{ 44 #!html 45 <img src="http://withhiddennoise.net/tempo/5PageBook4.png"> 46 }}} 31 [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_8/5PageBook4.png)]] 47 32 48 33 (You'll notice that it's also gained a red border; all frames in this build of Sophie have red borders automatically, so these images take advantage of that.) … … 52 37 Now we've created the pages; let's set actions on them. Go back to page 1 and click on the image so that the halos appear. We're going to use the link HUD: to get to this, click on the little chain halo (which is in the middle right above the frame). The link HUD will open like this: 53 38 54 {{{ 55 #!html 56 <img src="http://withhiddennoise.net/tempo/5PageBook5.png"> 57 }}} 39 [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_8/5PageBook5.png)]] 58 40 59 41 We're going to create a link that goes to the next page when the frame is clicked. First, open the '''Trigger''' drop-down menu: 60 42 61 {{{ 62 #!html 63 <img src="http://withhiddennoise.net/tempo/5PageBook6.png"> 64 }}} 43 [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_8/5PageBook6.png)]] 65 44 66 45 The option that we want is currently called '''FRAME_MOUSE_RELEASE''', which makes the link happen when the user clicks on the frame. (FRAME_MOUSE_RELEASE is different from FRAME_MOUSE_PRESS because FRAME_MOUSE_RELEASE only triggers when the user lets go of the mouse as opposed to when the user starts clicking the mouse.) Next let's open the '''Action''' drop-down menu: 67 46 68 {{{ 69 #!html 70 <img src="http://withhiddennoise.net/tempo/5PageBook7.png"> 71 }}} 47 [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_8/5PageBook7.png)]] 72 48 73 49 We want '''Go to next page'''. Choose that, then click the link halo to close the link HUD. … … 77 53 Now let's try the book out. We've been working in '''author mode''', which is the mode used for creating books: in this mode, when you click on the images with links, the links don't happen, but the halos appear. We don't always want the links to work: this could make editing the books very difficult. To see if the links work, we need to go into '''preview mode'''. To do this, click the '''Open Preview''' button on the bottom of the book window. The book will open in preview mode: 78 54 79 {{{ 80 #!html 81 <img src="http://withhiddennoise.net/tempo/5PageBook8.png"> 82 }}} 55 [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_8/5PageBook8.png)]] 83 56 84 57 Preview mode shows the book as it will appear to readers: in preview mode, the book can't be edited, but the links will work. Click '''Close Preview''' to close the preview. … … 86 59 We can also use Sophie Reader to look at our book. When you start up Sophie Reader, it looks like this: 87 60 88 {{{ 89 #!html 90 <img src="http://withhiddennoise.net/tempo/5PageBook9.png"> 91 }}} 61 [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_8/5PageBook9.png)]] 92 62 93 63 Go to '''File > Open Book''' and select the book you saved. It will open as a finished book: 94 64 95 {{{ 96 #!html 97 <img src="http://withhiddennoise.net/tempo/5PageBook10.png"> 98 }}} 65 [[Image(source:/branches/private/danvisel/sophie2-platform/doc/userdoc-images/RELEASE_8/5PageBook10.png)]] 99 66 100 67 In Reader, the book cannot be edited; it can only be read.
