What is Software? | What is Education? | What is Technology? | What is Research? | What is Wi-Fi? | What is Communication? | What is Customer Service?

Free SEO Tutorials & Help

Tutorials:   Adobe Flash   Adobe Photoshop   CorelDRAW   SEO  

Site Map

Website Development | Cable & Broadband Magazine | Solutions for Higher Education | Auction Anything Online

Adobe Flash Help & Tutorials

 Back to Topics

 

Process of Using Templates in Flash

Using templates

Using advertising templates

Testing with advertising templates

Browser compatibility and requirements with advertising templates

More information on rich media

Using video templates (Flash Professional only)

Using the Bandwidth Selection template (Flash Professional only)

Setting the URLs to the video content (Flash Professional only)

Using the Video Presentation template (Flash Professional only)

Adding video (Flash Professional only)

Setting cue points with the video templates (Flash Professional only)

Adding content to the video templates (Flash Professional only)

Using the Photo Slideshow template

Preparing your photos with the Photo Slideshow template

Importing photos with the Photo Slideshow template

Adding finishing touches with the Photo Slideshow template

Using autoplay mode with the Photo Slideshow template

Using presentation templates

Creating a slide presentation

Presenting your slides

Customizing your slide presentation

Using the screen presentation templates (Flash Professional only)

Creating slides with the screen presentation templates
(Flash Professional only)

Adding transitions to the screen presentation templates
(Flash Professional only)

Using the mobile device templates

Using quiz templates

Using form application templates (Flash Professional only)

Query-Error-Response template (Flash Professional only)

Windowed Application template (Flash Professional only)

 
Using templates

#TOP

Flash is equipped with several templates to help streamline your work.

To create a new document using a template:

  1. Select File > New.

  2. In the New Document dialog box, click the Template tab.

  3. In the New from Template dialog box, select a Presentation template.

  4. Add additional keyframes or screens to the presentation as needed.

  5. If you add keyframes, make sure that all layers have the same number of keyframes.

  6. Add your own content to the presentation.

  7. Save and publish the file.

For specific information about how you can use a template, see the instructions for each template type.

 

Using advertising templates

TOP

AAdvertising templates facilitate the creation of standard rich media types and sizes defined by the Interactive Advertising Bureau (IAB) and accepted by the industry.

 

Testing with advertising templates

TOP

YAds should be tested for stability in a variety of browser and platform combinations. Your application is considered stable if it doesn't cause error messages, browser crashes, or system crashes.

 

Browser compatibility and requirements with advertising templates

TOP

You should work with webmasters and network administrators to create detailed testing plans that include tasks relevant to your specific users. These plans should be publicly available and updated regularly. Also, vendors should publish detailed plans indicating the browser and platform combinations in which their technologies are stable. In addition, there might be additional requirements on size and file format of ads that vary by vendor and site. Check with your vendor, ISP, or the IAB to learn about these requirements that can affect the ad's design.

 

More information on rich media

TOP

After you create a new file and select one of the quiz templates, the next step is to set the quiz parameters. These parameters control how the entire quiz is presented to users--for The adobe Flash Advertising Alliance (MFAA) is an industry alliance focused on furthering Rich Media advertising and delivering great advertising experiences online. The MFAA offers a community discussion forum for advertising-related issues, technical resources for designers in the advertising space, and a list of voluntary guidelines for authors to guarantee the best possible Internet advertising experience.

 

Using video templates (Flash Professional only)

TOP

This section covers creating Flash content using video and includes instructions on using the video templates.
Flash Professional 8 lets you creatively use and deploy video in your Flash projects. The ability to play back external Flash Video (FLV) files enables authors to use video in more projects that can be viewable by wider audiences. The video templates provided with Flash Professional 8 can help you create video presentations and user interfaces for selecting from multiple bandwidth-tuned streams of video.

 

Using the Bandwidth Selection template (Flash Professional only)

TOP

