Change PageFlip Background Color

Changing the background color of the PageFlip is easy but it’s not very intuitive. Here’s a quick tutorial explaining how to do it:

  1. Download the PageFlip file if you haven’t already.
  2. Open the PageFLip file.
  3. Make sure the TimeLine is visible (Menu&#187Window&#187TimeLine).
  4. Find the “Background” layer in the TimeLine
  5. Click the “X” to the right of the Background layer to make it visible.
  6. Click the “lock” to the right of the Background layer to unlock it.
  7. Click the first non-empty frame in the Background layer to select it.
  8. Click the Fill Color swatch in the ToolBar to choose a new color

That should be it. Happy page-flipping.

15 Responses to “Change PageFlip Background Color”

  1. Gina says:

    Is there a way to make the background a jpeg? I sorta have it but when I click on the corner to change the page, it jumps. Any thoughts on what could be the cause of that?

  2. isaac says:

    thanx.. for the change color tutorial.. but now i want to know we can resize the background..?

  3. Lizzie says:

    First of all thank you so much for the source and nice explainations. I have one thing that I haven’t solved yet. I want to make the background transparent. So I moved the background layer but the the preloder is all the time there.
    Is there any way to make it invisible?

    Hope to hear you soon.
    Thank you again.

  4. Pixelwit says:

    @Mac, I’m thinking of writing a tutorial to explain why the file is set up the way that it is. Check back in a little while.

    @Yellow, here’s a tutorial just for you… How to Change Page Color.

  5. Yellow says:

    Hi thanks for all the tutorials, my cuestion is how can i change the background of the pages, i need it,thanks.

  6. mac says:

    Hey Pixel, that worked great. I’m super confused as to why those pages have to be on the main timeline to begin with? Why are they there and was it on purpose that you put a background layer there to cover them up?

    When I deleted them, and their layer, nothing bad happened and the pageflip continued to work fine.

    I’ve been playing around alot with it, and its an amazing thing you’ve done here, thanks very much for all the tips in the code to help me out. One thing I have a burning desire to fix is the preloader.

    I’ve tried your preloader, that comes with PageFlip and it works. But when I try to reproduce the preloader with my own (and many others, followed from various tutorials) it creates several problems. Firstly, the preloader only pops up at 70%. Secondly, a little green time line looking thing pops up in the top left corner.

    Anyways, thanks for the code!

  7. Jason says:


    I was wondering how to change teh background to a jpeg? thanks

  8. Pixelwit says:

    @Marc, try moving the content pages off the viewable portion of the stage, (i.e. move all pages 600 pixels to the left).

  9. marc says:

    when I change the ALPHA of hte square, all the book content flashes at once?

  10. marc says:

    Is there a way to make the backgorund transperant, so that when I publish it into an HTML file it will not show this box?

  11. Alison says:

    That was it–thank you so much!

  12. Pixelwit says:

    Alison, it sounds like you need to resize (enlarge) the rectangle shape on the Background layer.

  13. Alison says:

    Can anyone help? When I test the movie, I am getting a grey area behind the booklet in upper left corner of the background. Any thoughts on how to get rid of this?

    Pixelwit, THANK YOU for this code.

  14. Pixelwit says:

    You’re welcome. 😉

  15. Justin says:

    Thank you! Cant tell you how much I appreciate the help.

Leave a Reply's Comment Guidelines

© Sean O'Shell 2007-2017