{"id":1003,"date":"2025-02-14T20:41:38","date_gmt":"2025-02-14T20:41:38","guid":{"rendered":"http:\/\/demoblogs.ecuad.camrose\/?page_id=1003"},"modified":"2025-02-14T20:41:38","modified_gmt":"2025-02-14T20:41:38","slug":"transitions-between-scenes","status":"publish","type":"page","link":"https:\/\/palette.ecuad.ca\/mrose\/resources\/digital-animation-methods-and-software\/after-effects\/transitions-between-scenes\/","title":{"rendered":"Creating Transitions Between Scenes"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The following process covers the steps to get After Effects to dissolve or blend from one scene to another. For instance, how you could combine three scenes of a treadmill walk sequence, to make a longer, overall scene.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In After Effects, make your Main Composition long enough to accommodate three panning backgrounds, including overlapping transitions. For example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Scene\/Background 1 = 5 seconds or 120 frames<\/li>\n\n\n\n<li>Scene\/Background 2 = 5 seconds or 120 frames<\/li>\n\n\n\n<li>Scene\/Background 3 = 5 seconds or 120 frames<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Add those together, and you will get 15 seconds or 360 frames. However, you\u2019ll also dissolve in between each background, which will mean that you\u2019ll require less than 15 seconds. Let\u2019s not worry about that yet. It would be easier to make a composition with more than enough duration, and then trim back later.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You will need to include black at the beginning and end of the combined animation sequence, so you should add at least 3 seconds of black at the head of the animation sequence, and at the tail (but, more about this in a moment):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Introductory black screen = 3 seconds or 72 frames<\/li>\n\n\n\n<li>Combined animation scenes = Approximately 360 frames (for now, at least)<\/li>\n\n\n\n<li>Concluding black screen = 3 seconds or 72 frames<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s create a Main Composition that is 500 frames in length (go to the Main Menu and choose Composition &gt; Composition Settings and enter 500 frames for duration).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You should also create panning backgrounds in their own compositions. That is, create the animation for each scene in its own composition. In each comp, you should include the \u201clooping\u201d treadmill character, and any panning background and foreground material you would like to include in the scene.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Each scene\/composition should include the tempo of the pan, so that it moves behind a treadmill character at the correct rate and does not make it look as though the character\u2019s feet slip.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The tempo of the pan depends on the rate of the walking character.<\/li>\n\n\n\n<li>If you\u2019ve placed the treadmill character against a panning background and the background appears to move too fast (and the character\u2019s feet slip as a result), you will have to move the keyframes further apart, so that it takes longer for the background to pass by.<\/li>\n\n\n\n<li>If the background moves too slowly (and the character\u2019s feet slip), you will have to adjust the position of the artwork, so that it doesn\u2019t travel as far, between Position keyframes.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">After you\u2019ve arrived at the right timing for each scene, you\u2019re almost ready to place them in a Master Scene, or Master Composition. In that Comp, you can add dissolves, to make the character walks through three locations over a longer passage of time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We\u2019ll use an effect that will create simple transitions between each scene. But, to make the sequence look even better, you should fade up from the opening scene\/composition, and fade down from the final scene.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To do so, make a black solid (referring to the Main Menu, go to Layer &gt; New &gt; Solid. From the Solid Setting, go to Colour and choose Black &#8212; and select \u201cMake Comp Size).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bring the Black Solid into the Main Composition Timeline, as the first layer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you plan to produce an overall sequence that begins with 3 seconds of black, you\u2019ll not only have to change the duration of the solid, but you will have to include another second to overlap in the dissolve. So click on the layer, select the right-hand edge of the solid (or its \u201cout point\u201d), drag the edge to the right, and make it 96 frames or 4 seconds in duration (or longer if you wish).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then, go ahead and place the three Comps (Scenes 1, 2 and 3) in the Main Composition Timeline. Place them in order, on top of each other, but don\u2019t spread them out in the Timeline yet. We\u2019ll do that in a moment.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, you should add black for the end of the overall sequence. A quick way to do so would be to select the introductory black in the Timeline (on the top layer), duplicate it (Edit &gt; Duplicate) and then drag the duplicated layer down so that it sits immediately below the third scene\/composition in the Timeline).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">From the Main Composition Timeline, click on the top black solid layer, hold down the shift key, and select the others (i.e., \u201cselect all\u201d &#8212; introductory black solid, Scenes 1 to 3, and the concluding black solid).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Referring to the Main Menu, go to Animation &gt; Keyframe Assistant &gt; Sequence Layers.<br>From the Sequence Layers dialogue box, enter the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select \u201cOverlap\u201d (click the check box).<\/li>\n\n\n\n<li>Duration: choose something like 24 for a second-long transition (18 and 36 are also good amounts).<\/li>\n\n\n\n<li>Transition: From the pull-down menu, choose \u201cCross Dissolve Front and Back Layers\u201d<\/li>\n\n\n\n<li>Press OK.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In this process, After Effects sets Opacity keyframes between the overlapping layers, so that, as one layer changes opacity from 100% to 0%, the other shifts from 0% to 100%. The resulting effect is a dissolve, from one layer to the next.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, after you\u2019ve completed these steps, you\u2019ll probably find that your Main Composition is longer than you require. You can then trim the comp, to make it the correct duration, before you export a final movie:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Adjust the Work Area Bar, so that it selects the true duration of the project.<\/li>\n\n\n\n<li>Go to the Main Menu and choose Composition &gt; Trim Comp to Work Area.<\/li>\n\n\n\n<li>Doing so will trim off the unused portion of the Main Composition.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The following process covers the steps to get After Effects to dissolve or blend from one scene to another. For instance, how you could combine three scenes of a treadmill walk sequence, to make a longer, overall scene. In After Effects, make your Main Composition long enough to accommodate three panning backgrounds, including overlapping transitions. [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":0,"parent":777,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1003","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages\/1003","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/comments?post=1003"}],"version-history":[{"count":2,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages\/1003\/revisions"}],"predecessor-version":[{"id":4966,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages\/1003\/revisions\/4966"}],"up":[{"embeddable":true,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages\/777"}],"wp:attachment":[{"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/media?parent=1003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}