The Bandwidth Selection template uses forms and components to present the selection interface. This interface lets users control how much content they receive and lets authors tailor their applications to a variety of connection speeds. After the user makes a speed selection, the media playback component is directed to play the specified video.
The Select screen contains radio buttons that allow bandwidth selection. ActionScript to handle the selection of radio buttons is included within the Timeline of this screen.
To change the option labels or the number of options that users is presented, you can add, remove, or edit the components on the Select form.

 

Setting the URLs to the video content (Flash Professional only)

TOP

The media playback component progressively downloads FLV files without requiring them to be embedded in the SWF file.

The data property of the radio buttons is set to a string that is appended to a base string to properly form the correct URL. For example, if the user selects High Bandwidth and the base string is cartoon, the file that is loaded is cartoon_hi.flv.

To change the base string, open the Actions panel and select Frame 1 of the Actions layer of the Select screen. Edit the following ActionScript according to the instructions within the comments:

// Replace "test" with your own base string. Be sure

// to keep the quotes.

var video_base:String = "test"

When the user makes a selection, the code appends the base string you've set with the string stored in the data property of the radio button, and the media playback component loads the media.
 

Using the Video Presentation template (Flash Professional only)

TOP

The Video Presentation template uses slides, media components, and behaviors to create a self-running presentation that progresses according to cues from the video playback. Video presentations are great for self-running demos, kiosks, or presentations to audiences over the web. At the end of the presentation, viewers have the option to play the presentation again from its beginning.
You can customize the presentation, add your own video and content, and customize the media playback component to broadcast events when you want.

 

Adding video (Flash Professional only)

TOP

The media display component on the Video slide handles the playback of the video in this presentation. To add video to the presentation, select the component on the Stage and replace the current value of the URL property with the URL of your media. Remember that after you publish, the SWF file always looks for the video at that location, so relative paths are recommended rather than hard-coded paths.
 

