http://wiki.digital-foundations.net//index.php?title=Special:NewPages&feed=atom&hideredirs=1&limit=50&offset=&namespace=0&username=&tagfilter=Digital Foundations - New pages [en]2024-03-29T14:25:01ZFrom Digital FoundationsMediaWiki 1.35.1http://wiki.digital-foundations.net//index.php?title=SandboxSandbox2020-07-13T18:18:50Z<p>Michael: blanking</p>
<hr />
<div>TK</div>Michaelhttp://wiki.digital-foundations.net//index.php?title=Chapter_20_CC18Chapter 20 CC182018-12-14T22:08:55Z<p>Michael: Text changes and added screenshots</p>
<hr />
<div>=Chapter 20: Video=<br />
<br />
=Exercise 1 : Draw Solar and Lunar Solid=<br />
<br />
'''1.''' Open Adobe After Effects. Select “New Project…” in the startup menu.<br />
<br />
[[File:Fig20 Ex1 01 CC2018.png|500px]]<br />
<br />
<br />
'''2.''' Select “New Composition.” Name the Composition “Eclipse” 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 20 seconds which is 0;00;20;00. Press OK.<br />
<br />
[[File:Fig20 Ex1 02 CC2018.png|500px]]<br />
<br />
<br />
'''3.''' In the center of the comp create a circle by using the ellipse tool and name this layer “Sun.”<br />
<br />
[[File:Fig20 Ex1 03 CC2018.png|800px]]<br />
<br />
<br />
'''4.''' Change the shape so that the Fill Color is yellow and no Stroke Color.<br />
<br />
[[File:Fig20 Ex1 04 CC2018.png|800px]]<br />
<br />
<br />
'''5.''' Duplicate the “Sun” layer and rename the duplicate “Moon.”<br />
<br />
[[File:Fig20 Ex1 05 CC2018.png|800px]]<br />
<br />
<br />
'''6.''' Change the Fill color of the “Moon” to black.<br />
<br />
[[File:Fig20 Ex1 06 CC2018.png|800px]]<br />
<br />
=Exercise 2 : Add Glow Effect and and Keyframes=<br />
<br />
'''1.''' Select the “Sun” layer and search for the “Glow” effect in the Effects & Presets Panel.<br />
<br />
[[File:Fig20 Ex2 01 CC2018.png|800px]]<br />
<br />
<br />
'''2.''' Double click on the Glow effect to apply it to the “Sun” layer.<br />
<br />
[[File:Fig20 Ex2 02 CC2018.png|800px]]<br />
<br />
<br />
'''3.''' Under Glow > Glow Radius in the Effect Controls Panel, change the value to 300.<br />
<br />
[[File:Fig20 Ex2 03 CC2018.png|800px]]<br />
<br />
<br />
'''4.''' Go to the 9 second mark on the timeline and create a keyframe next to Glow Radius.<br />
<br />
[[File:Fig20 Ex2 04 CC2018.png|800px]]<br />
<br />
<br />
'''5.''' Move the playhead to the 10 second mark and change the Glow Radius to 1000.<br />
<br />
[[File:Fig20 Ex2 05 CC2018.png|800px]]<br />
<br />
<br />
'''6.''' Move the playhead to the 11 second mark and change the Glow Radius back to 300.<br />
<br />
[[File:Fig20 Ex2 06 CC2018.png|800px]]<br />
<br />
=Exercise 3 : Animate Transit=<br />
<br />
'''1.''' Move the playhead to the first frame. Move the “Moon” layer to the bottom right corner of the composition and make a Keyframe for position under Transform > Position.<br />
<br />
[[File:Fig20 Ex3 01 CC2018.png|800px]]<br />
<br />
<br />
'''2.''' Move the playhead to the last keyframe and change the position so that the shape is at the top left of the composition.<br />
<br />
[[File:Fig20 Ex3 02 CC2018.png|800px]]<br />
<br />
<br />
'''3.''' Press SPACE to preview. This will make the “Moon” layer transit across the composition and create an eclipse.<br />
<br />
=Exercise 4 : Add First Lens Flare and Keyframes=<br />
<br />
'''1.''' Create an adjustment layer by clicking on Layer > New > Adjustment Layer. Rename this layer “First Flare” and make sure it is the top layer in the Layers Panel.<br />
<br />
[[File:Fig20 Ex4 01 CC2018.png|500px]]<br />
<br />
<br />
'''2.''' In the Effects & Presets Panel, search for “Lens Flare” and double click it to apply it to your adjustment layer.<br />
<br />
[[File:Fig20 Ex4 02 CC2018.png|800px]]<br />
<br />
<br />
'''3.''' Under Effects > Lens Flare > Flare Center, change the the Flare Center position so that it is slightly above and to the left of the center of the “Sun” layer. (See screenshot for reference)<br />
<br />
[[File:Fig20 Ex4 03 CC2018.png|800px]]<br />
<br />
<br />
'''4.''' Move the playhead so it is at the 2 second mark and create a Keyframe for the Flare Center.<br />
<br />
[[File:Fig20 Ex4 04 CC2018.png|800px]]<br />
<br />
<br />
'''5.''' Move the playhead to the 9 second mark and change the Flare Center Position so that it is towards the upper left edge of the “Sun” shape.<br />
<br />
[[File:Fig20 Ex4 05 CC2018.png|800px]]<br />
<br />
<br />
'''6.''' Move the playhead to the first frame and change the value of Flare Brightness to 0%.<br />
<br />
[[File:Fig20 Ex4 06 CC2018.png|800px]]<br />
<br />
<br />
'''7.''' At the 2 second mark, make a keyframe for Flare Brightness.<br />
<br />
[[File:Fig20 Ex4 07 CC2018.png|800px]]<br />
<br />
<br />
'''8.''' Then move the playhead to the 9:15 second mark and bring the value for the Flare Brightness up to 150%.<br />
<br />
[[File:Fig20 Ex4 08 CC2018.png|800px]]<br />
<br />
<br />
'''9.''' Move the playhead to the 10 second mark and make another Keyframe with the Flare Brightness at 0%.<br />
<br />
[[File:Fig20 Ex4 09 CC2018.png|800px]]<br />
<br />
<br />
'''10.''' Press SPACE to preview the composition. The moon should be transiting across the sun with the lens flare growing in brightness then quickly disappearing once the moon is directly over the sun.<br />
<br />
=Exercise 5 : Add Second Lens Flare and Keyframes=<br />
<br />
'''1.''' Create another adjustment layer by clicking on Layer > New > Adjustment Layer. Rename this layer “Second Flare” and make sure it is the top layer in the Layers Panel.<br />
<br />
[[File:Fig20 Ex5 01 CC2018.png|500px]]<br />
<br />
<br />
'''2.''' In the Effects & Presets Panel, search for “Lens Flare” and double click it to apply it to your adjustment layer.<br />
<br />
[[File:Fig20 Ex5 02 CC2018.png|800px]]<br />
<br />
<br />
'''3.''' Under Effects > Lens Flare > Flare Center, change the the Flare Center position so that it is at the bottom left edge of the “Sun” layer. (See screenshot for reference)<br />
<br />
[[File:Fig20 Ex5 03 CC2018.png|800px]]<br />
<br />
<br />
'''4.''' Move the playhead so it is at the 10 second mark and create a Keyframe for the Flare Center.<br />
<br />
[[File:Fig20 Ex5 04 CC2018.png|800px]]<br />
<br />
<br />
'''5.''' Move the playhead to the 18 second mark and change the Flare Center Position so that it is towards the center of the “Sun” shape.<br />
<br />
[[File:Fig20 Ex5 05 CC2018.png|800px]]<br />
<br />
<br />
'''6.''' Move the playhead to the 10 second mark and make a Keyframe for the Flare Brightness at 0%.<br />
<br />
[[File:Fig20 Ex5 06 CC2018.png|800px]]<br />
<br />
<br />
'''7.''' Move the playhead slightly right to the 10:15 second mark and make another Keyframe with the Flare Brightness at 150%.<br />
<br />
[[File:Fig20 Ex5 07 CC2018.png|800px]]<br />
<br />
<br />
'''8.''' Then move the playhead to the 18 second mark and bring the value for the Flare Brightness down to 0%<br />
<br />
[[File:Fig20 Ex5 08 CC2018.png|800px]]<br />
<br />
<br />
'''9.''' Press SPACE to preview the composition. The moon should be transiting across the sun with the first lens flare growing in brightness then quickly disappearing once the moon is directly over the sun. As the Moon continues transiting across, the second lens flare grows then slowly disappears as the Moon leaves the frame. Some adjustments to the values keyframes may be needed if certain animation do not line up correctly.<br />
<br />
=Exercise 6 : Exporting and Rendering=<br />
<br />
'''1.''' Exporting and rendering allows you to save the document in a format that the computer can read. In this example, we will go over two exporting methods, one through Adobe After Effects and another way through Adobe Media Encoder. First we will export through Adobe After Effects. Begin by clicking on File > Export > Add to Render Queue.<br />
<br />
[[File:Fig20 Ex6 01 CC2018.png|500px]]<br />
<br />
<br />
'''2.''' Notice that the Render Queue appeared at the bottom panel where the timeline used to be. Here we can see that our "Output to:" is a .mov file. This means that After Effects will export the composition as a .mov file which the computer can then read and play.<br />
<br />
[[File:Fig20 Ex6 02 CC2018.png|1000px]]<br />
<br />
<br />
'''3.''' At the right side of the Render Queue Panel is the "render" button. Click on it to render the composition. This will bring up a window which will ask you where to save the .mov file. Select where you want it to save and press okay. The rendering process may take some time.<br />
<br />
[[File:Fig20 Ex6 03 CC2018.png|1000px]]<br />
<br />
<br />
'''4.''' Now we will export and render our composition through Adobe Media Encoder. This will allow us to render the composition with a specific format and quality. Click on File > Export > Add to Adobe Media Encoder Queue... This will open up the program and immediately add it to the queue.<br />
<br />
[[File:Fig20 Ex6 04 CC2018.png|600px]]<br />
<br />
<br />
'''5.''' With Adobe Media Encoder open, we can see the queue at the right panel.<br />
<br />
[[File:Fig20 Ex6 05 CC2018.png|900px]]<br />
<br />
<br />
'''6.''' In the drop-down menu under preset, we can select the format and quality that the composition will export as.<br />
<br />
[[File:Fig20 Ex6 06 CC2018.png|600px]]<br />
<br />
<br />
'''7.''' Select "Vimeo 720p HD" in the drop down menu. This will render the composition as an MP4 file in 720 pixels optimized for Vimeo.<br />
<br />
[[File:Fig20 Ex6 07 CC2018.png|600px]]<br />
<br />
<br />
'''8.''' Under Output File, you can change the save location. Once all settings have been chosen and the status says "Ready." You can click on the "render" button at the top right to begin rendering. This may take some time.<br />
<br />
[[File:Fig20 Ex6 08 CC2018.png|600px]]<br />
<br />
<br />
'''9.''' Once the render process has finished, the status should change to "Done." You may now go to the save location and preview your composition.<br />
<br />
[[File:Fig20 Ex6 09 CC2018.png|600px]]</div>Michaelhttp://wiki.digital-foundations.net//index.php?title=Chapter_19_CC18Chapter 19 CC182018-12-06T16:16:41Z<p>Michael: /* Exercise 6: Looping */ Screenshots</p>
<hr />
<div>=Chapter 19 - Pacing=<br />
<br />
Rhythm is an essential consideration in the production of motion graphics. One of the most common and simple time signatures is 4/4, where four beats are evenly heard over one bar of music and each note is one beat. House Music has a 4/4 beat. This method of counting time can be applied to animation. In House music, the beat is counted in cycles of eight. The rhythm is established and peaks at the fourth beat. It reduces in the next four beats, in preparation for the next set of eight beats. One of the key concepts in understanding animation is visualizing time. Whether you are keeping track of the musical score or graphic frames on a timeline, counting time is important and "seeing" the count is a necessity.<br />
<br />
Early experimental animation can be drawn upon as an example of seeing time kept with abstract, basic shapes. The work we will be doing is more like Oscar Fischinger's later work, "Early Abstractions" (1946 - 57).<br />
Harry Smith's homage to Fischinger remains abstract, though it is even more layered and complicated. Balance changes over time, shapes change in size and transparency. Rhythm is used to create a sense of predictability within the abstraction.<br />
<br />
=Exercise 1: Adding Sound Clip and Define Length of Clip=<br />
<br />
'''1.''' Open Adobe After Effects. Select “New Project…” in the startup menu. <br />
<br />
[[File:Fig19 Ex1 01 CC2018.png|500px]]<br />
<br />
<br />
'''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.<br />
<br />
[[File:Fig19 Ex1 02 CC2018.png|500px]]<br />
<br />
<br />
'''3.''' Import the sound clip and AI file using File > Import > Multiple Files…<br />
<br />
[[File:Fig19 Ex1 03 CC2018.png|500px]]<br />
<br />
<br />
'''4.''' Drag the sound clip from the Project Panel to the Layers panel to insert it to the composition.<br />
<br />
[[File:Fig19 Ex1 04 CC2018.png|500px]]<br />
<br />
=Exercise 2: Placing AI File, Draw Out Solid, Add Letter “O”=<br />
<br />
'''1.''' Move the AI File to the composition by dragging it to the layers. Move the Circle to the bottom left of the composition.<br />
<br />
[[File:Fig19 Ex2 01 CC2018.png|700px]]<br />
<br />
<br />
'''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.<br />
<br />
[[File:Fig19 Ex2 02 CC2018.png|700px]]<br />
<br />
<br />
'''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.<br />
<br />
[[File:Fig19 Ex2 03 CC2018.png|700px]]<br />
<br />
=Exercise 3: Changing Position of AI File, Change Hue of Solid=<br />
<br />
'''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.<br />
<br />
[[File:Fig19 Ex3 01 CC2018.png|800px]]<br />
<br />
<br />
'''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.<br />
<br />
[[File:Fig19 Ex3 02 CC2018.png|800px]]<br />
<br />
<br />
'''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.<br />
<br />
[[File:Fig19 Ex3 03 CC2018.png|800px]]<br />
<br />
<br />
'''4.''' Press SPACE to preview.<br />
<br />
'''5.''' Select the solid shape and make a keyframe for Color (Contents > Ellipse 1 > Fill 1) at the first frame.<br />
<br />
[[File:Fig19 Ex3 05 CC2018.png|800px]]<br />
<br />
<br />
'''6.''' Move the playhead halfway (1:06) and change the Color.<br />
<br />
[[File:Fig19 Ex3 06 CC2018.png|800px]]<br />
<br />
<br />
'''7.''' Go to the last frame and duplicate the first keyframe.<br />
<br />
[[File:Fig19 Ex3 07 CC2018.png|800px]]<br />
<br />
<br />
'''8.''' Press SPACE to preview.<br />
<br />
=Exercise 4: Change Opacity and Scale of “O”=<br />
<br />
'''1.''' For the “O”, make a keyframe for scale and opacity at the first frame.<br />
<br />
[[File:Fig19 Ex4 01 CC2018.png|800px]]<br />
<br />
<br />
'''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%.<br />
<br />
[[File:Fig19 Ex4 02 CC2018.png|800px]]<br />
<br />
<br />
'''3.''' Go to the last frame and copy the key frames from the first frame to the last frame.<br />
<br />
[[File:Fig19 Ex4 03 CC2018.png|800px]]<br />
<br />
<br />
'''4.''' Press SPACE to preview.<br />
<br />
=Exercise 5: Exporting and Rendering=<br />
<br />
'''1.''' Save the composition by selecting File > Save As > Save As… and name the project “Pacing.”<br />
<br />
[[File:Fig19 Ex5 01 CC2018.png|400px]]<br />
<br />
<br />
'''2.''' Then Export by selecting File > Export > Add to Render Queue.<br />
<br />
[[File:Fig19 Ex5 02 CC2018.png|500px]]<br />
<br />
<br />
'''3.''' Change the value of “Output To:” by selecting the blue value and choosing where the composition will be exported to. Click save.<br />
<br />
[[File:Fig19 Ex5 03 CC2018.png|800px]]<br />
<br />
<br />
'''4.''' Click on Render on the right. This will export and render the video to an MOV file.<br />
<br />
[[File:Fig19 Ex5 04 CC2018.png|800px]]<br />
<br />
=Exercise 6: Looping=<br />
<br />
'''1.''' Make a new project by selecting Composition > New Composition or by using the shortcut, CMD + N.<br />
<br />
[[File:Fig19 Ex6 01 CC2018.png|400px]]<br />
<br />
<br />
'''2.''' In the Composition Settings Window, name the new composition “PacingLoop” and make the duration 10 seconds (0:00:10:00). Click OK<br />
<br />
[[File:Fig19 Ex6 02 CC2018.png|500px]]<br />
<br />
<br />
'''3.''' Select File > Import > File… and select the Pacing.mov file that we created earlier.<br />
<br />
[[File:Fig19 Ex6 03 CC2018.png|500px]]<br />
<br />
<br />
'''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.<br />
<br />
'''5.''' Right click the Pacing.mov layer and select Time > Enable Time Remapping. This will create a property with a keyframe under the layer.<br />
<br />
[[File:Fig19 Ex6 05 CC2018.png|800px]]<br />
<br />
<br />
'''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.<br />
<br />
[[File:Fig19 Ex6 06 CC2018.png|800px]]<br />
<br />
<br />
'''7.''' Click on the Expression Language Menu, which is the circle with the triangle within the expression layer.<br />
<br />
[[File:Fig19 Ex6 07 CC2018.png|800px]]<br />
<br />
<br />
'''8.''' From the Expression Language Menu. Select Property > loopOut(type = “cycle”, numKeyframes = 0)<br />
<br />
[[File:Fig19 Ex6 08 CC2018.png|800px]]<br />
<br />
<br />
'''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.<br />
<br />
[[File:Fig19 Ex6 09 CC2018.png|800px]]<br />
<br />
<br />
'''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.</div>Michael