Before animating any chunk of text, you must type it in:<\/p>\n
- \n
- Activate the Text tool\u00a0*Keyboard shortcut: Cmd + T<\/em><\/li>\n
- Make sure the Character panel is visible (Go to\u00a0Window > Character)<\/i> and set the font type, size and color<\/li>\n
- Click once on the composition and type the text.<\/li>\n
- Position the text where you’d like its final position to be (you can use the Align panel to center it on the composition.<\/li>\n<\/ol>\n
Finding the Text Animator options<\/h3>\n
The text Animator options are listed inside the Text layer:<\/p>\n
- \n
- Toggle the arrow to the left of the Text layer<\/li>\n
- To the right of the Text tab, you will see an\u00a0Animate<\/em> menu
![\"Screen](\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-15-at-3-23-26-pm.png\")
Animator properties (click and hold to see full list)<\/span><\/li>\n<\/ol>\nUsing a Text Animator<\/h3>\n
There are 17 Animator Properties and each of them has several basic and advanced parameters. They are listed within the little \u201cAnimate\u201d button to the right of the Text tab within the Text Layer.\u00a0For a complete list and descriptions, you can visit the official Adobe page<\/a>. \u00a0We will use the position property to demonstrate how the different parameters will affect the way the text moves:<\/p>\n
- \n
- Click on the\u00a0Animate<\/em> menu and select the\u00a0Position\u00a0<\/em>property. Notice that an Animator 1 tab has been added to your text layer. Rename it (i.e: position) to keep things clear in case you decide to add another animator.<\/li>\n
- The two values of the\u00a0Position\u00a0<\/em>property represent how much the horizontal and vertical position of the text will change.<\/li>\n
- The\u00a0Range Selector\u00a0<\/em>tab gives us the option to set the portion of the text layer we want the animator to affect.\n
- \n
- By default, these units are set in percentages, but this can be changed to Index<\/em> in the Advanced<\/em> tab.<\/li>\n<\/ul>\n<\/li>\n
- The\u00a0Offset\u00a0<\/em>lets you change the starting and ending point while keeping the same overall amount.<\/li>\n
- The Advanced<\/em> tab is where a lot of the interesting animation comes in:\n
- \n
- Based On<\/em> let’s you select wether you want the property to affect Characters, Characters but not spaces, Words or Lines.<\/li>\n
- Mode\u00a0<\/em>defines how the animator will affect the original. For example, Add <\/em>means that the property will be added to the area defined within the range selector,\u00a0while with\u00a0Subtract it will affect everything except the area defined in the range selector.<\/li>\n
- Amount\u00a0<\/i>lets you change how much the animator is being applied.<\/li>\n
- Shape\u00a0<\/i>defines the shape After Effects uses to apply the animator. It can be very effective in creating a smooth\/dynamic animation – especially when combined with\u00a0Offset<\/em>.\n
- \n
- Square<\/em> is linear. The animator is applied to the entire layer at once.<\/li>\n
- Ramp Up\u00a0<\/em>starts without the property and reaches the new value gradually.<\/li>\n
- Ramp Down<\/em> starts at the new value and gradually goes back to the original.<\/li>\n
- Triangle<\/em> ramps up and down to create a triangular shape.<\/li>\n
- Round<\/em> is similar to\u00a0triangular\u00a0<\/i>but rounded<\/li>\n
- Smooth<\/em> is similar to round but eased in and out.<\/li>\n<\/ul>\n<\/li>\n
- Ease High<\/em> will ease into the new value<\/li>\n
- Ease High\u00a0<\/em>will ease out of the initial value<\/li>\n
- Randomizer\u00a0<\/em>will randomize the order in which the animator will affect the layer.<\/li>\n<\/ul>\n<\/li>\n
- By clicking on the\u00a0Add<\/em> menu, you can also add another Property<\/em> or Selector.\u00a0<\/em>For example, the\u00a0Wiggly\u00a0<\/em>selector will wiggle each unit up and down by the amount set in the\u00a0Amp Amount\u00a0<\/i>and\u00a0Min Amount<\/em> options. The\u00a0speed of the wiggle can be changed in the\u00a0Wiggles\/Second<\/em> option and\u00a0Correlation<\/em> will charney how synchronized the wiggle is (the higher the value, the more the units will move in unison).
\n
\n<\/li>\n<\/ol>\nNesting compositions<\/h1>\n
\u00a0<\/em>I recommend that you create your title card and end credits in their respective After Effects Compositions rather that adding them to your walk animation. This means you will have 3 (or at least 2) separate compositions within your After Effects project that you will have to combine in order for your movie to render as a single file:<\/p>\n
- \n
- Create a new composition *Keyboard shortcut: Cmd + N. Name it “combined” and <\/em>make sue it is long enough to accommodate all your individual comps)<\/li>\n
- Drag all the compositions you would like to combine into the\u00a0combined<\/em> composition timeline<\/li>\n
- Stagger the compositions in the layers’ panel so that they appear in the correct order.<\/li>\n<\/ol>\n
\nAdding sound in After Effects<\/h1>\n
While an audio editing software will give you more control and options for creating your soundtrack (Audacity<\/a> is a good option if you are looking for something simple and free), you can add sounds directly in After Effects and do some basic editing within the software.<\/p>\n
Gathering and organizing the audio<\/h3>\n
Record you own track or find royalty free sound effects and music online (\u00a0Freesound.org<\/a>,\u00a0<\/a>Internet Archive: Audio Archive, <\/a>Bensound<\/a>, and Audiofarm.net<\/a>\u00a0are all good options). Rename the tracks and save them in the same folder as all your After Effects assets. After Effects accept with mp3, .way, and .aiff so any of these formats will work.<\/p>\n
Importing the sound files into a composition<\/h3>\n
Import your sound files into your After Effects project panel by going to File > Import > Multiple Files<\/em> and selecting the audio tracks.<\/p>\n
Open your composition (in the case of the walk cycle, this should be the one that combines the title, credits and walk) and drag your audio tracks on the Timeline panel. You can mute individual tracks by clicking in the little speaker icon column.<\/p>\n
Editing a track<\/strong><\/h3>\n
You can edit the starting point, overall length and volume of a track in After Effects:<\/p>\n
- \n
- To change the starting point<\/strong> of a track, click and drag its color bar in the Timeline<\/li>\n
- To change the overall length<\/strong> of the track:\n
- \n
- Double-click on the track (this will open it in its own window<\/li>\n
- Set the starting and ending point with the curly brackets<\/li>\n
- Go back to the main composition<\/li>\n<\/ul>\n<\/li>\n
- To change the volume and\/or fade in and out<\/strong>:\n
- \n
- Click on the arrow to the left of the track layer and open the Audio<\/em> tab<\/li>\n
- Open the\u00a0Waveform\u00a0<\/em>tab to see the waveform<\/li>\n
- Click on the Audio Levels stopwatch and change the dB value overtime to create multiple keyframes. Please note that After Effects takes the original amplitude as its \u201c0 dB\u201d point. Use a negative value to lower the volume and a positive one to increase it.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
\nFinal project \u2013 step 8: Creating and animated title and credits for the walk cycle<\/h1>\n
Subject<\/strong><\/h3>\n
Create a title and credits for your walk cycle. If you don’t have another idea, the title could simply be the name of your character. The credits should include your name (i.e: Character design and animation by FirstName LastName<\/em>) and any Creative Commons resources you may have used – music track, sound effects, photo etc. (i.e: “thunderclap” by elmoustachio<\/em>).<\/p>\n
Experiment with the text animation properties described on this page. Have fun, but also make sure the typography, design and motion of your credit\/title sequences fit the rest of your animated short.<\/p>\n
Format<\/strong><\/h3>\n
Use the following composition settings: 24fps, width: 1920px | height: 1080px.\u00a0Save your .aep file and export your animation to Quicktime (review rendering instructions on the week9 page<\/a>). Upload your animation to Vimeo or Youtube.<\/p>\n
Submission<\/strong><\/h3>\n
Create a new post on your Open Lab portfolio. Your post should include a link to your Vimeo or Youtube video<\/strong> as well as a short description<\/strong>\u00a0(what did you add\/change from the previous version. Reflections on your process, challenges, goals etc. are also welcome).<\/p>\n
This assignment is due next week. Submit the following files on the following platforms:<\/p>\n
- \n
- Blackboard: .aep file and all .swf and .ai files imported into it and a link to your Open Lab post.<\/li>\n
- Open Lab discussion board: Reply to the \u201cFinal Project: text\u201d discussion post with a link to your Open Lab post<\/li>\n<\/ul>\n
This is part of the final project. It will be taken into account in the final grade for the\u00a0project (see full grading rubric\u00a0here<\/a>).<\/strong><\/p>\n
EXTRA-CREDIT:\u00a0<\/span><\/h1>\n
Final project : Adding sound to the walk cycle and preparing for the presentation<\/h1>\n
Subject<\/strong><\/h3>\n
Create a soundtrack for your walk cycle<\/strong>. It should be layered and evoke the mood you want to convey through your piece\/character. Here are a few ideas\/things to consider: footsteps, background noise (traffic for the city, birds, wind, water etc. for nature), voice over narration, music etc.<\/p>\n
Consider starting the soundtrack during the title and ending it after\/during the credits. Use fades<\/strong> (see tutorial above) so that the start and end aren\u2019t too abrupt.<\/p>\n
Make sure any music\/sound effects you use are in the public domain or under a Creative Commons license and don\u2019t \u00a0forget to credit the original authors in your credit sequence<\/strong>. Here\u2019s a list of CC\/public domain resources for sound:\u00a0Freesound.org<\/a>,\u00a0<\/a>Internet Archive: Audio Archive, <\/a>Bensound<\/a>, and Audiofarm.net<\/a><\/p>\n
Format<\/strong><\/h3>\n
Use the following composition settings: 24fps, width: 1920px | height: 1080px.\u00a0Save your .aep file and export your animation to Quicktime (review rendering instructions on the week9 page<\/a>). Upload your animation to Vimeo or Youtube.<\/p>\n
<\/h3>\n","protected":false},"excerpt":{"rendered":"
Animating text in After Effects While all the basic transforms (Anchor Point, Position, Scale, Rotation, Opacity) can be applied to Text Layers, they also have unique properties. \u00a0Text Layer Animator Properties allow you to control the individual characters and\/or words within a layer and to create more dynamic animated text. Adding some text Before animating … Continue reading “Week 13”<\/span><\/a><\/p>\n","protected":false},"author":21,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"class_list":["post-630","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/pages\/630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/comments?post=630"}],"version-history":[{"count":18,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/pages\/630\/revisions"}],"predecessor-version":[{"id":1006,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/pages\/630\/revisions\/1006"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/media?parent=630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Open the\u00a0Waveform\u00a0<\/em>tab to see the waveform<\/li>\n
- Click on the arrow to the left of the track layer and open the Audio<\/em> tab<\/li>\n
- To change the overall length<\/strong> of the track:\n
- Drag all the compositions you would like to combine into the\u00a0combined<\/em> composition timeline<\/li>\n
- Ramp Up\u00a0<\/em>starts without the property and reaches the new value gradually.<\/li>\n
- Mode\u00a0<\/em>defines how the animator will affect the original. For example, Add <\/em>means that the property will be added to the area defined within the range selector,\u00a0while with\u00a0Subtract it will affect everything except the area defined in the range selector.<\/li>\n
- The\u00a0Offset\u00a0<\/em>lets you change the starting and ending point while keeping the same overall amount.<\/li>\n
- The two values of the\u00a0Position\u00a0<\/em>property represent how much the horizontal and vertical position of the text will change.<\/li>\n
- Click on the\u00a0Animate<\/em> menu and select the\u00a0Position\u00a0<\/em>property. Notice that an Animator 1 tab has been added to your text layer. Rename it (i.e: position) to keep things clear in case you decide to add another animator.<\/li>\n
- Make sure the Character panel is visible (Go to\u00a0Window > Character)<\/i> and set the font type, size and color<\/li>\n