Macromedia Flash 8: A Tutorial Guide Macromedia Flash 8: Training from the Source. Read more Certified Macromedia Flash MX Designer Study Guide. In this part of the book, you'll learn almost everything you need to know about the fun- gram when Macromedia acquired it from FutureWave back in PDF generated using the open source mwlib toolkit. “Adobe Flash (previously called Macromedia Flash) is a multimedia platform originally acquired by.
|Language:||English, Spanish, Japanese|
|Genre:||Science & Research|
|ePub File Size:||15.75 MB|
|PDF File Size:||17.21 MB|
|Distribution:||Free* [*Regsitration Required]|
– Macromedia, Inc. All rights reserved. Macromedia, the Macromedia logo, Dreamweaver, Director, Fireworks, Flash, Fontographer, FreeHand, and. Macromedia M Logo & Design, Macromedia Flash, Macromedia Xres, . 1 Within your Flash MX application folder, browse to Tutorials/FlashIntro and double-. Flash is Macromedia's powerful vector-based animation tool. Flash is the Unlike most Flash tutorials, this one is aimed specifically at the needs of journalists.
Page On the Stage, press Shift and drag the eight ball downward until the bottom of the eight ball is in the middle of the shadow graphic. Create a method within a custom class. In the URL text box, either accept the default setting of http: By default, keyboard arrow keys let you navigate between screens on the same level, not between nested screens. Page 88 Basic Tasks:
Page 80 - Set up your workspace Page 81 - Make your document accessible to screen Page 82 - Provide a title and description for inst Page 83 - Specify that screen readers ignore eleme Page 84 - Control the tab order and reading order Page 85 Page 86 Page 87 - About testing your document with screen Page 88 Page 89 - Chapter 6: Create an Applic Page 98 - Set up your workspace Page 99 - Copy input and dynamic text fields Page - Add and name a Button component Page - Declare variables and values for the pri Page - Specify values for input text fields Page - Write a function Page - Write an event handler for the component Page - Test your application Page Page - Chapter 8: Page - Align objects using the grid and arrow k Page Page - Chapter 9: Create Symbols a Page - Set up your workspace Page - Create a graphic symbol Page - Duplicate and modify an instance of a sy Page - View screen properties Page - Add content to a presentation slide Page - Add screen navigation behaviors to butto Page - Create an expanding-width text block Page - Create a fixed-width text block Page - Select device fonts Page - Copy a text field Page - Assign instance names to text fields Page - Specify format options Page - View ActionScript for the dynamic text f Page Page Page - Add a frame script to the Title movie cl Page - Write a function for a button Page - Copy and modify a button function Page - Check syntax and test your application Page - Summary Page - Chapter Add Interactiv Page - Summary Page - Chapter Work with Obje Page - Learn about extending existing classes Page - Extend the MovieClip class to create a n Flash Tutorials.
Show quick links. Hide Hide permanently. Creating A Banner, Work With Objects Flash lite 1. Introduction to flash lite 2. Page 2 If you access a third-party website mentioned in this guide, then you do so at your own risk.
Macromedia provides these links only as a convenience, and the inclusion of the link does not imply that Macromedia endorses or accepts any responsibility for the content on those third-party sites. Page 3: Table Of Contents Contents Chapter 1: Create a Document Page 4 Chapter 4: Creating a banner, Part Page 5 Write a function Page 6 Chapter Page 7 Chapter Creating Graphics: Applying Gradients..
Page 8 Chapter Write Scripts Page 9 Flash Professional Only Data Integration: Page 10 Contents Page 11 Introduction This part of Flash Help includes several step-by-step tutorials, designed to teach you the fundamentals of Flash. Macromedia recommends that you go through the lessons using the sample files provided. The path to the sample file is provided in each lesson.
Page 12 Introduction Page Chapter 1: You can move panels around, and resize them, as follows: You can undock a panel by clicking the upper-left corner of the panel, in the title bar, and dragging the panel to another location in View The Timeline Undo changes Flash can undo a series of changes to your document. The Pencil tool appears in the panel, because using the tool was your last action. You can add a keyframe to a document when you want the Flash content to change in some way in that frame.
Then press Enter Windows or Return Macintosh. In the Timeline, click the Content layer name to select that layer. With the Selection tool selected, drag the Title movie clip, which contains a bitmap image and vector graphic, from the Library panel to the Stage and align it on top of the gray bar at the top of the Stage that contains View Object Properties View object properties When you add an object to the Stage, you can select it, and then view and change its properties in the Property inspector.
The type of object selected determines which properties appear.
For example, if you select a text object not a text graphic, which you use in this lesson , the Property inspector displays settings such as font, type size, and paragraph formatting, which you can either view or change. Page 21 In the Play Video dialog box, verify that Relative is selected. Select video, which is the instance name that you gave to the video clip, and click OK. On the Stage, click the Pause movie clip instance to select it. With its hierarchical tree structure, the Movie Explorer provides information about the organization and flow of a document.
If necessary, enlarge the Movie Explorer to view the tree structure within the pane. Test The Document Test the document As you author a document, you should save and test it frequently to ensure the Flash content plays as expected. When you test the SWF file, click the video control buttons to see if the video stops, plays, and rewinds as expected. Page 24 View object properties Add video control behaviors Use the Movie Explorer to view the document structure Test the document Find help To learn more about Flash, take another lesson.
Chapter 2: Creating A Banner, Part 1 This is Part 1 of a three-part tutorial on how to build a simple animated banner in Flash and add it to a web page using Macromedia Dreamweaver.
You'll learn how to create a file and modify its settings, import and add graphics to the Stage from the library, and create layers in Part 1. Page 26 In Part 1 of this tutorial, you will complete the following tasks: Examine the completed FLA file On the Macintosh: Copy the FlashBanner folder to another location on your hard disk to which you have access.
Inside this folder are three directories for each part of this tutorial: Part1, Part2, and Part3. The application, a Flash banner for a gnome website, looks like this at the end of Part 1: The completed banner at the end of Part 1. SWF files are the files that you can put online when you embed it in a web page. The Macromedia Flash Player plug-in then displays the SWF file, so your website visitors can view or interact with the content.
Page 31 Around the Stage you see a variety of panels. The panel on the left is called the Tools panel see the following figure. This panel includes tools you can use to create and modify documents, such as tools you use to draw and make selections.
Page 32 Bureau's page on Interactive Marketing Units at www. Select the Templates tab and select the Advertising category. Importing Graphics Click OK when you finish entering the new dimensions to return to the authoring environment. When you return to the authoring environment, notice how the dimensions of your document change. You can also change the current document's background color and frame rate directly in the Property inspector, without going to the Document Properties dialog box.
Page 34 You'll see the Import dialog box see the following figure , which enables you to browse to the file you want to import. Browse to the folder on your hard disk that contains an image to import into your Flash document.
Page 35 Click the Selection tool, and select the instance on the Stage. If you look at the Property inspector you'll notice that you can modify the image's width and height, as well as the image's X and Y position on the Stage. When you select an object on the Stage, you can see and modify the current coordinates in the Property inspector see the following figure.
Introducing Layers And The Timeline Setting new coordinates moves the upper-left corner of the image to the upper-left corner of the Stage. You can drag the bitmap image around the Stage using the Selection tool instead of changing coordinates in the Property inspector. Use the Property inspector when you need to set a specific position for an object, like you did in this step.
Page 37 In this section, you will complete the following tasks: Page 38 Creating a new layer In just about any Flash project where you use imported graphics and animation, you'll need to create at least a few layers. You need to separate certain elements onto their own layers, particularly when you start to animate objects.
Then you dragged the image onto a selected layer on the Stage. You can also import assets directly to the Stage instead of into the library.
Test The Application Move the star. Move the star. Summary Click the close button of the window that contains the SWF file to return to the authoring environment. Find the folder on your hard disk where you saved banner.
When you open this folder, you should see an additional SWF file called banner. Page 42 Basic Tasks: Chapter 3: You successfully completed Part 1 of this tutorial, where you created, set up, and imported content into an FLA file.
In Windows: Page 45 Copy the FlashBanner folder to another location on your hard disk to which you have access. Double-click the file to open it in Flash. Adding Text This file contains an animation in a movie clip, text, an invisible button, and the assets that you imported in Part 1 of this tutorial.
The movie clip instance contains a graphical instance that you animate. Text fields contain static, stylized text that you display on the Stage. The invisible button covers the entire Stage, and it lets your visitors click the banner and open a new web site. Page 47 You can add any of these types of text using the Text tool.
For this exercise, you will add some static text to the Stage for decorative purposes. To add static text, follow these steps: Open the banner. Page 48 When you finish, the text should be similar in size and in position to the text in the following figure.
Add some static text to the banner. Select any font you want to use. Select the Text tool again, and type Underpaid? As you discovered in Part 1, a symbol can be a graphic, button, or movie clip, and you can then reuse it throughout the current FLA or other FLA files. You might see a smaller dialog box without the advanced linkage and source information when you convert a symbol.
Select the Movie clip option, and click OK. In Part 1 you added assets to a frame on the Timeline. Page 52 Double-click the join us symbol instance on the Stage. This opens the symbol in symbol-editing mode see the following figure. In this mode, you see the movie clip symbol's timeline, which runs independently of the timeline for the main FLA file the one you saw before double-clicking the symbol.
Page 53 Scene 1 refers to the main timeline of the FLA file. You can click this button on the edit bar to return to the main timeline. The names after it point to the symbol that you're editing.
If the symbol is nested within other symbols, this path might contain several names. Change the brightness of the movie clip instance. The brightness changes for the instance on Frame The instances on Frames 1 and 30 do not change.
This means that you can now add a motion tween that animates the brightness value between Frames 1 and 15, and then from Frames 15 to Page 55 You can create several kinds of animation in an FLA file, such as motion tweens, shape tweens, and frame-by-frame animation. In this tutorial, you will create a motion tween. A motion tween is an animation where you define properties such as position, size, and rotation for an instance at one point in time, and then you change those properties at another point in time.
A quicker way to test your SWF file is to use keyboard shortcuts. Notice how it loops, appearing to fade in and out because of the change in brightness. Page 57 Select No Color, as shown in the following figure. Doing so disables the rectangle's outline. Select No Color for the stroke color control.
Drag the mouse diagonally across the Stage to create a rectangle. The size of the rectangle does not matter—you'll resize it later using the Property inspector. Page 58 Double-click the new button on the Stage to enter the Symbol-editing mode.
The rectangle is currently on the first Up frame of the button you created. This is the Up state of the button—what users see when the button sits on the Stage. Instead, you want the button not to have anything visible on the Stage. Writing Simple Actions Writing simple actions You need to add some simple ActionScript to your banner in order for the invisible button to open a website or send information about how many clicks the banner has received.
There are several different places you can add ActionScript in a Flash document. Page 60 Before you add the code, you need to give the button a unique instance name.
The instance name enables you to target the button with ActionScript code. If you don't name the button, your code doesn't have a way of targeting the button from the timeline.
The first step is to assign the invisible button an instance name, and then you add code that targets that button using its name. Test the application Now you have a Flash banner, with graphics and animation, which also reacts to button clicks. You have completed your first interactive and animated Flash document. Summary Summary Congratulations for completing the next step of creating a banner in Flash. You used the Flash authoring tool to add text, create symbols, animate on a timeline, and add interactivity to your application.
In Part 2 of this tutorial, you learned how to use the Flash workspace to accomplish the following tasks: Create text. Chapter 4: In this final part, you learn about file size, banner standards, how to set publish settings, how to add the banner to a Dreamweaver web page, and how to add Macromedia Flash Player detection.
Page 65 In Windows: Page 66 Review the completed project In the completed project, you will see the structure that makes up the finished project for Part 3 of this tutorial. The completed banner for Part 3 By the end of Part 3 of this tutorial, you will add the banner that you Considering Your Audience Considering your audience When you create a site, you often need to follow certain guidelines for submitting a Flash banner.
For the purposes of this article, following established advertising guidelines is not a great concern because you're not submitting the banner to a company for advertising purposes. This section briefly explores some of the considerations you might have when creating a banner in a real-life project, or a project for wide distribution. Checking Your Publish Settings The purpose of this article is understand how to create Flash content, export it from Flash, and add it to your own website.
The lesson to draw from considering banner guidelines is that you need to consider your audience. Whenever you create a Flash site, think about the kind of people who will see the content—much like when you create any website. Page 69 In earlier parts of this tutorial, you made changes in the Document Settings dialog box. You set the dimensions and frame rate fps for the SWF file. In this final section, you will make sure that the Flash Player setting you want to target is correct, and that you export the files you need.
Many Flash developers make these settings when they start the FLA file, because they are aware of what they need to output and target. Page 70 In the Options section, select Compress movie. You do not need to make any other selections on the Flash tab.
When you finish, click OK to accept the changes to your document. We have created a page for you to use for the purposes of this exercise, which is ready to have a banner of this size placed on it.
Page 72 This is where you want to add the Flash banner to the website. Select the large image placeholder on the right side of the web page in Dreamweaver. Notice that the dimensions are the same as your banner file.
Press the Backspace or Delete key to delete the image. Leave the text selection pointer at that position in the HTML document. Using Roundtrip Editing Using roundtrip editing By now, you might want to change something in your Flash banner.
Say you want to change the frame rate, or add some more text. It's easy to return to Flash to edit the document from Dreamweaver. In gnome. When you have a site that uses Flash primarily for functionality, you might want to send that user to a custom page that links to the Macromedia site, where the user can download the player.
When selected, this option effectively means "assume that the visitor has the plug-in, unless the browser explicitly indicates that the plug-in is not present. Test The Application Test the application Now you have a Flash banner, with graphics and animation, which also reacts to button clicks. You have completed your first interactive and animated Flash document, and then you inserted it into a website using Dreamweaver.
Let's take a look at the banner in action, within a browser window. Summary Summary Now you have completed your first Flash site and inserted it into a Dreamweaver web page. You have learned how to create a new file, import content, create new assets in Flash, add simple animation and ActionScript, and publish your work for the web. You also learned how to use Dreamweaver to insert the SWF file into an existing web page, probably one that's similar to a simple page you've created in the past.
Page 78 Basic Tasks: Chapter 5: Create Accessible Flash Content With knowledge of a few design techniques and accessibility features in Macromedia Flash Basic 8 and Macromedia Flash Professional 8, you can create Flash content that is accessible to all users, including those with disabilities. Select the Trio Motor Company logo along the top of the Stage. Specify That Screen Readers Ignore Elements In Your Document Specify that screen readers ignore elements in your document Screen readers follow a specific order when reading web content.
However, when content on the web page changes, most screen readers will begin reading the web content all over again.
Accessibility settings now appear in the Accessibility panel. Page 85 To create a tab order in this lesson, use one of the following procedures.
To create a reading order along with a tab order, follow the procedure to control the tab order and reading order using ActionScript. If you have Flash Professional 8, you can follow this procedure to create a tab order using the Accessibility panel: Page 86 If you have Flash Professional 8, follow this procedure to view a tab order: The tab index number that you entered appears next to the instance on the Stage.
A tab order created with ActionScript, rather than the Accessibility panel, does not appear when Show Tab Order is enabled.
About Testing Your Document With Screen Readers Change static text to dynamic text for accessibility Control the order in which users navigate with the Tab key Control the reading order with ActionScript Macromedia maintains an extensive website devoted to accessibility.
For more information about accessibility with Macromedia products, see the Macromedia accessibility website at www. Page 88 Basic Tasks: Create Accessible Flash Content Chapter 6: Work With Layers Basic Tasks: Work with Layers In Macromedia Flash Basic 8 and Macromedia Flash Professional 8, layers are analogous to transparent sheets of acetate stacked on top of each other.
Select A Layer Select a layer You place objects, add text and graphics, and edit on the active layer. To make a layer active, you either select the layer in the Timeline or select a Stage object in the layer. The active layer is highlighted in the Timeline, and the pencil icon indicates it can be edited.
When hiding layers, you have the option of hiding all layers in your document simultaneously or hiding layers individually. Click the eye icon above the layers so that a red X appears in the Eye column. In the Timeline, click the Car layer. Click Insert Layer below the Timeline. The new layer appears above the Car layer and becomes the active layer.
Double-click the layer name, type Background as the new name for the layer, and press Enter Windows or Return Macintosh. The Timeline contains two layers that contain navigation objects: In the Timeline, select the Buttons layer.
The mask layer and the layers it masks are automatically locked. When you finish viewing the mask effect, close the SWF file window to return to your document. In the Timeline, with the Notes layer selected, click the Delete Layer button. Summary Congratulations on learning how to work with layers in Flash. In just a few minutes, you learned how to accomplish the following tasks: Select a layer.
Chapter 7: A Calculate button then adds the total cost. Click the input text field where users enter the quantity of CD players. Alt-click the input text field that you just dragged; Add And Name A Button Component Add and name a Button component Components are movie clips that offer an easy way of adding advanced functionality to your document without having to know advanced ActionScript.
Declare Variables And Values For The Prices Declare variables and values for the prices For your application to multiply the quantity of parts selected by the price of the part, you need to define a variable for each part in ActionScript.
The value for the variable is the cost of the part. In the Script pane, with the insertion point after the text that reads , press Enter Windows or Return Macintosh twice and type the ; Write A Function Write a function A function is a script that you can use repeatedly to perform a specific task.
You can pass parameters to a function, and it can return a value. In this lesson, every time your user clicks the Calculate button, a function will run that multiplies data in the input text fields and returns values in the dynamic text fields. Test Your Application When you finish, your script should appear as follows: Page Basic Tasks: Create an Application Chapter 8: Use Layout Tools Basic Tasks: This tutorial teaches you how to use the layout tools in Flash to create a user interface.
In the Tools panel, click the Selection tool. On the Stage, click inside the upper-left corner of the blue text border and drag it to the intersection of the two guides. A small circle appears in the upper-left corner of the text border when you drag near the corner of the text border. You can easily resize the art to match the Stage size again. On the Stage, click the gray mountains to select them.
Shift-click the blue banner at the top of the Stage to add it to the selection. Specify Snap Alignment Settings Specify snap alignment settings Snapping offers a way of precisely placing an object on the Stage by having the object affix itself to other objects and alignment tools.
Align Objects Using The Align Panel While keeping the car centered with the body text you should continue to see the center alignment guide , drag the auto in a straight line, toward the left of the Stage, until the guide snaps at the pixel border that you created previously.
Snap Objects To Each Other Snap objects to each other You can snap objects on the Stage to other objects on the Stage, thereby setting the alignment of objects to each other. Align Objects Using The Property Inspector Align objects using the Property inspector The Property inspector lets you precisely align objects on the x and y Stage axes, from the registration point of the Stage object.
The registration point is the point from which a symbol aligns or rotates. The grid does not appear when you test or publish your document. Use Layout Tools Chapter 9: Create Symbols And Instances Another benefit of symbols is that they allow you to create sophisticated interactivity. Create A Graphic Symbol Create a graphic symbol A graphic symbol is well suited for repeated use of static images, or for creating animations associated with the main Timeline. Unlike with movie clip and button symbols, you cannot give instance names to graphic symbols, nor can you refer to them in ActionScript.
You can modify the following instance properties for an individual instance without affecting other instances or the original symbol: Modify A Symbol Modify a symbol You can enter symbol-editing mode by double-clicking any instance of a symbol. Changes that you make in symbol-editing mode affect all instances of the symbol.
Do one of the following to enter symbol-editing mode: On the Stage, double-click one of the car instances. In the Library panel, double-click the CarGraphic symbol.
Create A Movie Clip Symbol Create a movie clip symbol A movie clip symbol is analogous in many ways to a document within a document. This symbol type has its own Timeline independent of the main Timeline. You can add movie clips within other movie clips and buttons to create nested movie clips. Add An Effect To The Movie Clip Add an effect to the movie clip You can create an animation within a movie clip Timeline, in symbol- editing mode, that plays independent of the main Timeline. Create Symbols and Instances You can add navigation to buttons by using behaviors or by writing ActionScript.
Create A Button From Grouped Objects Create a button from grouped objects You can create buttons from text and graphics, including bitmap images and grouped objects. View The Hit Area By Enabling Buttons View the hit area by enabling buttons When the Enable Simple Buttons feature is active, you can view the less complex aspects of your buttons, such as the hit area the clickable area of a button and the colors used for the button states. More complex button design, such as animation, does not play.
In the Tools panel, select the Rectangle tool. The stroke and fill color for the rectangle are unimportant. On the Stage, draw a rectangle that covers, as closely as possible, the logo and text. Verify that To Stage is not selected, because you do not want to align the buttons relative to the Stage. In the Timeline, click any frame between Frames 1 and In the Property inspector, select Shape from the Tween pop-up menu. We know that these useful tutorials are updated and upgraded all the time, so we are adding new courses and tutorials as soon as possible.
With this creating macromedia flash 8 animation tutorial you will master this important program and increase your chances for getting the job position that you have always wanted! Free tutorials creating macromedia flash 8 animation - PDF. Adobe Captivate 8. Windows 8 Essentials. Windows 8 Starter Guide. Windows 8 Forensic Guide. Modern Java - A Guide to Java 8. Word Creating Tables. Creating Queries and Reports Access. Download free Access PowerPoint Creating a Presentation.
Creating an Adobe Captivate 9 Project.
Creating a Website with Publisher Creating a Poster in PowerPoint Mail Merge and Creating Forms. Word - Mail Merge and Creating Forms. Microsoft Visio Creating Process Maps. Getting Started with Power BI. Microsoft Access This document has been developed to help you learn more about several useful features in Access such as creating a Form.