Resize Stage and Move PageFlip Tutorial

August 19th 2009

If you changed the page size of the PageFlip, you probably need to increase or decrease the size of the stage and re-center or reposition the book. Follow this brief tutorial explaining how to do just that.

You can watch a video walk-through illustrating every detail of this “Resize Stage and Move PageFlip” tutorial.

Resizing the stage:

  1. Open the PageFlip FLA file.
  2. Using the text menu at the top of the screen, navigate to:
    1. Menu».
    2. Modify»
    3. Document
  3. Set the “Width” and “Height” to your desired dimensions.
  4. Press the “OK” button.

Modifying the Background:

  1. Within the Timeline panel:
    1. Find the “Background” layer.
    2. Click the red X next to the name of the Background layer to make that layer visible if it’s currently invisible.
    3. Select any non-empty (gray) frame within the Background layer.
  2. The highlighted area on the stage is the Background shape.
  3. Use the Free Transform Tool to select the shape on the stage.
  4. With the Background shape selected, do either of the following:
    • Use the Free transform Tool to resize and reposition the background until it is as big or bigger than the stage.
    • Use the Properties panel to set the background to the same dimensions as the stage.
  5. Now is a good time to change the color of the background if so inclined.
  6. Reset the Background layer’s visibility and lock it when finished.

Moving the Pages clip:

  1. Within the Timeline panel:
    1. Find the “Pages” layer.
    2. Select any non-empty (gray) frame within the Pages layer.
  2. The small highlighted cross near the center of the stage is the Pages clip and it marks the center of your book when opened.
  3. Use the Selection Tool to click on the Pages clip.
  4. Do either of the following:
    • Use the Properties panel to set new X and Y properties.
    • Use the Align panel to center the Pages clip on the stage.
    • Click and drag the Pages clip to wherever you like.
  5. It’s best to keep the book positioned on whole pixel values.
  6. Test your file and make sure everything works as expected.

If you want to get fancy and rotate or scale the Pages clip you should read the PageFlip Transformation Tutorial.

Thanks for using PixelWit’s Flash PageFlip.

Related Posts:

* Comments(8)

8 Responses to “Resize Stage and Move PageFlip Tutorial”

  1. masya says:
    August 22nd, 2012 at 7:37 am

    hiya, I already succeed to follow all the steps given, but i have one question. how can i put a question in this flip book? and how can i put audio in it? please let me know thanks

  2. Szuete says:
    May 3rd, 2011 at 9:06 am

    I was trying to increase the size of content in Print 1, Print 2…. I resized the movie doc, and resized the pages, but although I have resized “var pageWi = 300; and var pageHi = 450;”, they content still shows up as 200×300.
    Where in the .as the size of content is being set?
    Thanks, Szuete

  3. leanne says:
    February 9th, 2010 at 2:18 pm

    hello
    i love this script/flash file. i have been using it on a website http://www.waltstreetpub.com since 2005. the problem is that with the latest flash player update it suddenly will not work. i am still publishing the website in flash 6 and the rest of the website works fine. it is when i click on the ‘menu’ to see the pageflipping menu it does not work. what can i do to make it work?

    please help

  4. Joana says:
    February 6th, 2010 at 1:01 am

    First of all, thank u so much, for the code etc.
    its great!

    question:
    how can i make the backpage when it is flipping backwards ( dir=-1) to be blank.
    i´ve managed stationary and flipping forward (dir=1) to be blank
    but not backwards ….i was using if; else
    ty

  5. Ace says:
    January 17th, 2010 at 4:43 pm

    I bought your file a month back. Its really a great piece of work for such a low price.
    I’m not that flash savvy so while tweaking this file, wondering can I position the first page at center of the stage opposed to right side and when you turn it over, two page layout will come up. Same goes for back page, when you flip over to back page it should self align in center of the stage instead of position on left side. Could you please throw some light?

  6. Brent Nicolet says:
    October 19th, 2009 at 9:55 pm

    i downloaded your flippage. when i go to change the pages from 8 to 10 it gives me this error. please help
    Error: A ‘with’ action failed because the specified object did not exist

Leave a Reply

PixelWit.com's Comment Guidelines

Warning: Undefined variable $user_ID in /home2/pixelwit/public_html/blog/wp-content/themes/fvariant2/comments.php on line 57

You must be logged in to post a comment.

© Sean O'Shell 2007-2024