Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Interface Overview
The Flash banner maker interface consists of Toolbar, Scene, Effect Timeline, Stage, Properties and Resource, as seen from the following diagram.
In this tutorial, we choose the 729*80 Green banner template in Technology category.
Critical Skills for Creating or Modifying a Flash Banner - Learn about Scenes: What is Scene? Scenes are used to separate a Flash movie into several individual but consecutive parts, and are very important in animation creation. Sothink SWF Easy supports many main scenes and auxiliary scenes in a Flash animation. Main Scenes Main Scene is a foreground scene. Generally, text and foreground graphics are added to main scenes. Auxiliary Scenes Auxiliary Scene is a background scene. Generally, background graphics are added to auxiliary scenes.
5
Text properties, such as font face, font size, color, bold, align, etc., can be modified in the Format properties panel. In this tutorial, we change the second line of the text to Quick Start Guide for Sothink SWF Easy, and set font as Verdana, size 22, bold in the Format panel.
Relationships between Main Scene and Auxiliary Scene 1. Multiple main scenes can share one auxiliary scene. 2. One main scene can also have more than one auxiliary scene. The Z-Order of auxiliary scene and main scene can be easily adjusted in the following dialog. Since backgrounds are usually added to auxiliary scenes, it is recommended that auxiliary scenes be shown beneath main scenes.
3.
3. Replace Graphics
The graphic can be of the following five types: shape, image, movie clip, button and group (combination of the first four types). The five types can be replaced with each other freely. Select graphic A on the stage, for example, mouse over graphic B in the Resource panel (even A and B are of different types), and the cursor will turn to automatically. Click to replace A with B, and all the animation effects of A are maintained to B. In this tutorial, wed like to replace the following graphic with another one.
4.
All the elements on auxiliary scenes will be shown translucent together with the elements on main scenes.
We search flower in Resource library and find a suitable graphic leaves3.gls for my banner. Tips: In Resource Panel, you can also browse your local graphics and make replacement.
Click the original graphic on the stage first, mouse over leaves3.gls, then click to finish the replacement.
To add a URL for your banner, go to the Scene Properties panel, and enter the URL address and Target. Check Apply to all scenes because a banner normally goes to one landing page. In this tutorial, we enter http://www.sothink.com in URL, target _blank and check Apple to all scenes.
5. Preview
Up to this point, we have customized a simple ad banner. Lets have a look at our job. Click the Preview button on the toolbar (or Ctrl+Enter) to preview your banner with the built-in Flash player. You can also preview it in your browser by pressing the next button.
Now we are clear on how to create a Flash banner with templates. If you are interested in advanced skills of making Flash banners, please follow me with the steps below.
Tips on Effect Timeline To display all the elements in the Timeline, go to Tools > Options > Timeline and check Show all the elements in Timeline. If the option is not checked, the element(s) without any animation effects will be ignored and not be shown in Timeline. You can hide the overlapping element(s) for convenient editing by clicking the tick under the Eye column.
You can lock elements by clicking the dot under the Lock column, and they wont be editable until you cancel the setting.
10
You can copy all the effects of an element to others simply using the Copy Effects button.
to
The effect duration can be modified by dragging the left and right arrows of the effect bar directly. We drag the right arrow of the Popple effect bar from frame
11
185 to 195.
to
And drag the left arrow of the Place effect bar from Frame 186 to 196.
12
The effect start time can also be set by dragging the bar on the timeline. We drag the Fade in effect bar from Frame 52 to 55.
to
13
14
15
Drag your mouse to draw a text block and input your text in it.
2)
Add New Graphic Go to the Resource panel to find a new graphic for your banner. You can input a keyword to quickly search a graphic from the built-in resource library, or browse your local folder to get a suitable graphic. The graphic on the Resource panel can be dragged to the stage directly.
3)
Add Effect for New Text or Graphic Right click the text or graphic on the stage, click Add Effect to open the Select Effect dialog which lists all the effects you can use, select one of them and click OK. Or you can click an element on the stage, press the Add Effect button above the Effect Timeline, and choose certain effects from the dropdown list.
16
Or go to File > Publish to embed the banner to your web page step by step, and the HTML options of the banner movie can be specified before being published to your page.
17