Create a Page Turn Effect with CC Page Turn
Philip Ebiner
Lessons
Class Updates & My Favorite CC 2020 Updates
06:22 2Understand the After Effects Workspace
05:39 3Starting a New Composition
08:15 4CC 2018 Update - Starting a New Composition from Footage
01:55 5Adding Media to Your Project and the Timeline
05:08 6Using the Basic After Effects Tools
10:20Create a Perfect Circle, Alignment, and Shape Colors
03:04 8Working in the Timeline
10:59 9Layer Properties
08:57 10Quiz: After Effects Basics
11Animating in After Effects
07:35 12Position, Scale, and Rotation Animations
05:17 13Tips to Make Your Animations Look More Nautral
04:21 14Using the Graph Editor
05:32 15Challenge - Bouncing Ball
01:01 16Solution - Bouncing Ball
13:00 17Quiz: Animating with Keyframes
18Working with Solid Layers and the Ken Burns Effects
07:07 19Working with Shape Layers, Strokes, and Paths
06:24 20Adding Layer Styles like Drop Shadow, Bevel, and Gradients
03:44 21Shape Effects - Trim Path Animations, Wiggle, and Zig Zag
05:54 22Quiz: Shapes and Solid Layers
23Track Matte Animations - Make Layers Appear and Disappear
08:37 24Using Pre-Compositions to Group Layers
05:34 25Easily Reverse Complicated Animations
02:14 26Playing with Time
05:54 27Blend Modes
06:05 28Stabilize Shaky Footage
04:04 29CC 2018 Update - Previewing and Favoriting Fonts
00:46 30CC 2019 Update - Responsive Design Time
03:36 31CC 2019 Content Aware Fill
03:55 32CC 2019 Create Motion Graphic Templates
08:37 33Quiz: Important After Effects Skills
34Intro to Motion Graphics Projects
00:53 35Clean Lower Third
09:22 36Logo Reveal Animation Bumper
13:25 37Colorful Transition
16:59 38Text with Mask Path Animation
10:05 39Text Bubble Animation
13:39 40Weather App 1
16:41 41Weather App 2
08:21 42Weather App 3
06:59 43Quiz: Motion Graphics Projects
44Flat Animation Challenge
02:47 45Phil Designs his Flat Animation Scene
01:23 46Animating Fireworks with the Repeater Effect
15:02 47Removing Green Screen Background
06:46 48Adding a Background that Matches the Foreground
07:55 49Adding Motion to a Still Image with the Puppet Tool
06:26 50Adding Movement with the Ripple Effect
06:07 51Quiz: Flat Animation Challenge
52Intro to 3D
10:04 53Swinging 3D Text Animation
12:11 54Build Out Your 3D Composition
05:47 55Animating Our 3D Scene
07:38 56Create Stars in After Effects
05:11 57Quiz: Green Screen (Chromakeying)
58Using the Rotoscope Tool
06:55 59Cleaning Up Your Edges
07:21 60Finishing Our Rotobrush Animation
07:33 61Quiz: 3D Animations and the Camera Tool
62Easy Screen Replacement with Masks
09:56 63Replacing a Screen Version 2
13:49 64Screen Replacement with Mocha
07:13 65CC 2019 Update - Native Mocha AE Plugin
05:08 66Quiz: Rotoscoping
67Using the Puppet Pin Tool
04:33 68Animating Your Puppet Pins
03:04 69Animated Blinking Eyes
08:21 70Adding Perspective with Animated Clouds
07:10 71CC 2018 Update - Advanced Puppet Pin Tool
02:08 72Quiz: Screen Replacements
73Applying Text Animation Presets
05:59 74Create a Page Turn Effect with CC Page Turn
10:05 75Radial and Linear Wipes
03:20 76Color Correction in After Effects
03:33 77CC 2019 Update - Selective Color Adjustments
03:25 78Quiz: Puppet Tool Animations
79Motion Tracking Basics
09:51 80Tracking Text and Visual Effects to Video Clip
06:21 81Tracking Rotation and Scale
11:33 82Adding Details to Our Text
04:04 83Quiz: Motion Tracking
84Intro to Character Animations
01:31 85Design Your Character
14:32 86Rigging Your Character
02:50 87Animating Our Character
09:55 88Adding the Animated Background
09:12 89Adding Details to Character Movement
06:46 90Adding the Paper Cut Out Look
05:29 91Quiz: Character Animations
92Exporting an H264 File from After Effects
07:03 93Exporting from After Effects with a Transparent Background
04:03 94Exporting from After Effects through Adobe Media Encoder
04:40 95CC 2018 Update - Exporting an Animated GIF from Adobe Media Encoder
02:14 96Create an Animated GIF from After Effects CC 2017
07:03 97Audio Tips for After Effects
02:19 98Working with Premiere Pro
05:54 99Quiz: After Effects Workflow & Tips
100Expressions Basics
07:24 101Animate a Flickering Light with Expressions
17:35 102Quiz: Expressions
103Conclusion
00:44 104Final Quiz
Lesson Info
Create a Page Turn Effect with CC Page Turn
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
Ratings and Reviews
Student Work
Related Classes
Adobe After Effects