Chapter 19 CC18 - Revision history

Michael: /* Exercise 6: Looping */ Screenshots

2018-12-13T16:34:07Z

Exercise 6: Looping: Screenshots

Michael: /* Exercise 5: Exporting and Rendering */ Screenshots

2018-12-13T16:31:56Z

Exercise 5: Exporting and Rendering: Screenshots

Michael: /* Exercise 4: Change Opacity and Scale of “O” */ Screenshots

2018-12-13T16:30:38Z

Exercise 4: Change Opacity and Scale of “O”: Screenshots

Michael: /* Exercise 3: Changing Position of AI File, Change Hue of Solid */

2018-12-13T16:29:38Z

Exercise 3: Changing Position of AI File, Change Hue of Solid

Michael: /* Exercise 3: Changing Position of AI File, Change Hue of Solid */ Screenshots

2018-12-13T16:29:02Z

Exercise 3: Changing Position of AI File, Change Hue of Solid: Screenshots

Michael: /* Exercise 2: Placing AI File, Draw Out Solid, Add Letter “O” */ Screenshots

2018-12-13T16:26:45Z

Exercise 2: Placing AI File, Draw Out Solid, Add Letter “O”: Screenshots

Michael: /* Exercise 1: Adding Sound Clip and Define Length of Clip */ Screenshots

2018-12-13T16:25:34Z

Exercise 1: Adding Sound Clip and Define Length of Clip: Screenshots

Michael: AfterEffects

2018-12-06T17:58:31Z

AfterEffects

Michael: /* Exercise 4: Basic bouncing ball */ AfterEffects

2018-12-06T17:53:01Z

Exercise 4: Basic bouncing ball: AfterEffects

Michael: /* Exercise 3: Visualizing tempo */ After Effects

2018-12-06T17:50:20Z

Exercise 3: Visualizing tempo: After Effects

@@ Line 123: / Line 123: @@
 '''1.''' Make a new project by selecting Composition > New Composition or by using the shortcut, CMD + N.
-[[File:]]
+[[File:Fig19 Ex6 01 CC2018.png|400px]]
 '''2.''' In the Composition Settings Window, name the new composition “PacingLoop” and make the duration 10 seconds (0:00:10:00). Click OK
-[[File:]]
+[[File:Fig19 Ex6 02 CC2018.png|500px]]
 '''3.''' Select File > Import > File… and select the Pacing.mov file that we created earlier.
-[[File:]]
+[[File:Fig19 Ex6 03 CC2018.png|500px]]
 '''4.''' Click and drag Pacing.mov to the layers panel and press SPACE to preview. As you can see, the Pacing file only lasts for 2 seconds of our 10 seconds.
@@ Line 137: / Line 140: @@
 '''5.''' Right click the Pacing.mov layer and select Time > Enable Time Remapping. This will create a property with a keyframe under the layer.
-[[File:]]
+[[File:Fig19 Ex6 05 CC2018.png|800px]]
 '''6.''' Option + Click the keyframe icon to create an expression. Expressions are bits of code that tell After Effects details about the property, in this case Time Remap.
-[[File:]]
+[[File:Fig19 Ex6 06 CC2018.png|800px]]
 '''7.''' Click on the Expression Language Menu, which is the circle with the triangle within the expression layer.
-[[File:]]
+[[File:Fig19 Ex6 07 CC2018.png|800px]]
 '''8.''' From the Expression Language Menu. Select Property > loopOut(type = “cycle”, numKeyframes = 0)
-[[File:]]
+[[File:Fig19 Ex6 08 CC2018.png|800px]]
 '''9.''' Now drag the end of the Pacing.mov layer to the end of the composition. This will tell After Effects to loop until the end of the composition.
-[[File:]]
+[[File:Fig19 Ex6 09 CC2018.png|800px]]
 '''10.''' Press SPACE to make check that Pacing.mov is looping for the 10 seconds. If it is, continue exporting and rendering the composition like in Exercise 5.

@@ Line 102: / Line 102: @@
 '''1.''' Save the composition by selecting File > Save As > Save As… and name the project “Pacing.”
-[[File:]]
+[[File:Fig19 Ex5 01 CC2018.png|400px]]
 '''2.''' Then Export by selecting File > Export > Add to Render Queue.
-[[File:]]
+[[File:Fig19 Ex5 02 CC2018.png|500px]]
 '''3.''' Change the value of “Output To:” by selecting the blue value and choosing where the composition will be exported to. Click save.
-[[File:]]
+[[File:Fig19 Ex5 03 CC2018.png|800px]]
 '''4.''' Click on Render on the right. This will export and render the video to an MOV file.
