Page turn
Transcript of Page turn
Lucy Cornelius 1001975 Advanced Motion Graphics
1
How to Complete a Page Turn
1) First, create a new composition in
Adobe After effects. Set the composition length to 30 seconds (we can adjust this at the end if we need to). The dimensions of the composition are 1920 X 1080 at 25fps. I titled my project Comp One.
2) Let’s then import the images of the
background and the main cookbook.
3) Import the background of the wooden table, along with the cookbook into your composition. Hold Shift to keep the original dimensions to scale.
4) We will then key out the green background behind the book cover. To do
this, we can us a simple colour key. Go to Effect > Keying > Colour Key. You can use the colour picker tool to select the shade of green you want keying. Adjust the colour tolerance and edge thin settings, as well as the edge feather to blend the edges and make it look slightly softer.
5) We are then going to pre compose these layers mainly so that the timeline is more organised once we start importing more layers. Select the background layer and book layer individually and go to Layer > Pre Compose. We then want to make sure that all attributes are moved into the composition. Name the background layer ‘Background’ and the image of the cookbook ‘Cookbook’.
6) Now we are going to create a new composition called ‘Page One’, with the
same settings as before. This is where we will import the first page that we want to turn in our book. Import the image into this composition and scale it to size.
7) We are then going to return to Comp One and import the composition.
Lucy Cornelius 1001975 Advanced Motion Graphics
2
What it should look like now
8) With this Page One layer selected, we are going to adjust it so that it matches the dimensions of the original cookbook. Let’s go to Effect > Distort > Mesh Warp. Adjust the settings to how you prefer. I like to use 1 row and about 7-‐8 columns.
9) You can select where each of the
lines in the mesh meet and drag the corners around. This is great here as it means we can adjust the image to fit the page underneath. You can also use the other ‘arm’ of the tool to make the page appear to wriggle a bit. Do this until Page One matched the dimensions.
10) Once this is completed, select the Page One layer and duplicate it by
pressing CTRL or COMMAND + D. Pre compose this layer, calling it ‘Page One Page Turn’. This is the layer we will add the effect to.
11) Now select Effect > Distort > CC Page Turn. You can see the corner of the
image turn up slightly.
Lucy Cornelius 1001975 Advanced Motion Graphics
3
What it should look like now
12) As you can see, the page turn has been added but there are a lot of things we need to do to make it look effective. Adjust your settings to match these. We have changed the controls to Classic UI so that we can adjust the fold direction to to -‐90 degrees. This will make it look like a straight fold as if someone is opening the page. I have adjusted the back opacity so that the paper looks thick and translucent like tissue paper. I also adjusted the light direction so that there is not a shine on it, as I do not want the paper to look as if it glossy.
13) If you Solo Page One Page Turn, you can see that this is not quite right.
The left page shouldn’t be seen; we just want the actual page that is turning. Therefore you need to unsolo this page, and change the render settings to just the back page.
14) We then want to right click on the image > Transform > Flip
Horizontally. The page turn is now looking much more realistic. Now adjust the fold direction to +90 degrees.
Lucy Cornelius 1001975 Advanced Motion Graphics
4
15) This is looking much better but there is still a problem with the fact you cannot see the original cook book title page. To change this we need to complete our animation of the page turn first. Use keyframes to animate how you want your page to turn.
16) Now select ‘page one’. This is the layer we are going
to create a mask on. Make sure your time indicator is at 0 seconds. Create a mask big enough next to the image of the cookbook.
17) We need to animate this mask so that it matches the edge of the page turning. This will therefore reveal the page underneath and making it look like a realistic page turn. Once this is completed, you should have your first page turn.
18) To create another page, we simply copy these same steps but with a new page. For example, instead of creating a mask on page one, we will create it on page two, and remember to also shift the page two layer along on your timeline so that both pages don’t turn at the same time.