in this lesson, we're going to create this page. Turn effect. What you see is this page being sort of picked up and wiped over. Let me just turn off the background page so you can kind of see what is going on a little bit better. So it flips over just like, so it looks pretty cool for creating an animated book like this. Or you can use it as a cool way to transition one video frame to the next. You can apply this effect to really anything. So let's build this from scratch. So I'm going to open up a new composition or start a new comp. Call this book whatever you want, by 10 85 seconds 1st. Let's build out our books. So take the rectangle tool. I'm going to choose a background color for the binding and the cover. So let's just do that when the brown create this rectangle. Cool. So now I'll just call this back next. We want to add pages so click off of our layer, change the fill color to white with a rectangle tool selected. Let's create our page. You'll notice that I have these little ...

guides on my composition and that's under this button right here, which is the title action safe, proportional grid and guides and rulers option. So if I turn off title Action safe, I don't have that guide. I turn this on so I can see the center of my composition. So with that on you have this little plus sign and that's the exact center and that helps me create a rectangle like so by clicking and dragging going perfectly to the center. Cool, awesome. So that's one page and we'll call this left page. We can duplicate this just by pressing command D. And then with the selection tool which I get to by pressing V. On my keyboard, drag to the right holding shift down just like so and I'm going to put a little bit of space between the two pages. Like so I want to make sure that. Well first let's call this right page and I want to make sure that the anchor point is on the left hand side of this page. So that's pretty cool because now if we want we can create a simple page, turn with a three D. Rotation. So if we turn on three D. For this later layer, press R. And then do a Y rotation. You can see that we can flip this around which is kind of cool. But there's a more organic way and that's through our cc page turn effect. But first let's continue by duplicating our right page and we'll call this right page top and then add some text to this page. So let's just click off of our layers. Hello, select our text to make sure it's black so we can see it. Okay? And I'm just gonna put this on the middle of the page and I'm going to pre comp both the Hello text and the page so that the effect that we apply to it is applied to both. So selecting both of those layers pre comping command shift C or right clicking, choosing pre compose. I'll call this page turn so now the Patreon has that top layer or that top right page and the text so you can see. And I turned off that right back page and let's just add some text on top of the right page. Cool, Nice. Okay, so that's going to be on top of our back page which will appear after our page turns. So let's put that underneath our page. Turn Cool. Let me close down everything. Just select all. Press s on our keyboard. Just close everything down now under Effects and presets, type in C C page and you'll see the CC page turn and let's apply that to our page. Turn. Pre comp you'll see in our project tab or in the Effects Control tabs. We have these new options, what we're going to be animating is the fold position. So if you click on this little icon right here, this brings our little target to our composition and if we hover our mouse over now we can click where we want this page to start folding from. So let's just click in the middle over to the right now we can click that point and drag around and you can see that are hello page is folding over. It's a little hard to see right now. So let's actually turn off our right page and are cool text so we can still take that point, which is this little circle right there and we just have to sort of figure out where we're going to animate it. You'll also notice that the back of this page, it automatically sort of takes what's on the front of the page and makes it a little transparent on the back. And those options are right here under back page, I don't really want that to look like that. So I'm going to turn off the back page and you can basically reference any other layer you have on this timeline around this camp to appear on the back page. So if I want the cool text for example, we can have that Hello on the front and then cool on the back now it's backwards and that's because it's as if you're flipping the page over. I'm going to turn that off though. And now when I turn that off, it chooses the paper color, which is sort of this gold ish. I'm going to make it more of a white but a little off white. So it's a little different than the original whites, which makes it easier to see. And I'm also going to turn the back opacity to 100%. So now we can see that the page is turning, it's not sort of clear clear page. So we just have to animate this position. So let's take this point over to the right. Set a position for the key frame for the fold position and then go forward about a second and then take that position point and drag to the right to somewhere like there. Okay, if we press you on our keyboard, we can see those two key frames, we can play through it. That's pretty cool. We can easy ease if we want, it's a sort of ramp up, make it a little bit more natural and then if we turn the cool and the right page on in the back we can see that appear. That's pretty darn cool. So you can do cool things like what I've done in the past is multiply this effect so that the pages are flipping over really quickly and then it lands on a title card or a title page or something like that. Very, very cool. Things you could do with this cc page turn, you can also affect the radius. So let me turn off the cool on the right page page so the fold radius shows how big it is and again kind of hard to see if I change the paper color the back of the paper color, you can see a little bit better. So the fold radius makes it sort of more rounded or less rounded. So with more rounded, we might want to change the position of this to something like that so it's not folding over the front left page, something like that. So that looks kind of cool too and we might have to start change the front one now too, so we'll bring the front one down here. So changing the fold radius will affect the fold position then the light direction. If you rotate that you can see it adds this glint to the background, which kind of makes it look more realistic too. Say you want to copy this to the page behind? There's something to keep in mind. So first we would have to pre compose the right page and the cool text. So select both of those pre compose, right click pre compose. Cool page, awesome. So it's easy because we can actually just select the page. Turn, click the CC page, turn up here and copy it. So command C. Which copies everything we've changed here, plus the key frames. And now if we go after the Hello text page flips over, maybe we wanted to start flipping right here. So put our time indicated right there and then paste it command V. So now this page starts to flip over. But what happens is it flips over underneath our other page and that's because this layer is underneath it and that's because right here we do need it to be underneath. But here we needed to be on top. So what do we do? We just split this layer and to split a layer, you can either go up to the edit menu and go to split layer or command shift. D. So similar to duplicating. But with that shift it splits it and we put this top cool page, the one that has the animation on top of our page turn. So now here it's underneath, but here with the animation it's on top. So if we actually go in here and we change the page color for example, let's just change it to a blue so we can see more clearly what's happening. It folds on top. Okay, so that's just one thing to keep in mind when you are doing multiple CC page turns that you have to play around with the layering. Awesome. I hope you enjoyed this lesson and we'll move on to another one of my favorite effects and the next one.

