Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.
-
Upload
valentine-norton -
Category
Documents
-
view
218 -
download
2
Transcript of Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.
![Page 1: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/1.jpg)
Lesson 2: Compositions and Animations
CMM204CMM204 – Digital Media Effects– Digital Media Effects
![Page 2: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/2.jpg)
Chapter ObjectivesChapter Objectives
• Learn how to create a composition• Add source footage as layers• Navigate in both space and time• Learn concepts such as safe area,
grid guide and ruler overlay in the composition panel
![Page 3: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/3.jpg)
Topics to be coveredTopics to be covered
• Adding a new composition• The different panels• Adding footage to a composition• Layers• Navigating in space• Navigating in time• Animating position• Animating scale
![Page 4: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/4.jpg)
Adding a new compositionAdding a new composition
• There are several ways to creating a new composition– Select Composition then select New
Composition– Press Ctrl+N– Click New Composition from the bottom
of the project panel
![Page 5: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/5.jpg)
The Composition PanelThe Composition Panel
• Displays the image you are creating at the current point of time in sync with the timeline panel
• Center region of the panel is the stage
• Grey area around the panel is the additional working area
![Page 6: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/6.jpg)
The Timeline PanelThe Timeline Panel
• Control animations• Contains a number of columns that
displays various parameters for the layers used in a composition
![Page 7: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/7.jpg)
Adding footage to a compAdding footage to a comp
• There are several ways to add footage to a comp– Drag the footage in the project panel to
the desired comp in the project panel– Drag the footage in the project panel to
the comp panel, you can position it to your liking here
– Drag the footage in the project panel to the timeline panel
![Page 8: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/8.jpg)
LayersLayers
• Source in a composition are known as layers
• Comps can have an unlimited number of layers
• Layers typically stack in the topmost item in the timeline panel
![Page 9: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/9.jpg)
Keeping Tabs on Multiple CompsKeeping Tabs on Multiple Comps
• When you have more then one comp in your project you will see them in tabs in the timeline panel
• Click on the tabs will bring that particular comp forward in the comp panel
![Page 10: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/10.jpg)
Navigating in spaceNavigating in space
• You can zoom in/out in the comp panel using the zoom tool (Shortcut key: Z)
• You can move the image using the Hand Tool ( Shortcut key: H)
• You can click on the selection tool when you are done (Shortcut key: V)
![Page 11: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/11.jpg)
ResolutionsResolutions
• It tells After Effects how many pixels to render when calculating the images to shoe in the comp/layer panels
• Different resolutions available– Full– Half– Third– Quarter
• Reducing resolution frees up more RAM for preview
![Page 12: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/12.jpg)
QualityQuality
• Set on a layer-by-layer basis in the timeline panel
• Has three options– Best– Draft– Wireframe
![Page 13: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/13.jpg)
Navigating in TimeNavigating in Time
• Live update is the behavior where dragging the current time indicator will change the current frame in the comp panel
• You can click on the time ruler in the timeline panel to go to that particular time
• You can zoom in/out in the timeline panel with the slider at the bottom of the panel
![Page 14: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/14.jpg)
The work areaThe work area
• Is a resizable bar in the timeline bar that resides directly below the time ruler
• Used as a section to foretaste the animation
![Page 15: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/15.jpg)
Safe AreasSafe Areas
• Are areas where the images can be projected without being over scanned
A. GridB. Title-Safe ZoneC. Action-Safe
ZoneD. Overscan
![Page 16: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/16.jpg)
Animating PositionAnimating Position
• Open a comp• Turn on the animation stopwatch
under position• Set a keyframe at the start of the
timeline• Move to the ending timeline that you
want and set a keyframe• In the ending timeline change the
position values to the preferred values
![Page 17: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/17.jpg)
KeyframesKeyframes
• Auto Bezier Keyframe– Creates smooth angle in & out of a keyframe
• Continuous Bezier Keyframe– Better control of the curves of the motion
path
• Bezier Keyframe– Able to create any combination of straight
lines and smooth curves
• Linear Keyframe– Straights and hard angles in the motion
![Page 18: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/18.jpg)
Pen ToolPen Tool
• Used to break and retract handles in motion
• Create mask and shape paths• Shortcut key is G
![Page 19: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/19.jpg)
Navigating KeyframesNavigating Keyframes
• Keyframe navigators consist of a left and a right arrow and a diamond-shaped checkbox in the center
• Prevents new keyframes from being created when trying to edit keyframes
![Page 20: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/20.jpg)
TransformationsTransformations
• There are 5 different transformations– Anchor point
• Starting position of the object
– Position• Current position of the object
– Scale• Size of the object
– Rotation• Degree of rotation of the object
– Opacity• Transparency of the object
![Page 21: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/21.jpg)
Animating ScaleAnimating Scale
• Open a comp• Turn on the animation stopwatch
under Scale• Set a keyframe at the start of the
timeline• Move to the ending timeline that you
want and set a keyframe• In the ending timeline change the
scale values to the preferred values
![Page 22: Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.](https://reader030.fdocuments.net/reader030/viewer/2022013012/56649e525503460f94b479f7/html5/thumbnails/22.jpg)
Thank You!Thank You!