-[[File:]]
+[[File:Fig19 Ex5 04 CC2018.png|800px]]
 =Exercise 6: Looping=

@@ Line 83: / Line 83: @@
 '''1.''' For the “O”, make a keyframe for scale and opacity at the first frame.
-[[File:]]
+[[File:Fig19 Ex4 01 CC2018.png|800px]]
 '''2.''' Move the playhead halfway so that it is at 1:06 seconds. Change the scale so it is larger but not touching the other circles. Then change the Opacity to 0%.
-[[File:]]
+[[File:Fig19 Ex4 02 CC2018.png|800px]]
 '''3.''' Go to the last frame and copy the key frames from the first frame to the last frame.
-[[File:]]
+[[File:Fig19 Ex4 03 CC2018.png|800px]]
 '''4.''' Press SPACE to preview.

@@ Line 48: / Line 48: @@
 [[File:Fig19 Ex3 01 CC2018.png|800px]]
 '''2.''' Move the playhead halfway through the composition so that it is exactly at 1:06 seconds. You can find the time at the bottom of the composition panel. Change the position of the circle so that it is higher than its previous position.
 [[File:Fig19 Ex3 02 CC2018.png|800px]]
 '''3.''' Move the playhead to the last frame. Click on the first Keyframe we made in step 1, copy it, and paste it to the last frame.
 [[File:Fig19 Ex3 03 CC2018.png|800px]]
 '''4.''' Press SPACE to preview.
@@ Line 62: / Line 65: @@
 [[File:Fig19 Ex3 05 CC2018.png|800px]]
 '''6.''' Move the playhead halfway (1:06) and change the Color.
 [[File:Fig19 Ex3 06 CC2018.png|800px]]
 '''7.''' Go to the last frame and duplicate the first keyframe.
 [[File:Fig19 Ex3 07 CC2018.png|800px]]
 '''8.''' Press SPACE to preview.

@@ Line 47: / Line 47: @@
 '''1.''' Create an initial keyframe so that you can change the position of the circle. In the layers panel, click the arrow next to the “Circle.ai” layer to expand the twirl down menu. Do the same for the Transform menu, and then click the stop-watch next to Position while the playhead is at the first frame.
-[[File:]]
+[[File:Fig19 Ex3 01 CC2018.png|800px]]
 '''2.''' Move the playhead halfway through the composition so that it is exactly at 1:06 seconds. You can find the time at the bottom of the composition panel. Change the position of the circle so that it is higher than its previous position.
-[[File:]]
+[[File:Fig19 Ex3 02 CC2018.png|800px]]
 '''3.''' Move the playhead to the last frame. Click on the first Keyframe we made in step 1, copy it, and paste it to the last frame.
-[[File:]]
+[[File:Fig19 Ex3 03 CC2018.png|800px]]
 '''4.''' Press SPACE to preview.
@@ Line 61: / Line 61: @@
 '''5.''' Select the solid shape and make a keyframe for Color (Contents > Ellipse 1 > Fill 1) at the first frame.
-[[File:]]
+[[File:Fig19 Ex3 05 CC2018.png|800px]]
 '''6.''' Move the playhead halfway (1:06) and change the Color.
-[[File:]]
+[[File:Fig19 Ex3 06 CC2018.png|800px]]
 '''7.''' Go to the last frame and duplicate the first keyframe.
-[[File:]]
+[[File:Fig19 Ex3 07 CC2018.png|800px]]
 '''8.''' Press SPACE to preview.

@@ Line 31: / Line 31: @@
 '''1.''' Move the AI File to the composition by dragging it to the layers. Move the Circle to the bottom left of the composition.
-[[File:]]
+[[File:Fig19 Ex2 01 CC2018.png|700px]]
 '''2.''' Draw a Solid Circle using the Ellipse Tool and move it to the right side of the composition, centered vertically. You can change the fill and stroke from the toolbar.
-[[File:]]
+[[File:Fig19 Ex2 02 CC2018.png|700px]]
 '''3.''' Select the Type Tool and add the letter “O.” Move it to the center of the composition and make sure its anchor point is in the center using the Anchor Point Tool (Y).  Adjust the circles so that all three are roughly the same size.
-[[File:]]
+[[File:Fig19 Ex2 03 CC2018.png|700px]]
 =Exercise 3: Changing Position of AI File, Change Hue of Solid=

@@ Line 10: / Line 10: @@
 '''1.''' Open Adobe After Effects. Select “New Project…” in the startup menu.
