{"id":125,"date":"2007-09-11T03:07:00","date_gmt":"2007-09-11T08:07:00","guid":{"rendered":"http:\/\/www.pixelwit.com\/blog\/reposition-rotate-or-scale-the-pageflip\/"},"modified":"2011-06-12T13:48:37","modified_gmt":"2011-06-12T18:48:37","slug":"reposition-rotate-or-scale-the-pageflip","status":"publish","type":"page","link":"https:\/\/www.pixelwit.com\/blog\/page-flip\/reposition-rotate-or-scale-the-pageflip\/","title":{"rendered":"Reposition, Rotate or Scale the PageFlip"},"content":{"rendered":"

I’m frequently asked how to rotate, scale or otherwise move the PageFlip around on the stage so I decided to write this tutorial explaining how I usually go about transforming the Flash Page Flip effect.<\/p>\n

\"\"<\/a> You can watch a video walk-through<\/a> illustrating every detail of this “Reposition, Rotate or Scale the PageFlip” tutorial.<\/p>\n

To avoid any confusion, it’s important that you work with an original version of the Free Page Flip FLA file<\/a> when following this tutorial.<\/p>\n

Once you have opened the file in Flash, do the following:<\/p>\n

    \n
  1. Drag the Timeline’s red PlayHead to frame #11.<\/li>\n
  2. Select the small cross in the middle of the stage. This is the Pages movieclip.<\/li>\n
  3. From the menu choose Modify>>ConvertToSymbol.<\/li>\n
  4. In the “Name” field type something like “Book Clip”, select the “MovieClip” option and set the Registration point to the middle of the clip, and then press “OK”.<\/li>\n
  5. While the new Book Clip is still selected, go to the Properties panel and give it a new instance name like “MyBook”.<\/li>\n
  6. Double-click the Book Clip to begin editing it.<\/li>\n
  7. Create a new layer beneath Layer 1 and name it something like “Book Bounds”.<\/li>\n
  8. Draw a rectangle on the new Book Bounds layer.<\/li>\n
  9. Resize the rectangle so it is the same height as a single page (300) and twice its width (400). *<\/strong>If you need to change the page width or height you can refer to the tutorial explaining how to change the page size<\/a><\/em>.<\/li>\n
  10. Align the rectangle on the Book Bounds layer to the center of the stage.<\/li>\n
  11. Double-click an empty space on the stage to go back to editing the main timeline “Scene 1”.<\/li>\n
  12. Reposition, rotate or scale the Book Clip as you wish.<\/li>\n
  13. Publish the SWF and view the results.<\/li>\n
  14. Double-click the Book Clip to edit its content.<\/li>\n
  15. Right-click the Book Bounds layer and turn it into a guide layer.<\/li>\n
  16. If using the Improved PageFlip<\/a>, change the code on the buttons to reflect the new name of the Pages clip (i.e. change “Pages.turnAhead();” to “MyBook.Pages.turnAhead();”). <\/li>\n
  17. Publish the SWF to see the new results.<\/li>\n<\/ol>\n

    That’s it. Now you know how to transform the Book Clip just like any other Flash movieclip.<\/p>\n