Setting cue points with the video templates (Flash Professional only

TOP

Cue points are also set as properties of the media display component in the Parameters tab in the Component Inspector. You add new cue points to the list using the Add (+) button above the Cue Points list. Remove cue points with the Delete (-) button. Each cue point should be given a name and position.

If you give your cue point names and slides the same names, your presentation automatically navigates to the corresponding slide when a cue point is encountered.

Position is a point in time during the playback of the media file, starting from the beginning of the file, which is 0:0:0:0 (hours: minutes: seconds: frames/milliseconds). For example, to place a cue point 10 seconds into the file, enter 0:0:10:0.

 

Adding content to the video templates (Flash Professional only)

TOP

Adding content to the video templates is as easy as adding new slides to the presentation and creating graphics and text, importing media, and adding animation. There are a few slides with some content to help get you started, but you can replace the content on the slides. After you've added content, you can use the Behaviors panel to add transitions between slides for eye-catching animation.

 

Using the Photo Slideshow template

TOP

The Photo Slideshow template lets you easily create and customize a photo slideshow.

 

Preparing your photos with the Photo Slideshow template

TOP

Photos must be in a suitable format to use the Photo Slideshow template. Flash lets you import images in a variety of formats, but JPEGs typically work best for photographs. For best results, save your photos as JPEGs using an image-editing program such as adobe Fireworks. Each image should have a size of 640 x 480 pixels and should be named in a numbered sequence. For example, for three files, the names could be photo1.jpg, photo2.jpg, and photo3.jpg.

 

Importing photos with the Photo Slideshow template

TOP

After your photo sequence is ready, you can import the sequence into a SWF file.


To import your files:

  1. Select the layer of photos included in the example called Old Photos, and click the trash can icon to delete it.

  2. Create a new layer by clicking the Insert Layer button, and name this new layer My Photos. Make sure that this new layer is the bottom layer.

  3. Select the first blank keyframe in the My Photos layer, select File > Import, and locate your photo sequence.

  4. Select the first image in the series, click Add, and click Import.

  5. Flash recognizes that your image is part of a series and asks you to import all files in the series. Click Yes to complete the import process.

 

Adding finishing touches with the Photo Slideshow template

TOP

Flash places each image on separate keyframes. If you have more than four images, make sure that all the other layers have an equal number of frames. Your images appear in the Library panel. You can safely delete the old images that were included in this document from the library if you wish. Change the title, date, and caption at the top for each image. You can replace text as desired. You do not have to worry about the photo field. The template automatically determines how many images are in your document and indicates which photo you are currently using.

 

Using autoplay mode with the Photo Slideshow template

TOP

The Photo Slideshow template also has a built-in autoplay mode that automatically changes the photo after a set delay. The template is set to a default delay time of 4 seconds, but you can change this setting easily.


To adjust the delay:

  1. Unlock the _controller layer.

  2. Select the controller component.

  3. Display the Parameters tab in the Component inspector by selecting Window > Component Inspector. The Parameters tab is selected by default.

  4. Select the delay, and change this value to a new delay value in seconds.

  5. Save and publish your document.

 

Using presentation templates

TOP

The presentation templates included with Flash let you create, customize, and publish your presentations.

 

Creating a slide presentation

TOP

Creating a slide presentation is as easy as adding new keyframes. Flash provides three slide layouts to get you started.

To create a slide presentation:

  1. Select File > New.

  2. In the New Document dialog box, click the Template tab.

  3. In the New from Template dialog box, select a Presentation template.

  4. In the Slide layer, add a keyframe for each slide in your presentation. For example, if your presentation has ten slides, add ten keyframes.

  5. On each keyframe in the Slide layer, add the information you want to include in that slide. You can create or import graphics as well as add your company's logo, text, video, or audio to your presentation.

  6. Make sure that all other layers have an equal number of frames.

  7. Save and publish your document.

 

Presenting your slides

TOP

Use the controls at the bottom of the application or your keyboard's arrow keys to move between slides during your presentation. Press the Left Arrow and Right Arrow keys to move to the corresponding previous and next slides; press the Up Arrow and Down Arrow keys to jump to the first and last slides.

You can also print each slide in your presentation by clicking the Print icon. If you know that you won't print your slides, you can delete the icon from the layout.

 

Customizing your slide presentation

TOP

If you want to change the colors in the template, select Modify > Document, and change the background color. The presentation background changes to the newly selected color. Additionally, many templates come with alternate backgrounds. Show and hide the additional background layers to expose alternate designs.

You can match the background to your company's color scheme, or you can select something bright and eye-catching to capture your audience's attention.

 

Using the screen presentation templates (Flash Professional only)

TOP

The screen presentation templates included with Flash Professional 8 use screens to make it easy for you to create a professional-looking slide presentation. You can add new slides to the outline and place text, graphics, imported media, and components on those slides to add to content.

After adding slides, you can use the Behaviors panel to add transitions between slides. Flash provides some sample slides with transitions to help you get started.

After you've customized your presentation, preview it by selecting Control > Test Movie from the application menu.

Slides have built-in navigation. Use the arrow keys on your keyboard or the navigation buttons that are part of the template's design to move forward and backward through your presentation.

 

Creating slides with the screen presentation templates (Flash Professional only)

TOP

The Screen Outline pane shows thumbnails of the slides that appear sequentially in your presentation. There are four ways to add new slides to a presentation.

To create a slide:

  1. Create a new file using one of the screen presentation templates.

  2. To add new slides to the presentation, do one of the following actions:

    • Select Insert > Screen.

    • Press Enter.

    • Click the Plus (+) button in the header of the Screen Outline pane.

    • Right-click to open the context menu, and select Insert Screen.

  3. You can create slides that share graphical content such as logos by inserting nesting slides and placing the shared content on the parent slide. For example, the content that appears on the slide labeled Presentation appears on all the slides in the presentation. Insert nested screens by right-clicking in the Screen Outline pane and selecting Insert Nested Screen.

 

Adding transitions to the screen presentation templates (Flash Professional only)

TOP

After you've customized the content of your presentation, you can add animated transitions that help illustrate your points. Use the Behaviors panel to add transitions to your presentations.


To add transitions to a screen presentation:

  1. Select the screen for which you'd like to add a transition.

  2. If the Behaviors panel isn't visible, select Window > Behaviors.

  3. Click the Add button (+) in the Behaviors panel, and select Screen > Set Transition.

  4. Customize your transition in the dialog box. For information about each available transition style,

  5. Click OK after you finish designing your transition.

  6. Select the event on which you'd like your transition to start. The most common events for slide transitions are onShow, when the slide becomes visible, or onHide, when the slide is hidden.

 

Using the mobile device templates

TOP

Flash content is viewable across multiple browsers, platforms, and mobile phones. You can author the following:

  • High-quality animations

  • Games

  • Rich-media custom user interfaces for devices and desktop systems

  • Immersive e-commerce and business solutions

Flash files are compact, which makes them perfect for wireless carrier networks, where transfer rates range between 9.6 and 60 kilobytes per second (Kbps). Mobile devices, unlike desktop computers, have limited storage capability, so the small memory requirement of Flash is ideal.

The mobile device templates let you create content for many mobile devices. Use the device skins in the templates to preview your content as it will look on the device.

NOTE The skins are on guide layers and won't export with your content or appear at runtime.

 

Using quiz templates

TOP

You can use the quiz templates to create self-scoring quizzes with several interaction types. For information about using the quiz templates,

 

Using form application templates (Flash Professional only

TOP

Flash Professional 8 provides two templates you can use to create form-based applications:

 

Query-Error-Response template (Flash Professional only)

TOP

The Query-Error-Response template helps you create applications that perform a simple query to a remote data source, and then, depending on the outcome, display the results in a response form or show an error on an error form. This type of application is useful when performing queries on web services because they are structured as a simple query/response transaction. There are two steps for using this template, which are discussed in this section.

Configuring your service

The first step is to configure the service that your application will call. The template uses a web service connector. If you use a web service as your data source, you can configure the web service connector in the Parameters tab on the Component Inspector. Enter the URL to the service in the WSDL field, and select the operation your application will call.

You can replace the web service connector with another connector that is appropriate to your application from the Components panel. If you select your own connector, you can delete the web service component, but you must edit the actions in Frame 1 of the Application form to replace "wsc" with the instance name of the connector you created. This ensures that the Submit button triggers your service.

Customizing your forms

The next step is to customize your forms. The Query form should contain fields that correspond to the parameters of your service. The Response form should contain the fields that correspond to the results of your service. The Error form shows an error message to the user when something has gone wrong in the process of calling the service. You can show any message on the Error screen.

To customize the Query form:

  1. Select the Query form in the Screen Outline pane.

  2. Use components from the Components panel, such as text input fields, radio buttons, combo boxes, and others, to create the input fields for the Query form.

  3. After you've laid out your form elements, use the Parameters tab on the Component Inspector to create bindings between your components and the parameters of your service connector.

To customize the Response form:

  1. Select the Response form in the Screen Outline pane.

  2. Use components to create fields that will show the results.


    For example, if your service is a weather service that returns temperature, you could use a label component to create a non-editable text display.

    After you've laid out your components, use the Parameters tab on the Component inspector to create bindings between your components and the results of your service connector.


To customize the Error form:

  1. Select the Applications form. The Error form is shown using ActionScript in Frame 1 of the Applications form, during processing of the service call. The following example shows two event handlers:

    function status (stat) {
          // Handle status message for errors
         // If error,
        // showError();
    }

    function result (res) {
          // Handle result message for errors
         // If error,
        // showError();
    }
     

  2. You can replace the bodies of these functions with your own code to interpret the status and result messages and do one of the following actions:

    • Catch an error and show the error screen.

    • Go to the results screen to show the service's response.

     

Windowed Application template (Flash Professional only)

TOP

The Windowed Application template helps you create a windowed application that consists of layered content panes. These panes are draggable, and they rise to the topmost layer when they have focus. Each window can contain different content for the user to interact with.


The window components that load the subforms are on the Application form. The contentPath property of each window component corresponds to the instance name of the form that it will load at runtime.


Modifying and adding window content


Window content is created on subforms of the Application form. The template comes with four forms: a calendar, a DataGrid component showing simulated inbox content, a scroll pane showing an image, and a login form.


To modify window content:

  1. Select any form in the outline and replace the contents with components of your choice. You can even add data connectors to populate your components with remote data.

  2. After altering the contents of a form, make sure that the window component that will load the form is sized properly, so your form's content won't appear clipped at runtime.

To add new windows and content:

  1. Create a new form in the Screen Outline pane, and give it an instance name. Make sure that its visible property is set to false.

  2. Create a new window component on the Application screen, and set its contentPath property to the instance name of the form you've created.

  3. Add content to your new form.

    At runtime, a copy of your form is loaded into the window component.

     

Copyright ADOBE - All Rights Reserved Worldwide

 

 

More Topics:

Working with Flash Documents

How to work in Flash WorkSpace

Working with Projects in Flash

Process to Build your First Application in Flash

Using Symbols, Instances and Library Assets in Flash

How to Build Video Player in Flash

How to Work with Color, Strokes and Fills in Flash

How to Create Document in Flash

What is Vector and Bitmap Graphics in Flash

How to Create a Banner in Flash, Part 1

How to Work with Text in Flash

How to Create a Banner in Flash, Part 2

How to Use Imported Artwork in Flash

How to Create a Banner in Flash, Part 3

How to Work with Graphic Objects in Flash

How to Work with Layers in Flash

How to Use Filters and Blends

Working with Graphics in Flash

What is Accessibility Features in Flash

How to Create Motion (Shape Tween & Motion Tween) in Flash

How to Create an Application in Flash

What is Masking in Flash

How to Work with Video in Flash

How to Use Layout Tools in Flash

What are Behaviors in Flash

How to Work with Sound in Flash

How to Create Symbols and Instances in Flash

What is ActionScript in Flash

How to Write ActionScript With Script Assist in Flash

How to Add Button Animation and Navigation in Flash

What is Data Integration in Flash

How to Work with Screens

How to Create a Presentation with Screens

What is Extending Flash

How to Create Multilanguage Text in Flash

How to Create Graphics: Draw in Flash

What is Flash Lite

Ways of Data Integration

How to Create Graphics: Create a Timeline Animation in Flash

Getting Started with Flash Lite in Flash

How to Publish Flash Documents

How to Create Graphics: Making Animations with Easing

Learning Flash Lite 1.X ActionScript in Flash

How to Export Flash Content and Images from Flash

How to Create Graphics: Applying Gradients in Flash

Process of Writing and Editing ActionScript 2.0 in Flash

How to Create Accessible Content in Flash

How to Create Graphics: Apply Graphic Filters and Blends

What is Data and Data Types in Flash

Process of Printing from SWF Files in Flash

Using ActionScript: How to Use Script Assist mode in Flash

Learn Syntax and Language Fundamentals in Flash

How to Create E-learning Content in Flash

Using ActionScript: How to Write Scripts in Flash

Working with Functions and Methods in Flash

Process of Using Templates in Flash

Using ActionScript: Process of Adding Interactivity in Flash

What are Classes in Flash

Control Tag Summary of XML to UI in Flash

Using ActionScript: How to Create a Form with Conditional Logic and Send Data in Flash

What is Inheritance in Flash

What is Data Integration: Overview

Using ActionScript: How to Work with Objects and Classes in Flash

Overview on Interfaces in Flash

What is Data Integration: Using XML for a Timesheet

How to Work with Text and Strings in Flash

How to use Handling Events in Flash

What is Data Integration: Using XUpdate to Update the Timesheet

Learning Animation, Filters and Drawings in Flash

How to Work with Movie Clips in Flash

How to Create Interaction with ActionScript in Flash

How to Work with Images, Sound, and Video in Flash

How to Work with External Data in Flash

What is Security in Flash

How to Debug Applications in Flash

List of Error Messages in Flash

Using Object-Oriented Programming with ActionScript 1.0 in Flash

How to Write Scripts for Earlier Versions of Flash Player in Flash

List of all Keyboard Keys and Key Code Values for using in Flash

Terminology

Introduction to Components in Flash

What are Components in Flash

How to Create an Application with Components

How to Work with Components in Flash

How to Handle Component Events in Flash

How to Customize Components in Flash

How to Create Components in Flash

What is Collection Properties in Flash