-
Page Flip Effect vs Zaxwerks 3D Warp for flipping book pages
Need some advise on a project. I am trying to animate pages turning on a book. You will see several pages turn then land on the index then shoot off to another page. I want to see the backside of pages and shadows.
With using the page turn effect, it creates some of the shadows, but not all of them. So I will have to mask and create some of them. It does show back sides of pages, which is nice. But the biggest drawback is showing several pages stacked on top of each other, because it is not true 3D, the layers wrap only is stacking order, so more masks and duplicated layers. Remember I want to show around 15 pages and if your like me, you build and tweak timing, so even with parenting, I will be messing with a lot of layers. Ouch.
Zaxwerks 3D Warp. Now this is the best for the animation part. But, also I can’t get a true 3D wrap on multiple images, so I would have to duplicate layers and re-stack them (so I can have one page wrapping around the next page). Also I can’t seam to get a backside of a page to work. This is also a big issue to deal with???
So, after spending a day messing around with this, I am stuck. Right now I am favoring using the page turn effect, mostly because it gives me the backside of pages. Looks like both solutions I will be creating masks for shadows and stacking.
Any ideas on working these solutions or maybe a different path all together?
Thanks a ton!!
-
5 Replies
-
Of the dozens of page turn inquiries we’ve entertained, there are usually two useful responses:
1. AE cannot do it in 3D. You can’t warp the pages in 3D space as they turn so you accept the limitations and design your sequence’s style to accommodate the limitations of the available tools.
2. You hire a 3d animator.Fifteen are way too many pages in vertical space to handle as they go from one side of the book to the other.
bogiesan
-
PiXELWiT already developed the page-flip source several years ago. you may contact pixelwit.com directly for help.
Another good choice is taking advantage of the mature softwares, such as axmag.com. they offer both free online service and offline conversion. More info https://www.axmag.com -
Try this java script
// set constants
var $pageheight = 189; // our single page height
var $pagewidth = 146; // our single page widthvar $pageYpos = 0; // current Y position of our bg-image (in both pages)
$(document).ready(function(){ // When the page is ready
/* left page turner */
$(“#leftpage”).click( function() {
$pageYpos = $pageYpos + $pageheight; // update Y postion
$(“#leftpage”).css(“background-position”, “0px “+$pageYpos+”px”);// move the background positionsetTimeout (‘$(“#flip”).css(“background-position”, “top center”);’, 200);
setTimeout (‘$(“#rightpage”).css(“background-position”, “146px “+$pageYpos+”px”);’, 200);}); // close leftpage click function
/* right page turner */
$(“#rightpage”).click( function() {
$pageYpos = $pageYpos – $pageheight; // note: minus page height
$(“#rightpage”)
.css(“background-position”, “0px “+$pageYpos+”px”);$(“#flip”).css(“background-position”, “top left”);
setTimeout (‘$(“#flip”).css(“background-position”, “top center”);’, 200);
setTimeout (‘$(“#leftpage”).css(“background-position”, “146px “+$pageYpos+”px”);’, 200);}); // close rightpage click function
}); // close doc ready -
You may want to check this stock file, its real 3d page flip, by far the most realsitic page flip done in Flash. It is made with Away3D engine, and completely xml driven
-
Try 3D PageFlip. Flip book maker it provides is easy-to-use.
You can view the demo it created at first.
Enjoy the stunning page flip effect and have a nice day!
Reply to this Discussion! Login or Sign Up