Creating Your First SWiSH Movie
Top  Previous  Next


This is a step-by-step tutorial on how to create your first SWiSH Movie. This tutorial illustrates some of the Text Effects seen in the "first.swi" file in the File | Samples | Tutorials Menu.

1. Start the SWiSH application   

2. From the File Menu select Samples | Tutorials | "first.swi"

3. From the File Menu select Test | testplayer In Player

When you are ready to begin creating your Movie, you can close the player window or minimize it to view the Movie as a reference while you work on the following tutorials.

1.From the File Menu select newmovie New  

2.Define your Movie's properties by select the Movie Panel and changing the Width to 700, Height to 450, and Frame Rate to 15. Make sure that the Background color is set to white  
 
The 'Movie' Panel should look like this:  
 
Tute1_1  
 
3.In the Zoom Controls of the Layout Panel, click on the zoom100 Zoom 100% button. This will center the stage area within the 'Layout' Panel  
 
4.Ensure Scene 1 is selected in the Outline Panel, and press the inserttext Insert Text button on the Insert Toolbar. You should see the word 'Text' appear in the center of the stage in the Layout Panel  
 
5. Select the Text Panel and change the word 'Text' to the word 'THIS' in the text window. Change the font size to 48 point from the drop-down font size Menu, or by or entering 48 in the font size box of the 'Text' Panel  
 
The 'Layout' Panel should look like this:  
Tute1_2  
 
Note: The Anchor Point (small cross) is in the middle of the Text Object. This is defined by the last used setting of the Transform Panel. The anchor point should be set to 'Origin', otherwise the following Effects will appear different to those shown in the sample  
6.In the Timeline Panel, click on Frame 1 in the row for 'THIS'. Press the addeffect 'Add Effect' button, which is on the left of the 'Timeline' Panel. Select Fade | Fade In from the drop-down Menu. Double click on any Frame of the Fade In Effect in the Timeline, the Fade In Settings dialog box will appear. From the 'Fade In Settings' dialog box, press the button labeled "More Options >>" then uncheck the 'Continue from previous Effect' checkbox to access the Start At tab. From the Start At tab, select X Scale | Scale Factor, and enter the value 20 in the % edit box and press enter. Select the Motion tab, and select X Scale | Resize to 100%. Press the 'Close' button, at the bottom right of the dialog, to close the dialog box  
 
The Timeline should look like this:  
Tute1_3  
 
7.Press the playmovie Play Movie button on the Control Toolbar. You should see the word 'THIS' increase in scale as it fades in. This will continue to loop. Press the stopmovie Stop button  
8.Click on Frame 15 in the row for 'THIS'. Press the addeffect 'Add Effect' button, and select Fade | Fade Out from the Menu.  
 
Now the Timeline should look like this:  
Tute1_4  
 
9.Press the playmovie 'Play Movie' button. You should see the word 'THIS' fade in, and then fade out. Press the stopmovie 'Stop' button  
 
10.Right-click on the Fade Out Effect in the Timeline, and select Properties from the context Menu to display the 'Fade Out Settings' dialog box. Change the Duration from 10 to 4  

Note: When you are finsihed, click on the 'Close' button at the bottom right or the [X] button at the top right to hide the effect properties dialog. You can do this whenever you want to hide the effect settings dialog if it gets in the way of seeing the other panels

11.   Press the playmovie 'Play Movie' button again. You should now see the word 'THIS' fade out faster than before, because you have shortened its duration. Press the stopmovie 'Stop' button

12.   Press the inserttext 'Insert Text' button. The word 'Text' will appear directly over your first word on the stage, it will also appear in the Timeline and the Outline Panel. In the Text Panel,
change the word 'Text' to the word 'IS', the font size should be set to 48 point

13.   Press the inserttext 'Insert Text' button to create a third word. Change this word to 'MY' and leave the font size at 48 point

14.   Press the inserttext 'Insert Text' button again to create a fourth word, change this word to 'MESSAGE' and leave the font size at 48 point

15.   From the Timeline, click on the Fade In Effect you created for the word 'THIS' and while holding the CTRL key down, click on the Fade Out Effect next to it. Both the Fade In and the Fade Out Effects should be highlighted. Right-click and select Copy Effect from the context Menu. You may need to resize or scroll the Timeline so you can see the rows you want to work on

16.   On the Timeline, right-click at Frame 17 next to the word 'IS' and select Paste Effect. Paste these Effects at Frame 35 next to the word 'MY' and at Frame 52 next to the word 'MESSAGE'

   The Timeline should now look like this:
   Tute1_5

17.   Click on the Fade Out Effect for the word 'MESSAGE' to select the Effect, then Right-click on it and select Properties from the context Menu. The 'Fade Out Settings' dialog box should appear. Select the Motion Tab, and select X Scale | Resize to Scale and enter the value 400 in the % edit box, press enter and the click on the 'Close' button

18.   Press the playmovie 'Play Movie' button
on the Toolbar. You should now see the sequence of words 'THIS', 'IS', 'MY', fade in while increasing in scale and then fade out. The Word 'Message' will fade in while increasing in scale and then fade out while increasing in scale. Press the stopmovie 'Stop' button

19.   Now press the savemovie Save Movie button on the Toolbar. You should now see the 'Save As' dialog box. Type 'myfirst' into the File name edit box and press Save. Your Movie has now been saved as a .swi file and can be opened at a later time

You are ready to continue with the Importing and Working with Images and Vector Graphics tutorial.