{"id":121,"date":"2007-08-07T23:30:55","date_gmt":"2007-08-08T04:30:55","guid":{"rendered":"http:\/\/www.pixelwit.com\/blog\/page-flip\/change-pageflip-size\/"},"modified":"2011-06-12T13:41:06","modified_gmt":"2011-06-12T18:41:06","slug":"change-pageflip-size","status":"publish","type":"page","link":"https:\/\/www.pixelwit.com\/blog\/page-flip\/change-pageflip-size\/","title":{"rendered":"How to Change Size of Page Flip"},"content":{"rendered":"

“How do you change the dimensions of the pages used in the PageFlip book effect?” is a common question asked in the PageFlip Help<\/a> section of this site. If you want to know how to resize the book or modify the size of the pages used in the Flash PageFlip effect then this tutorial is for you.<\/p>\n

To be sure we’re working with the same file, download the most recent version of the Free Page Flip FLA<\/a>. The file is a self-contained page flip solution with a SWF Player version-checker, a preloader, each page of the book, and the code that makes it all go.<\/p>\n

\"\"<\/a> You can watch a video walk-through<\/a> illustrating every detail of this “Change Size of PageFlip” tutorial.<\/p>\n

Changing the book’s size, requires the modification of two key aspects of the Page flip file. First you need to change the width and height variables found in the code and then you’ll need to change the content in the Print clips so everything fits within your new page size.<\/p>\n

Modifying the Code:<\/strong><\/p>\n

    \n
  1. Open the PageFlip.fla file.<\/li>\n
  2. Open the Library panel.<\/li>\n
  3. Open the Book folder.<\/li>\n
  4. Double-click the Bound Pages clip to begin editing it.<\/li>\n
  5. Select the first frame of the Actions layer.<\/li>\n
  6. Open the Actions panel.<\/li>\n
  7. Go to line #16 and change the pageWi variable to the reflect the new width of your page in pixels.<\/li>\n
  8. Go to line #17 and change the pageHi variable to the reflect the new height of your page in pixels.<\/li>\n<\/ol>\n

    Modifying the Print Clips:<\/strong><\/p>\n

      \n
    1. Open the Library panel.<\/li>\n
    2. Open the Book folder.<\/li>\n
    3. Open the Printed Pages folder.<\/li>\n
    4. Double-click the Print1 clip to begin editing it.<\/li>\n
    5. Create a new layer within the Print1 clip called “Page Bounds”.<\/li>\n
    6. On the Page Bounds layer, draw a rectangle the size of your page.<\/li>\n
    7. Align the the rectangle to the center of the stage.<\/li>\n
    8. Right-click the Page Bounds layer and turn it into a “guide” layer.<\/li>\n
    9. Lock the Page Bounds layer and place it at the bottom of the layer stack (if it isn’t there already).<\/li>\n
    10. Add your content to the upper layers being sure it is completely contained within the Page Bounds.<\/li>\n<\/ol>\n

      Once you’ve modified the Print1 clip you can either repeat the same steps for all of the other print clips or you can duplicate the Print1 clip and rename it accordingly (Print2, Pint3, etc.) while being sure to retain the proper “Linkage Identifier” (print2, print3, etc).<\/p>\n

      You may need to resize the stage and reposition the “Pages” clip<\/a> after changing the PageFlip’s dimensions.<\/p>\n

      If you’d like to rotate or scale the Pages clip you should read the PageFlip Transformation Tutorial<\/a>.<\/p>\n

      If you want to change the total number of pages in the book, you can read this article about adding pages to the PageFlip<\/a>.<\/p>\n

      Hope it helps.<\/p>\n