Roxie's Doors the "Making of", please read how we made this wonderfull 3D lift the flap book.


“Doors” is a book from famous American illustrator and writer Roxie Munro. It has received numerous recommendations and awards.  Doors  is a lift-the-flap book with hidden objects. Behind doors, cupboards, train interiors, the space station, sailboats, and other spaces are objects you can find and worlds to explore. There are more than 50 flaps to check out and to look behind. We thought “Doors” would make a great app, with »

Read More

Each page was analyzed; after that we could start working on dissecting the book digitally. For this “Making of…” we take the train page as an example. First we show you the original page. We wanted to give the book depth whereby you can move your ipad and you see different sides of the train. We wanted to animate certain things, and we wanted the doors to open and close. On the next image you see the train page in pieces; each gap »

Read More

All the different digital items and scenes we dissected have to be put together again. Since Roxie draws by hand each illustration, the original pages with depth do not have a real perspective. Simply building the page in 3D wasn’t the way to go to stay close to the original artwork. But since we wanted to give the pages depth and 3D we had to find a solution. The solution was as simple as it was tedious – rebuild the scene in 3D but transform »

Read More

Besides depth we also wanted to give it some animation and movement – a train rides the rails, a boat rocks, a space station floats. With the train for example we wanted the train movement but also a moving background. Once more Roxie made some new drawings we could use as a background, 3D in combination with some good old coding brought it to life. The train rides, background moves. This really brings life to the original book.

Read More

Now the pages are built in 3D, the pages move but we needed more. We wanted to add interactivity and movement to parts of the pages. We already took them out digitally but now we have to bring these parts to life. The same way all animations are made, cell animation. Each movement is a different image, again a tedious task but greatly enhances the experience. Trunks open, dogs bark, lights flash, horses move. We added three choices for reading the »

Read More