Class Materials

Bonus Materials with Purchase

Practice Files

buy this class

$00

Buy Class

Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

79.7K Students

99% Recommend this Class

00 Student Work

0 Video lessons in HD
00h 00m of class content
Exclusive bonus content
Lifetime access, anywhere, anytime
Streaming access on desktop and mobile browsers
Download and offline access with class purchase
Offline sync with our iPhone & iPad apps
100% satisfaction guarantee

Philip Ebiner

Professional video & course creator, photographer & teacher to 1mil+ students; 10+ years experience with 1000+ videos.

2,000+ classes ranging from fundamentals to advanced techniques.

Create a Page Turn Effect with CC Page Turn

Create a Page Turn Effect with CC Page Turn

Lesson Info

74. Create a Page Turn Effect with CC Page Turn

Lessons

Class Updates & My Favorite CC 2020 Updates

Understand the After Effects Workspace

Starting a New Composition

CC 2018 Update - Starting a New Composition from Footage

Adding Media to Your Project and the Timeline

Using the Basic After Effects Tools

Create a Perfect Circle, Alignment, and Shape Colors

Working in the Timeline

Layer Properties

Quiz: After Effects Basics

Animating in After Effects

Position, Scale, and Rotation Animations

Tips to Make Your Animations Look More Nautral

Using the Graph Editor

Challenge - Bouncing Ball

Solution - Bouncing Ball

Quiz: Animating with Keyframes

Working with Solid Layers and the Ken Burns Effects

Working with Shape Layers, Strokes, and Paths

Adding Layer Styles like Drop Shadow, Bevel, and Gradients

Shape Effects - Trim Path Animations, Wiggle, and Zig Zag

Quiz: Shapes and Solid Layers

Track Matte Animations - Make Layers Appear and Disappear

Using Pre-Compositions to Group Layers

Easily Reverse Complicated Animations

Playing with Time

Blend Modes

Stabilize Shaky Footage

CC 2018 Update - Previewing and Favoriting Fonts

CC 2019 Update - Responsive Design Time

CC 2019 Content Aware Fill

CC 2019 Create Motion Graphic Templates

Quiz: Important After Effects Skills

Intro to Motion Graphics Projects

Clean Lower Third

Logo Reveal Animation Bumper

Colorful Transition

Text with Mask Path Animation

Text Bubble Animation

Weather App 1

Weather App 2

Weather App 3

Quiz: Motion Graphics Projects

Flat Animation Challenge

Phil Designs his Flat Animation Scene

Animating Fireworks with the Repeater Effect

Removing Green Screen Background

Adding a Background that Matches the Foreground

Adding Motion to a Still Image with the Puppet Tool

Adding Movement with the Ripple Effect

Quiz: Flat Animation Challenge

Intro to 3D

Swinging 3D Text Animation

Build Out Your 3D Composition

Animating Our 3D Scene

Create Stars in After Effects

Quiz: Green Screen (Chromakeying)

Using the Rotoscope Tool

Cleaning Up Your Edges

Finishing Our Rotobrush Animation

Quiz: 3D Animations and the Camera Tool

Easy Screen Replacement with Masks

Replacing a Screen Version 2

Screen Replacement with Mocha

CC 2019 Update - Native Mocha AE Plugin

Quiz: Rotoscoping

Using the Puppet Pin Tool

Animating Your Puppet Pins

Animated Blinking Eyes

Adding Perspective with Animated Clouds

CC 2018 Update - Advanced Puppet Pin Tool

Quiz: Screen Replacements

Applying Text Animation Presets

Create a Page Turn Effect with CC Page Turn