{"id":1239,"date":"2016-04-27T16:45:18","date_gmt":"2016-04-27T16:45:18","guid":{"rendered":"http:\/\/www.bobbyciraldo.com\/?page_id=1239"},"modified":"2018-05-09T00:11:51","modified_gmt":"2018-05-09T00:11:51","slug":"manipulating-time","status":"publish","type":"page","link":"https:\/\/ciraldo.stream\/uwm-vfx1\/topics\/manipulating-time\/","title":{"rendered":"Manipulating Time"},"content":{"rendered":"<h2><strong>Manipulating Time<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<ol style=\"list-style-type: upper-roman;\">\n<li><span style=\"color: #008000;\"><strong>Freeze Frame<\/strong><\/span>\n<ol style=\"list-style-type: upper-alpha;\">\n<li>Right-click a layer, select &#8220;Time-&gt;Freeze Frame&#8221;<\/li>\n<li>You&#8217;ll notice a weird new keyframe for an also new &#8220;Time Remap&#8221; property (described more below.) For now you can ignore that keyframe.<\/li>\n<\/ol>\n<\/li>\n<li><span style=\"color: #008000;\"><strong>Slowing Down and Speeding Things Up<\/strong><\/span>\n<ol style=\"list-style-type: upper-alpha;\">\n<li>Time Stretch<\/li>\n<li>Right-click a layer, select &#8220;Time-&gt;Time Stretch&#8230;&#8221;<\/li>\n<li>This is more like a per-layer setting, as opposed to a property that you can animate or see in the twirled-down areas. This setting can be displayed\u00a0with UI toggles at the bottom-left of AE.<\/li>\n<\/ol>\n<\/li>\n<li><span style=\"color: #ff0000;\"><strong>Time Remapping<\/strong><\/span>\u00a0&#8211; aka\u00a0<strong><em>&#8220;keyframing the timecode of a layer&#8221;<\/em><\/strong>\n<ol style=\"list-style-type: upper-alpha;\">\n<li>Sometimes you&#8217;ll want to do something fancier with the playback speed of a layer. For example, maybe you&#8217;ll want playback to get\u00a0faster and faster over time, or slower and slower, or some combo, or perform a gradual slow-mo reverse that ends with a freeze-frame, etc. Time remapping is handy in these more complex cases.<\/li>\n<li>After enabling <span style=\"color: #ff0000;\"><strong>Time Remapping<\/strong><\/span>, a new <strong>property<\/strong> is added to the layer called <span style=\"color: #ff0000;\"><strong>Time Remap<\/strong><\/span>.<\/li>\n<li>This <strong>Time Remap<\/strong> property will automatically have two (2) new keyframes added: One at the <strong>initial<\/strong> <strong>In<\/strong> point of the layer, and one at the <strong>initial Out<\/strong> point of the layer (<em><strong>plus one frame.<\/strong><\/em>)\n<figure id=\"attachment_1695\" aria-describedby=\"caption-attachment-1695\" style=\"width: 806px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1695 size-full\" src=\"http:\/\/bobbyciraldo.com\/uwm-vfx\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-11-29-at-3.08.14-PM.png\" alt=\"screen-shot-2016-11-29-at-3-08-14-pm\" width=\"806\" height=\"99\" \/><figcaption id=\"caption-attachment-1695\" class=\"wp-caption-text\">Before<\/figcaption><\/figure>\n<p><figure id=\"attachment_1696\" aria-describedby=\"caption-attachment-1696\" style=\"width: 806px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1696 size-full\" src=\"http:\/\/bobbyciraldo.com\/uwm-vfx\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-11-29-at-3.08.39-PM.png\" alt=\"&quot;After&quot;\" width=\"806\" height=\"112\" \/><figcaption id=\"caption-attachment-1696\" class=\"wp-caption-text\">After<\/figcaption><\/figure><\/li>\n<li>The layer&#8217;s <strong>In<\/strong> and <strong>Out<\/strong>\u00a0boundaries can now be extended beyond their initial minimum and maximum positions. I.e., <em>the layer can be lengthened\u00a0indefinitely.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1701\" src=\"http:\/\/bobbyciraldo.com\/uwm-vfx\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-11-29-at-3.59.45-PM.png\" alt=\"screen-shot-2016-11-29-at-3-59-45-pm\" width=\"592\" height=\"115\" \/><br \/>\n<\/em><\/li>\n<li>The timeline can display <strong>timecode<\/strong> or <strong>frame count<\/strong>. You can quickly switch back and forth by <strong>Command-clicking<\/strong> the time display in the top-left of the timeline panel:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1702\" src=\"http:\/\/bobbyciraldo.com\/uwm-vfx\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-11-29-at-4.02.50-PM.png\" alt=\"screen-shot-2016-11-29-at-4-02-50-pm\" width=\"323\" height=\"134\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1703\" src=\"http:\/\/bobbyciraldo.com\/uwm-vfx\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-11-29-at-4.03.00-PM.png\" alt=\"screen-shot-2016-11-29-at-4-03-00-pm\" width=\"322\" height=\"128\" \/><br \/>\nNote that the\u00a0<em>values<\/em> of the time-remapping property change to reflect the current viewing choice. <strong>For now, let&#8217;s switch to the\u00a0frame count view.<\/strong><\/li>\n<li>When working with time-remapping, it can sometimes help to imagine that each\u00a0frame of the original, non-time-remapped layer being\u00a0numbered <strong>000<\/strong><strong>0<\/strong>, <strong>000<\/strong><strong>1<\/strong>, <strong>000<\/strong><strong>2<\/strong>, <strong>000<\/strong><strong>3<\/strong>, etc.\n<p><figure id=\"attachment_1700\" aria-describedby=\"caption-attachment-1700\" style=\"width: 840px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1700 size-full\" src=\"http:\/\/bobbyciraldo.com\/uwm-vfx\/wp-content\/uploads\/2016\/04\/numbered-frames.jpg\" alt=\"numbered-frames\" width=\"840\" height=\"80\" \/><figcaption id=\"caption-attachment-1700\" class=\"wp-caption-text\">Imagine the frames of the original\u00a0footage being numbered like so.<\/figcaption><\/figure><\/li>\n<li>The keyframes of the <strong>Time Remap<\/strong>\u00a0property indicate\u00a0<em>what frame number should be happening at that particular point in time.<\/em>\u00a0After Effects will &#8220;tween&#8221; or interpolate what frames should be displayed between the keyframes. (This is why the initial two keyframes are set at the beginning and end, and their values are 0000 and whatever the last frame number is.)<\/li>\n<li>Time Remap keyframes are little diamonds at first (values change at constant rate) but can be set to <strong>Ease-In<\/strong> or <strong>Ease-Out<\/strong> or <strong>Hold<\/strong> or any other variation. This allows for time to speed up or slow down gradually.<\/li>\n<li>By default, AE will take a very simple approach to interpolating in-between frames of a time remapped layer. You can use\u00a0<strong>Frame Blending<\/strong> to improve the results.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1717\" src=\"http:\/\/bobbyciraldo.com\/uwm-vfx\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-11-29-at-4.37.21-PM.png\" alt=\"screen-shot-2016-11-29-at-4-37-21-pm\" width=\"113\" height=\"81\" \/><br \/>\n<strong>Frame Blending<\/strong> has a <strong>per-layer switch<\/strong>, as well as a <strong>global switch.<\/strong> They must both be turned on to see the desired result. The per-layer switch will only be available on video sources (not sub-comps.) You must go into the sub-comp and turn on the frame-blending switch.<\/li>\n<li><span style=\"color: #ff0000;\"><strong>Freeze Frame<\/strong><\/span> is actually a special case of Time Remap, where a &#8220;<strong>hold<\/strong>&#8221; keyframe (looks like a block) is set with a specific time value.<\/li>\n<\/ol>\n<\/li>\n<li><span style=\"color: #008000;\"><strong>Looping the Time of Material<\/strong><\/span>\n<ol style=\"list-style-type: upper-alpha;\">\n<li><strong>Simplest in some cases: Loop an Imported Video n Times<\/strong>\n<ol>\n<li>Right-click on imported item and select &#8220;Interpret Footage-&gt;Main&#8230;&#8221;<\/li>\n<li>Enter a value other than zero in the Loop text box and click OK<\/li>\n<\/ol>\n<\/li>\n<li><strong>Loop with Expressions (for looping keyframes)<\/strong>\n<ol>\n<li>Typical examples:\n<ul>\n<li><strong>loopOut( &#8220;cycle&#8221; )<\/strong>,\u00a0<strong>loopOut( &#8220;pingPong&#8221; )<\/strong><\/li>\n<li><strong>loopOut( &#8220;continue&#8221; ) &#8211;\u00a0<\/strong>After running out of keyframes, try and extrapolate what would happen if the property kept progressing based on when the keyframes ran out<\/li>\n<\/ul>\n<\/li>\n<li><strong>loopOutDuration<\/strong>\u00a0&#8211; Allows the loop to be shorter than the span of looped keyframes\n<ul>\n<li>Example:<strong> loopOutDuration( &#8220;pingPong&#8221;, 1.5 )<\/strong><br \/>\nMeans: After running out of keyframes, loop the last <strong>1.5 seconds<\/strong> of the keyframes.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Manipulating Time &nbsp; Freeze Frame Right-click a layer, select &#8220;Time-&gt;Freeze Frame&#8221; You&#8217;ll notice a weird new keyframe for an also new &#8220;Time Remap&#8221; property (described more below.) For now you can ignore that keyframe. Slowing Down and Speeding Things Up Time Stretch Right-click a layer, select &#8220;Time-&gt;Time Stretch&#8230;&#8221; This is more like a per-layer setting, &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/ciraldo.stream\/uwm-vfx1\/topics\/manipulating-time\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Manipulating Time&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1278,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1239","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ciraldo.stream\/uwm-vfx1\/wp-json\/wp\/v2\/pages\/1239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ciraldo.stream\/uwm-vfx1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ciraldo.stream\/uwm-vfx1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ciraldo.stream\/uwm-vfx1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ciraldo.stream\/uwm-vfx1\/wp-json\/wp\/v2\/comments?post=1239"}],"version-history":[{"count":7,"href":"https:\/\/ciraldo.stream\/uwm-vfx1\/wp-json\/wp\/v2\/pages\/1239\/revisions"}],"predecessor-version":[{"id":2707,"href":"https:\/\/ciraldo.stream\/uwm-vfx1\/wp-json\/wp\/v2\/pages\/1239\/revisions\/2707"}],"up":[{"embeddable":true,"href":"https:\/\/ciraldo.stream\/uwm-vfx1\/wp-json\/wp\/v2\/pages\/1278"}],"wp:attachment":[{"href":"https:\/\/ciraldo.stream\/uwm-vfx1\/wp-json\/wp\/v2\/media?parent=1239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}