Software & Apps Design Flash Animation 10: Creating a New Scene By Adrien-Luc Sanders Writer Adrien-Luc Sanders is a former writer for Lifewire, animator, web designer, and graphic designer with a background in computerized design and animation our editorial process Adrien-Luc Sanders Updated November 21, 2019 Design Animation & Video 3D Design Graphic Design Tweet Share Email 01 of 06 Introduction to Scenes Now that we've got buttons, we need to create options to go with those buttons. In order to do that we're going to make new scenes in Flash; a scene is like a clip of a movie, which can be treated as an entire single unit all on its own and arranged around other clips. If you have multiple scenes in a Flash movie without any stops at the end of them, then all of your scenes will play consecutively in the order they were created. You can rearrange that order, or insert a stop at the end of any scene, which will cause the scene to hold until a trigger (like a button click) directs it to go to and play another scene or perform another action. You can also use ActionScripting to control the order that scenes are played in, and how often. For this lesson we won't be doing any ActionScripting; we're just going to add new scenes to our animation, one for each option that we created buttons for. 02 of 06 Creating a New Scene If you look above your main editing stage, you'll see an icon that says "Scene 1", denoting that this is the scene we're in right now. To create a new scene, you'll go to the main menu and click Insert->Scene. You'll instantly be placed on a blank canvas (mine's black because that's my document color) labeled "Scene 2"; it will look like Scene 1 has completely vanished, but don't panic. If you look to the far right of the bar above the stage but below the timeline, there are three buttons: one a dropdown that shows the zoom percentage, one that looks like geometric shapes with a black arrow on the lower right hand corner that expands to show a list of all objects in the scene, and one that looks like a little icon of a director's clapboard with another arrow in the right-hand corner. Clicking on that one will expand to show a list of all scenes in the movie, with the current one checked; you can click on any one in the list to switch to it. 03 of 06 New Scene Content Rather than copy my frames containing Lex over from my first scene, we're going to reassemble him on this new stage from scratch using my imported GIFs from my library. The reason that we're doing this is that if we copy over the movie clips from the last scene, then we'll end up duplicating the motion, as well. While the generic motions used are pretty much okay for use just about anywhere that doesn't require specifics, we don't want that--we just want Lex to be still in a certain pose, with only his head and mouth moving. You'll notice that we reused the left hands to make it look a little more natural, as the other hand was an open view of the inside of the palm; we just mirrored the hand using the Free Transform tool. It's not quite perfect but we'd have to draw an entirely new hand to make it exact, and we're not worried about that right now. 04 of 06 Completing the New Scene Now comes the part where we animate this scene to show the end result of the user choice. You should know how to create a simple animation to depict your user choice by now, so we're not going to walk you through the steps of this. Create whatever end result pleases you for your first option; in my case, our first option was a blue shirt, so we're going to draw in a blue shirt using the pen tool (we're just keeping it simple and mousing it in, nothing fancy) with a little commentary from Lex and a few small head motions. Don’t forget the mouth motions, as well. 05 of 06 Duplicating a Scene And that's option one, out of the way. To do option two, we don't need to start yet again from scratch; in this case, the only things we need to change are the text and the color of the shirt, so there's no need to redo all of that yet again. Instead, we're going to use the Scene Dialogue You can open this dialogue by going to Modify->Scene (Shift+F2). This window contains your primary scene controls; from here you can delete, add, or duplicate scenes, switch between them, and also arrange the order that they play in by clicking and dragging them in the listing To duplicate Scene 2, just click on it and then click on the farthest-left button at the bottom of the window. A new listing will appear called "Scene 2 copy"; double-click on it to rename it to Scene 3 (or any option of your choice). 06 of 06 Editing the Duplicate Scene You can click on Scene 3 to switch to it, and then edit it to reflect your choices for the second option. Then for now you should be done, unless you have more than two options; just keep duplicating (if your options are similar and don't require entirely new assembly/animation) and editing until you're finished. In the next lesson, we'll tie in the buttons with the scenes for a new lesson in ActionScripting.