-[[File:]]
+[[File:Fig19 Ex1 01 CC2018.png|500px]]
 '''2.''' Select “New Composition.” Name the Composition “Pacing.” Make sure the width is set to 1920 px and the height is set to 1080 px. Set the frame rate by selecting 29.97 from the pull-down menu. Set the Duration to 2.12 seconds which is 0;00;02;12. This is because we will be using an audio file that is 2.12 seconds long. Press OK.
-[[File:]]
+[[File:Fig19 Ex1 02 CC2018.png|500px]]
 '''3.''' Import the sound clip and AI file using File > Import > Multiple Files…
-[[File:]]
+[[File:Fig19 Ex1 03 CC2018.png|500px]]
 '''4.''' Drag the sound clip from the Project Panel to the Layers panel to insert it to the composition.
-[[File:]]
+[[File:Fig19 Ex1 04 CC2018.png|500px]]
 =Exercise 2: Placing AI File, Draw Out Solid, Add Letter “O”=

@@ Line 68: / Line 68: @@
 . Press SPACE to preview.
-=Exercise 4: Basic bouncing ball=
+=Exercise 4: Change Opacity and Scale of “O”=
-[[File:Fig18_Ex4_01_CS6.png|400px]]
+. For the “O”, make a keyframe for scale and opacity at the first frame.
-. This circle is going to have a shorter cycle than both of the other shapes. This will result in the fastest tempo. Add a new keyframe on this layer at frame 25 so the circle will end in the same position. When an animation is supposed to cycle seamlessly, a keyframe should be placed at the end of the layer holding the same content as the first frame.
+[[File:]]
-[[File:Fig18_Ex4_02_CS6.png|400px]]
+. Move the playhead halfway so that it is at 1:06 seconds. Change the scale so it is larger but not touching the other circles. Then change the Opacity to 0%.
-. Insert a new keyframe every three frames. In each keyframe, move the circle up or down with the Selection Tool.
+[[File:]]
-[[File:Fig18_Ex4_03_CS6.png|400px]]
+. Go to the last frame and copy the key frames from the first frame to the last frame.
-We started on the second keyframe (frame 4) and used SHFT+Up Arrow three times (Shift + up + up + up) to move the circle 30 pixels higher than it's starting point. On the next keyframe, we used SHFT+Down Arrow. On the following keyframe, SHFT+Up Arrow four times. On frame 13, SHFT + Down Arrow. We repeated this pattern throughout the layer so the circle would look like a ball that bounces higher each time it hits the ground.
+[[File:]]
-[[File:Fig18_Ex4_04_CS6.png|400px]]
+. Press SPACE to preview.

@@ Line 38: / Line 38: @@
 [[File:]]
-=Exercise 3: Visualizing tempo=
+=Exercise 3: Changing Position of AI File, Change Hue of Solid=
-. Click on the "circle ctr" layer then add a new layer above it. Name it "circle rt". Select the circle on the first layer, and copy it using Edit > Copy or CMD + C. Click on the first frame of the new layer and paste the circle using CMD + V.
+. Create an initial keyframe so that you can change the position of the circle. In the layers panel, click the arrow next to the “Circle.ai” layer to expand the twirl down menu. Do the same for the Transform menu, and then click the stop-watch next to Position while the playhead is at the first frame.
-[[File:Fig18_Ex3_01_CS6.png|400px]]
+[[File:]]
-.Hold SHFT while clicking and dragging the new circle to the right of the first circle.
+. Move the playhead halfway through the composition so that it is exactly at 1:06 seconds. You can find the time at the bottom of the composition panel. Change the position of the circle so that it is higher than its previous position.
-<table class="infobox">
+. Move the playhead to the last frame. Click on the first Keyframe we made in step 1, copy it, and paste it to the last frame.
-<tr>
+[[File:]]
-<td>Holding the Shift Key while dragging an object restricts the movement to 90 and 45 degrees.</td>
+. Press SPACE to preview.
-</table>
+. Select the solid shape and make a keyframe for Color (Contents > Ellipse 1 > Fill 1) at the first frame.
-[[File:Fig18_Ex3_02_CS6.png|400px]]
+. Move the playhead halfway (1:06) and change the Color.
-. Click in the Color Palette to change the color of the new circle.
+[[File:]]
-[[File:Fig18_Ex3_03_CS6.png|400px]]
+. Go to the last frame and duplicate the first keyframe.
-. Insert a new keyframe at frame 13 on the "circle rt" layer. Click on frame 25 and use the key command (Function Key) F6 to add another keyframe.
+[[File:]]
-[[File:Fig18_Ex3_04_CS6.png|400px]]
+. Press SPACE to preview.
 =Exercise 4: Basic bouncing ball=