1:06 if anyone got stuck like I got stuck. To replace the comp you have to make sure that the comp at the bottom is selected first, then you need to select the comp at the top you want to replace it with, then press "Alt" and click and drag onto the comp.
Wow! Thank you so much for this tutorial! I managed to adapt it easily to my project and even have longer pauses on pages so that you could see the content and even read short snippets. All you need to do is: - duplicate the front page layer - remove all the keyframes except the first ones from the layer - move it to start just the first frame before that page is seen - end that layer as soon as it starts with the animation to flip. Thank you SO MUCH! This was a massive help!
Many, many thanks! I thought I was setting myself up for a big hassle in trying to accomplish a flip-through, especially since I haven't used AE in a while, but this was incredibly clear and easy to follow. You greatly helped me out!
at first I thought it’s gonna be too complicated to understand so let just copy the process and comeback again to take time to understand it later 😂, but you explain it very clear that I can understand how it work already.
Hi Manuel, I take opportunity of several same questions asking : "How can I add images/videos/texts.... on each pages, instead of "solid colors" ? Thank you so much. Mo-design.
Nice Tutorial. Thank you, Please understand my request and please make one more tutorial. Generally, if we take a book, we see the first Cover page of the book then we go to 1st page, 2nd page to the last page then we see the book's back page. so, I think you did not explain that cover page, last page topic so please make one more tutorial.
Hey! Thanks for your job and great idea. I have question regarding these offsets which you make for each comp. These offsets where you led at position -0.3 / -0.2 How important are they? Because I currently have a 1-minute long video with 4 pages, 3 pages are switching perfectly for me, but the 3rd and 4th page are causing problems. He does not fully cover the page, and the front page looks out as the page closes. I have researched the information, but I can't find a solution, although the outcome is likely to be simple Thanks.
Hey! The position offsets are there to ensure the pages don’t overlap. 3D can be tricky in After Effects. If the front page looks out it means that it’s position is closer to the camera than the back page. It could also be the bend settings like if the front page bends differently from the back page. The lower the z value, the closer to the camera.
This tutorial is incredible! thank you so much. I have a question: When I hold option on mac to replace a layer it doesn't change the name of the layer being replaced in the timeline like in your video. any idea why that is?
Hi Manuel, thanks for the great tutorial! Can u show/tell me how to flip the cover of the book and the back of the book as well? Like, i want to create an animation where the book is closed at first, then the cover opens, then the pages flip (same as your tutorial i've figured that out), and then the book closes So can you help me with the first and last part?
This is great if you want to use solids, but if you're using images for pages then it doesn't work well since when the page turns, the "reverse" of the image is shown instead on the back instead of either a blank color or another image.
Great tutorial! Just wondering though, the curvature option doesn't allow me to bend both horizontaly and vertically. I'm doing a calendar so it opens up from the bottom :/
Hi Manuel - A great video - cheers. I have done all the page movements with the light settings you suggested and made all the shadows 'on' for each layer, but I have only just added a background page - Is there a simple way to now get the shadows to show? - Thanks again - Best regards, Simon
Hi Manuel - There is 'Accept Shadows' and that is on, but still no shadows on the background. I have made it a 3D layer. The shadows on the pages work fine!@@ManueldoesMotion
Great tutorial, I've learned a lot by it! I only have a problem. While turning pages I see both front and back of the same page arbitrarily switching from one to another... How do I solve this problem?
Hey that's awesome! It probably has to do with the z position of the pages. The page that should be visible needs to be closer to the camera. Meaning it needs to have a lower z-value. If your front page has a z-value of -1 and your back page has a z-value of 0. Only the front page should be visible.
Awesome tutorial Manuel! You're awesome! I do have a problem tho, the light doesn't cast shadows on the background and the catalog looks a bit fake and unreal.. what to do?? Thanks in advance!
@@ManueldoesMotion Thanks for the super fast response, Manuel! I have looked over the internet and it seems like its hardware related problem and many others with my spec had same issues. I cant access at all the draft3D option as I'm using a MacBook Pro 2015 2.2Ghz, Intel Iris 1500mb. I guess I will be adding some kind of other shadow just to make it look more realistic.
Hi! Thank you very much for the video. You are my last hope, I can't find a solution to the problem anywhere else: the cineware R25 extension is not installed, After writes an error about its absence. How to fix it?
Did you check if it is installed? Maybe there is an older version installed and you need to delete that. Usually cineware comes with After Effects. Maybe you need to deinstall After Effects and reinstall it.
Pretty old video, but I was wondering if this also works with the camera at a different angle? Like, it's looking at the book from bottom side (idk if that makes sense) I just got into after effects and wanna make a project where it's a picture book, but the pictures would pop out like cardboard cutouts every time the page is turned.
the project linked to this video not the same as explained .! , the image inside every page is not clear enough , if i need to show images in every page i don't know to make the flipping more clear & slow
It's the same project. I just added more pages. Did you activate the Draft 3D mode? If you want the pages to flip slower you have to move the keyframes further apart and move the comps with the pages further to the right.
Hi Manuel, all my back pages are displaying as the fronts even though I've inserted the correct page in the compositions. Can you suggest what I may have done? with thanks
@@ManueldoesMotion Yes :) it did .. it's now finished with a front and back page too that close, all these comments are helpful! 😃 Appreciate your tutorial so much, 🙏 Thanks Manuel
thank u for this tutorial but i have a quick question. when i use draft 3d to look at the animation it looks fine but once i unclick draft 3d, my back pages disappear. Is there a way to fix that?
It could be a lot of reasons… Maybe the RAM of your computer is full. Do have a lot of other apps open at the same time? It also could help to empty the cache in the After Effects presets.
For some reason i kept getting many of some parts wrong. Im new to After effects and personally i wish you would have slowed down a little bit. I still couldn't get it in the end sadly.
I‘m sorry the tutorial is too fast for you. There isn’t always time to get into every detail in a TH-cam video. You should download the free project file and play with it. That helps for sure.
Nice, but the whole animation is around 2 seconds, what can I do to make the same number of pages take longer time to flip? without starting the whole project again? thanks.
Hey, great tutorial. I only have a question for rendering it. When I render the composition, the pages change and start to 'hang' down. And I don't know what I did wrong. This happens also when I disengage 'Draft 3D mode'. How have you rendered it out?
@@ManueldoesMotion yeah, I did try both of those things. But still no effect. I eventually tried to remake it in After Effects 2022. And there it gave me no problems. Thanks for the fast reply
@@ManueldoesMotion Ya same thing is happening to me actually, the pages start to act really weird and different than when in Draft 3D mode. Urgh dunno if i can be arsed to recreate it lol
hmm I'm a newbie how can u rearrange each layer because my front and back comp would always be under solid I dont know how to make it a top layer. Even tho my front comp is at the top it is still under background
Hi Manuel, great tutorial!! I have an issue with the Null that stays in the middle which controls all the pages. It has no keyframe because it is parented to the Spine, but some of the pages have a strange rotation on the X axis. Is there a way to fix this? Thank you!
@@ManueldoesMotion I've done like you said but the rotation was is still there. I think it depended on when I parented the pages. The spine has the anchor point on the left side, and the null is centered, so the is a small change of the potition when the spine rotates. I've changed the null object and took off the parenting, now is working fine :) Thank you!
first timer noob here created a comp named flip_animation, created 2 new comp named back and front but when i drag the ' back/ front ' comp to the time line cant see the color or r the anchor point to adjust
Hey! To see the anchor point of the comp you need to select the comp and if it's a 3D layer you see a red green and blue arrow. And a grey point in the centre. If you select the anchor point tool and drag the grey point in the centre you can move the anchor point. You can't change the colour of a comp. You need to go into the comp and change the colour of the solid inside the comp. Does that help?
1:06 if anyone got stuck like I got stuck. To replace the comp you have to make sure that the comp at the bottom is selected first, then you need to select the comp at the top you want to replace it with, then press "Alt" and click and drag onto the comp.
Thanks for the tip!
lifesaver!!
Wow! Thank you so much for this tutorial! I managed to adapt it easily to my project and even have longer pauses on pages so that you could see the content and even read short snippets. All you need to do is:
- duplicate the front page layer
- remove all the keyframes except the first ones from the layer
- move it to start just the first frame before that page is seen
- end that layer as soon as it starts with the animation to flip.
Thank you SO MUCH! This was a massive help!
Hey that’s great to hear! So happy it was helpful! 😊
@@thelittlestdinosaur what's going wrong when you try it out in After Effects?
Let's agree the gradient ramp was not the only effect used. A good tutorial none the less 💯
😁 Thanks very much!
amazing tutorial! you explained it so perfectly and clearly, thank you!
Thanks!!! That’s great to hear!
Awesome man..blown by the simple way you solved the problem..the back page..loved it..thanx alot❤️🙌
So glad you like it! You’re very welcome! 🙌🏻
Thank you for this idea. I just tried it and it works perfectly.@@grahamkay4034
Beautiful indeed, thanks for sharing, it's really helpful in working on a project 👌✌️👍
Awesome! That’s great to hear!
Many, many thanks! I thought I was setting myself up for a big hassle in trying to accomplish a flip-through, especially since I haven't used AE in a while, but this was incredibly clear and easy to follow. You greatly helped me out!
That’s awesome! Glad it helped!
at first I thought it’s gonna be too complicated to understand so let just copy the process and comeback again to take time to understand it later 😂, but you explain it very clear that I can understand how it work already.
That's awesome!
Manuel, U R Z Best!! 🤩🤩 Really appreciate you sharing your talent cuz this saved me a ton of time!
That's awesome! Glad it was helpful!
Great job, thanks so much for this tutorial!
You're very welcome!
¡Gracias hermano por este tutorial, me sirvió muchísimo!
That’s awesome! You’re welcome!
I am speechless..thank you🙏
You’re welcome!
Thanks Manuel, I just used this tutorial to make a Short. Looks great
That’s awesome!
Appreciate your teaching on this!!!
Thanks! Glad u like it!
3D camera like magnet media type tutorial ❤❤❤
Great tutorial and thank you.... you are the best ❤
Thank you! 😊 You’re welcome!
One of my favourites thank you!
That’s awesome! You’re welcome!
Great Manuel! Thank much for sharing!
Glad u like it! You’re welcome!
thank u man
Your'e so welcome!
Excellent way of teaching sir. Thanks
You're welcome! Glad you like it!
Thanks so much with Ur videos i understand the process, and makes me understand other videos what doesn't have explanation.
That’s awesome! You’re very welcome!
Wao! Very detailed bro! Great stuff; thanks plenty!!
Awesome! You’re welcome!
Thankyou so much bro
You’re very welcome!
Great! "I think"...
legend
Thank you for this!!
You're so welcome!
THX! Great tutorial!
Gald you like it!
Thank you very much, just what I needed. Subscribed for more similar contents
Awesome, thank you!
Thank you so much you're awesome!!!
You’re welcome!
Você não tem ideia do quanto me ajudou! Obrigado!!!!
Awesome!
i Love your videos 😍 Thnx you r awesome man ❤
So happy you like my stuff! You’re welcome!
Hi Manuel, I take opportunity of several same questions asking : "How can I add images/videos/texts.... on each pages, instead of "solid colors" ? Thank you so much. Mo-design.
Use comps for each page and add it to the comps.
Amazing ☆ Thanks
You’re so welcome!
you got a fan 💌❤
Awesome! Welcome!
thank you
You’re so welcome!
Awesome!
Thanks!
Wow man, you can do it! 😁👍
Thanks very much! 😊
awesoome
Thanks!
This is amazing thanks
Awesome! You’re so welcome!
This is gold. Discovered you from the recent mention you got on liknedin
Awesome! Welcome!
Yes
Creative job and tutorial, thanks;)
Glad u like it! You're very welcome!
Merci good work stef France
Awesome! Thanks!
Thankyou bro 😍
You’re so welcome!
Gracias por la información importante
You’re very welcome!
thank u
You’re welcome!
thanks!
Welcome!
Nice Tutorial.
Thank you,
Please understand my request and please make one more tutorial.
Generally, if we take a book, we see the first Cover page of the book then we go to 1st page, 2nd page to the last page then we see the book's back page.
so, I think you did not explain that cover page, last page topic so please make one more tutorial.
Nice!!
Thanks!
absolute beginner here. how can we add text or photos onto the page layers so it flips over in 3D as well? ☺
awesome tutorial btw! 👏👏
Thanks very much! You add anything you want to the page comps.
@@ManueldoesMotion thanks again 😁but when I add text to the solids, it is also visible when the pages turn (on the backside of the book cover) 😥😥
Hi. I couldn't get the project to download. Suggestions? Thanks.
Hey!
Thanks for your job and great idea.
I have question regarding these offsets which you make for each comp.
These offsets where you led at position -0.3 / -0.2
How important are they?
Because I currently have a 1-minute long video with 4 pages, 3 pages are switching perfectly for me, but the 3rd and 4th page are causing problems.
He does not fully cover the page, and the front page looks out as the page closes.
I have researched the information, but I can't find a solution, although the outcome is likely to be simple
Thanks.
Hey! The position offsets are there to ensure the pages don’t overlap. 3D can be tricky in After Effects. If the front page looks out it means that it’s position is closer to the camera than the back page. It could also be the bend settings like if the front page bends differently from the back page. The lower the z value, the closer to the camera.
This tutorial is incredible! thank you so much. I have a question: When I hold option on mac to replace a layer it doesn't change the name of the layer being replaced in the timeline like in your video. any idea why that is?
Is your column named "Layer Name" or "Source Name"? If you click on it it switches. Maybe that's the reason?
Thank you this is brilliant. I am wondering if I could create this and make it be my hero image/animation for my website?
Awesome! I think so. I would make a movie and upload it.
👍👍👍...fw as always..
big thanks sir .. 🙂🙂🙂
Glad u like it! You’re very welcome!
Great tutorial, thanks a lot! Just one question, how can i slow down the speed of the flipping pages and every new page will be static for 5 seconds?
You need to adjust the timing. Move the layers with the pages more to the right.
Good tutorial dude! But how to add cover thicness?
Thanks! To add thickness you have to switch to the Cinema 4D renderer in the composition settings.
goo job thank you . when is the next video please
Awesome! Next week.
@@ManueldoesMotion wow thank you very much Manuel.. you are so good
Great tutorial!!! but how to put a different page on the back of each page?
There’s a comp for the front and the back
@@ManueldoesMotion Maybe I made a mistake along the way. When I put on the back it appears on the next page and not on the back
Hello! Why does my picture get mirrored on back pages?
You need to add an animation preset which is called “flop” or turn it into a 3d layer and rotate it.
Hi Manuel, thanks for the great tutorial!
Can u show/tell me how to flip the cover of the book and the back of the book as well?
Like, i want to create an animation where the book is closed at first, then the cover opens, then the pages flip (same as your tutorial i've figured that out), and then the book closes
So can you help me with the first and last part?
It's the same principle. I would use the first page as front cover, the last page to close the book.
This is great if you want to use solids, but if you're using images for pages then it doesn't work well since when the page turns, the "reverse" of the image is shown instead on the back instead of either a blank color or another image.
It does work. You need a comp for the front and back of each page.
Great tutorial! Just wondering though, the curvature option doesn't allow me to bend both horizontaly and vertically. I'm doing a calendar so it opens up from the bottom :/
Thanks! I would animate it like a book then add the comp to a new comp and rotate it 90 degrees.
@@ManueldoesMotion this is actually a great advice to solve this problem. Nice thinking!
Hi Manuel - A great video - cheers. I have done all the page movements with the light settings you suggested and made all the shadows 'on' for each layer, but I have only just added a background page - Is there a simple way to now get the shadows to show? - Thanks again - Best regards, Simon
Hey thanks so much! You mean you want the shadows to appear on the background? It needs to be a 3D layer and you need to turn „receive shadows“ on.
Many thanks@@ManueldoesMotion
Hi Manuel - There is 'Accept Shadows' and that is on, but still no shadows on the background. I have made it a 3D layer. The shadows on the pages work fine!@@ManueldoesMotion
@@SimonWitham It could be the position of the layer. It needs to be directly behind the book. If it is further back, shadows might not reach it.
thanks man
man have a question can we rander this file in media enco........ m facing the problem over there
I am sure you can.
Pro hay quá thật tuyệt vời
Thanks!!
how would you do this but with a button/interactive option to click to the next or previous pages?
That’s not possible in After Effects.
Great tutorial, I've learned a lot by it!
I only have a problem.
While turning pages I see both front and back of the same page arbitrarily switching from one to another... How do I solve this problem?
Hey that's awesome! It probably has to do with the z position of the pages. The page that should be visible needs to be closer to the camera. Meaning it needs to have a lower z-value. If your front page has a z-value of -1 and your back page has a z-value of 0. Only the front page should be visible.
Awesome tutorial Manuel! You're awesome!
I do have a problem tho, the light doesn't cast shadows on the background and the catalog looks a bit fake and unreal.. what to do??
Thanks in advance!
You probably have turned on "Draft 3D" below the Preview window. If you turn it off it should be fine.
@@ManueldoesMotion Thanks for the super fast response, Manuel!
I have looked over the internet and it seems like its hardware related problem and many others with my spec had same issues. I cant access at all the draft3D option as I'm using a MacBook Pro 2015 2.2Ghz, Intel Iris 1500mb.
I guess I will be adding some kind of other shadow just to make it look more realistic.
hey! i just had the same problem. all you have to do is make your background a 3d layer as well.
Hi! Thank you very much for the video. You are my last hope, I can't find a solution to the problem anywhere else: the cineware R25 extension is not installed, After writes an error about its absence. How to fix it?
Did you check if it is installed? Maybe there is an older version installed and you need to delete that. Usually cineware comes with After Effects. Maybe you need to deinstall After Effects and reinstall it.
Pretty old video, but I was wondering if this also works with the camera at a different angle? Like, it's looking at the book from bottom side (idk if that makes sense)
I just got into after effects and wanna make a project where it's a picture book, but the pictures would pop out like cardboard cutouts every time the page is turned.
That seems like a pretty advanced project if you just got into After Effects. Those things are mostly done in 3D with Cinema 4D or Blender.
the project linked to this video not the same as explained .! , the image inside every page is not clear enough , if i need to show images in every page i don't know to make the flipping more clear & slow
It's the same project. I just added more pages. Did you activate the Draft 3D mode? If you want the pages to flip slower you have to move the keyframes further apart and move the comps with the pages further to the right.
Hi Manuel, all my back pages are displaying as the fronts even though I've inserted the correct page in the compositions. Can you suggest what I may have done? with thanks
Don't worry thank you so much, I worked it out :) Appreciate this so much.
Hey! So glad you worked it out. I guess it had to do with the positions of the comps?
@@ManueldoesMotion Yes :) it did .. it's now finished with a front and back page too that close, all these comments are helpful! 😃 Appreciate your tutorial so much, 🙏 Thanks Manuel
Thank you, that's exactly I need! But how to enable motion blur for moving pages? Turning it on or Force Motion Blur do not work
The Cinema 4D renderer comes with restrictions. Motion Blur doesn't work. I personally think Motion Blur doesn't look good anyway;)
@@ManueldoesMotion it looks good when it's natural, but forced - yes, not much )
thank u for this tutorial but i have a quick question.
when i use draft 3d to look at the animation it looks fine but once i unclick draft 3d, my back pages disappear. Is there a way to fix that?
It could be a lot of reasons… Maybe the RAM of your computer is full. Do have a lot of other apps open at the same time? It also could help to empty the cache in the After Effects presets.
Great tutorial! When i copy the page 1 back and front, then replace them with page 2 front and back, my page 2 is invisible. Any reccomendations?
Also is "-0,3" the same as "-0.3"
Yeah I think you can use commas and points.
In the effect, you have to choose if this is the front or back of a page. Maybe that's the issue?
For some reason i kept getting many of some parts wrong. Im new to After effects and personally i wish you would have slowed down a little bit. I still couldn't get it in the end sadly.
I‘m sorry the tutorial is too fast for you. There isn’t always time to get into every detail in a TH-cam video. You should download the free project file and play with it. That helps for sure.
How to change into cinema4D renderer?
Need to install cinema4D ?
It comes with After Effects. Switch the renderer in the comp settings.
@@ManueldoesMotion but for its showing not installed
paper flips good while working but rotation distorted in final render.. please help how to fix it
How distorted? Is it the quality?
great tutorial but i could not download project file
Why not?
Nice, but the whole animation is around 2 seconds, what can I do to make the same number of pages take longer time to flip? without starting the whole project again? thanks.
You need to move the keyframes further apart to make the pages turn slower and probably move the comps that contain the pages further to the right.
Hey, great tutorial. I only have a question for rendering it. When I render the composition, the pages change and start to 'hang' down. And I don't know what I did wrong. This happens also when I disengage 'Draft 3D mode'. How have you rendered it out?
Hey, that's really weird... Have you tried to close and reopen After Effects? Or to empty the disc cache?
@@ManueldoesMotion yeah, I did try both of those things. But still no effect. I eventually tried to remake it in After Effects 2022. And there it gave me no problems. Thanks for the fast reply
@@noavanschijndel Oh wow that is really weird 😳
@@ManueldoesMotion Ya same thing is happening to me actually, the pages start to act really weird and different than when in Draft 3D mode. Urgh dunno if i can be arsed to recreate it lol
@@BeatsBeneath Maybe you can save it as AE 22 file? Or you could try to copy all layers into a new comp?
Hi , how i doenload this source file
Link is in the description.
awesomee, i have a question if i want the cover to show up, how can i do it?
You hide the "front" comp and add your cover page to "page 1 front".
i m really stuggling with adding images can you please tell me briefly. (i put a pic in page 1 section but nothing happen
You need to add pictures to the page comps and turn them into 3D layers. You might have to flip them to get the view right.
hmm I'm a newbie how can u rearrange each layer because my front and back comp would always be under solid I dont know how to make it a top layer. Even tho my front comp is at the top it is still under background
Have you tried to adjust the z-positions of the comps? Lower z values are closer to the camera. -0,1 is above 0 for example.
how can i insert different picture on both side of the page? sir if you got my point please let me know as soon as possible.
There are comps for the front and back of each page. You just need to add the pictures.
💖🔥
Thanks!
thank you mate🤩
You’re so welcome!
Hi Manuel, great tutorial!! I have an issue with the Null that stays in the middle which controls all the pages. It has no keyframe because it is parented to the Spine, but some of the pages have a strange rotation on the X axis. Is there a way to fix this? Thank you!
Hi! Did you add any keyframes to the x-positions of the pages?
@@ManueldoesMotion Yes, the have from 0 to 90 degree rotation, as well as the the spine.
@@ionelaaurorameccanica8660 Maybe try to set the keyframe interpolation to linear.
@@ManueldoesMotion I've done like you said but the rotation was is still there. I think it depended on when I parented the pages. The spine has the anchor point on the left side, and the null is centered, so the is a small change of the potition when the spine rotates. I've changed the null object and took off the parenting, now is working fine :) Thank you!
any possibility to get a template of this? its way too complicated for my newbie brain
There’s the project file on Gumroad.
Hi, how can i slow down the page flip ?
If you want to slow the page turn itself down, you would adjust the keyframes. Like leave more space between them.
hi, what version of after effects app are you using?..because the project that I downloaded can't be opened
You need After Effects 23 to open it.
Okey...Thanks 👍
I use 2022 and it opened.
can I have this project, please?
It's on my Gumroad profile: bit.ly/44mFkX1
How can I add a front page so it opens from the cover?
I would use the first page as the front page.
first timer noob here created a comp named flip_animation, created 2 new comp named back and front but when i drag the ' back/ front ' comp to the time line cant see the color or r the anchor point to adjust
Hey! To see the anchor point of the comp you need to select the comp and if it's a 3D layer you see a red green and blue arrow. And a grey point in the centre. If you select the anchor point tool and drag the grey point in the centre you can move the anchor point.
You can't change the colour of a comp. You need to go into the comp and change the colour of the solid inside the comp.
Does that help?
why my book not casting shadow when i turn everthing is on ?
Have you checked all the settings? Are you maybe in draft 3d mode?
But how to add photos on both sides?
You add them to the comps for the front and back.
How insert photo into book?
Add it to the composition of a page.
And what about to start tuto from the very begining ?
What would be the beginning?
@@ManueldoesMotion 0:10 "I've already created..." but would you be so kind to show from how you created , step by step? Thank you