Skip to main content

Create a Page Turn Effect with CC Page Turn

Lesson 74 from: Adobe After Effects Fundamentals

Philip Ebiner

Create a Page Turn Effect with CC Page Turn

Lesson 74 from: Adobe After Effects Fundamentals

Philip Ebiner

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

Lesson Info

74. Create a Page Turn Effect with CC Page Turn

Lessons

Class Trailer

Chapter 1: Introduction

1

Class Updates & My Favorite CC 2020 Updates

06:22

Chapter 2: After Effects Basics

2

Understand the After Effects Workspace

05:39
3

Starting a New Composition

08:15
4

CC 2018 Update - Starting a New Composition from Footage

01:55
5

Adding Media to Your Project and the Timeline

05:08
6

Using the Basic After Effects Tools

10:20
7

Create a Perfect Circle, Alignment, and Shape Colors

03:04
8

Working in the Timeline

10:59
9

Layer Properties

08:57
10

Quiz: After Effects Basics

Chapter 3: Animating with Keyframes

11

Animating in After Effects

07:35
12

Position, Scale, and Rotation Animations

05:17
13

Tips to Make Your Animations Look More Nautral

04:21
14

Using the Graph Editor

05:32
15

Challenge - Bouncing Ball

01:01
16

Solution - Bouncing Ball

13:00
17

Quiz: Animating with Keyframes

Chapter 4: Shapes and Solid Layers

18

Working with Solid Layers and the Ken Burns Effects

07:07
19

Working with Shape Layers, Strokes, and Paths

06:24
20

Adding Layer Styles like Drop Shadow, Bevel, and Gradients

03:44
21

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

05:54
22

Quiz: Shapes and Solid Layers

Chapter 5: Important After Effects Skills

23

Track Matte Animations - Make Layers Appear and Disappear

08:37
24

Using Pre-Compositions to Group Layers

05:34
25

Easily Reverse Complicated Animations

02:14
26

Playing with Time

05:54
27

Blend Modes

06:05
28

Stabilize Shaky Footage

04:04
29

CC 2018 Update - Previewing and Favoriting Fonts

00:46
30

CC 2019 Update - Responsive Design Time

03:36
31

CC 2019 Content Aware Fill

03:55
32

CC 2019 Create Motion Graphic Templates

08:37
33

Quiz: Important After Effects Skills

Chapter 6: Motion Graphics Projects

34

Intro to Motion Graphics Projects

00:53
35

Clean Lower Third

09:22
36

Logo Reveal Animation Bumper

13:25
37

Colorful Transition

16:59
38

Text with Mask Path Animation

10:05
39

Text Bubble Animation

13:39
40

Weather App 1

16:41
41

Weather App 2

08:21
42

Weather App 3

06:59
43

Quiz: Motion Graphics Projects

Chapter 7: Flat Animation Challenge

44

Flat Animation Challenge

02:47
45

Phil Designs his Flat Animation Scene

01:23
46

Animating Fireworks with the Repeater Effect

15:02

Chapter 8: Flat Animation Challenge

47

Removing Green Screen Background

06:46
48

Adding a Background that Matches the Foreground

07:55
49

Adding Motion to a Still Image with the Puppet Tool

06:26
50

Adding Movement with the Ripple Effect

06:07
51

Quiz: Flat Animation Challenge

Chapter 9: Green Screen (Chromakeying)

52

Intro to 3D

10:04
53

Swinging 3D Text Animation

12:11
54

Build Out Your 3D Composition

05:47
55

Animating Our 3D Scene

07:38
56

Create Stars in After Effects

05:11
57

Quiz: Green Screen (Chromakeying)

Chapter 10: 3D Animations and the Camera Tool

58

Using the Rotoscope Tool

06:55
59

Cleaning Up Your Edges

07:21
60

Finishing Our Rotobrush Animation

07:33
61

Quiz: 3D Animations and the Camera Tool

Chapter 11: Rotoscoping

62

Easy Screen Replacement with Masks

09:56
63

Replacing a Screen Version 2

13:49
64

Screen Replacement with Mocha

07:13
65

CC 2019 Update - Native Mocha AE Plugin

05:08
66

Quiz: Rotoscoping

Chapter 12: Screen Replacements

67

Using the Puppet Pin Tool

04:33
68

Animating Your Puppet Pins

03:04
69

Animated Blinking Eyes

08:21
70

Adding Perspective with Animated Clouds

07:10
71

CC 2018 Update - Advanced Puppet Pin Tool

02:08
72

Quiz: Screen Replacements

Chapter 13: Puppet Tool Animations

73

Applying Text Animation Presets

05:59
74

Create a Page Turn Effect with CC Page Turn

10:05
75

Radial and Linear Wipes

03:20
76

Color Correction in After Effects

03:33
77

CC 2019 Update - Selective Color Adjustments

03:25
78

Quiz: Puppet Tool Animations

Chapter 14: Motion Tracking

79

Motion Tracking Basics

09:51
80

Tracking Text and Visual Effects to Video Clip

06:21
81

Tracking Rotation and Scale

11:33
82

Adding Details to Our Text

04:04
83

Quiz: Motion Tracking

Chapter 15: Character Animations

84

Intro to Character Animations

01:31
85

Design Your Character

14:32
86

Rigging Your Character

02:50
87

Animating Our Character

09:55
88

Adding the Animated Background

09:12
89

Adding Details to Character Movement

06:46
90

Adding the Paper Cut Out Look

05:29
91

Quiz: Character Animations

Chapter 16: Exporting from After Effects

92

Exporting an H264 File from After Effects

07:03
93

Exporting from After Effects with a Transparent Background

04:03
94

Exporting from After Effects through Adobe Media Encoder

04:40
95

CC 2018 Update - Exporting an Animated GIF from Adobe Media Encoder

02:14
96

Create an Animated GIF from After Effects CC 2017

07:03

Chapter 17: After Effects Workflow & Tips

97

Audio Tips for After Effects

02:19
98

Working with Premiere Pro

05:54
99

Quiz: After Effects Workflow & Tips

Chapter 18: Expressions

100

Expressions Basics

07:24
101

Animate a Flickering Light with Expressions

17:35
102

Quiz: Expressions

Chapter 19: Conclusion

103

Conclusion

00:44

Final Quiz

104

Final 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

Bonus Materials with Purchase

Practice Files