Learning how to make games, presentations, etc. in Flash

What about what?

I have no doubt that you have seen a lot of banners (animated advertisements), Flash-games on the Internet. As you might guess, all this is done in the Flash program.

What will be required:

• A wish
• Straight arms
• Flash itself (starting from version 6)

Basics

General terminology

Below is a table to provide an understanding of the terms that will be used in what follows.

Term	Title in the editor	Description
Frame/Frame	frame	It's just a frame. Frames are divided into key (Key frame) and regular.
keyframe	key frame	A frame containing any image or objects. Animation is made up of a sequence of keyframes.
Timeline	time scale	Top panel*. Contains all the frames in the document.
Toolbar	Tools	Panel on the left. Contains drawing and selection tools.
Action bar	Actions	The panel below. Contains an Action Script code editor.
Options panel	Properties & Parameters	The bar at the bottom, below the action bar. Contains the properties of the selected object or the document as a whole.
Script/Action script	Action Script	Flash movie programming language. Required for games and applications. It is also used to control the progress of the presentation.
Working field		The field located in the center of the document when it is opened. It has a rectangular shape and the background color selected in the options bar. Specifies the visible area of ​​the document during rendering.
preview	preview	The document debugging mode is necessary for viewing "what happened" and searching for errors. Called when the Ctrl+Enter key combination is pressed.

Interface

A visual representation of what is listed in the table.

Create a new project

• Subsequence:

1. File (File) ->
2. New (New Flash Document)
3. Immediately save it under some name: to save, execute the key combination Ctrl + S ( always save the file, when making important changes, it is also recommended to save backups)

Project created

Animation creation

• First, let's create a new project.
  • Now let's look at a simple example of creating a frame-by-frame animation:

1. select the tool "Brush" (Brush);
2. draw something in the center of the working field;
3. press the F6 key to create a new keyframe. The new frame will appear on the timeline and you will automatically move to it;
4. As you can see, nothing has changed on the new frame. Select the selection tool "Selection Tool";
5. select the object drawn by you with the tool, and then, holding the left mouse button, move it a short distance from the initial position;
6. repeat steps 3, 4, and 6 until you are satisfied with the result;
7. now, to see the work done, arrange a preview by executing the keyboard shortcut Ctrl + Enter;
8. watch :)

Conclusion: animation is just a sequence of keyframes, they are easy to create and easy to edit. It is not necessary to move the drawing, you can also change it, i.e. draw something else, erase, change the shape, color, etc. The content of any frame is completely at your disposal... Attention! Your cartoon is only limited by your imagination!

Scripting a Frame

• You probably noticed that when watching a cartoon, when the animation reaches the last frame, everything starts all over again? This is because by standard there is no "stop" command on the last frame. Let's write it like this:

1. go to the last frame by clicking on it with the mouse (on the timeline);
2. now click on the action bar to open it;
3. write: stop();- this will make the animation stop at the last frame;
4. check it out by running the preview.

About "scripts in frames": commands written this way will only fire during a transition to the frame in which they are contained.

Creating a button

• Let's draw something in the center of the working field with a brush:

1. on the toolbar (left) select "Brush" (Brush);
2. in the center of the working field, draw something button-shaped.

• Now let's convert the resulting image into a button:

1. highlight your drawing;
2. press F8;
3. in the window that opens, select "Button" (Button);
4. click OK.

Button created!

Scripting a button

• We will assign the script to the button (how to create it is written above):

1. select your button (a blue frame should appear around it);
2. go to the action panel;
3. in the text input field enter:

• Let's see what is written here:
  • on(press) //when the button is pressed (press in brackets means that the action will start when the button is pressed. But there are many other events, for example, release - if you put it instead of press , then the actions will start when the button is pressed, and then released, i.e. when released);
  • { //open bracket marks the beginning of the list of actions;
  • stop(); //stop playback (if we wanted, on the contrary, to continue playback, then instead of stop(); would write play();)
  • } //close action list.

As a result, when the button is clicked, animation playback stops at the current frame.

List of basic commands (actions) for playback control

Create an interactive presentation

Creating a playback control

Create a navigation bar for a presentation or cartoon

• For work we need:
  • button "Skip forward";
  • "Pause" button;
  • button "Next frame";
  • button "Previous frame".

Where to get them? Nowhere. Let's do it ourselves - you and me.

Progress

1. Draw some objects.
2. Convert each object into a button as described above.
3. For each button, assign your action (script) according to the model.
4. For the Next Frame and Previous Frame buttons, add the following actions: nextFrame();(for the Next Frame button) and prevFrame();(for the "Previous frame" button)

Moving a panel to a separate layer

If there are no animations or presentation frames yet

For convenience:

Layer lock

1. click on the "Lock layer" button, as shown in the picture;
2. add a new layer. It will host animations or slides of your presentation;
3. On the timeline, click on the first frame of the new layer to jump to it.

If you have already created your presentation or animation

1. Highlight your entire control panel.
2. Execute the keyboard shortcut Ctrl+X (to cut the panel for later pasting).
3. On the timeline, click on the first frame of the new layer to jump to it.
4. Add a new layer. It will host the control panel.
5. Move to the first frame of the new layer.
6. Execute the keyboard shortcut Ctrl+V (to paste the panel on a new layer).
7. Now scroll through the frames on the timeline to the last frame of the animation/presentation.
8. Select the frame of the new layer on the same position (as in the picture) and press F6.

1. Flash presentations look more attractive than regular ones. People pay more attention to flash presentations because of their dynamic elements.

2. You can add animation, interactive photo gallery, video, music, etc. to a flash presentation. Instead of just showing a picture of the product, the presentation can be voiced and explained clearly. necessary information. Flash also makes it easy to control volume and other interactive presentation features.

3. When to convince potential clients, the picture with the goods will obviously not be enough. Flash presentations can communicate effectively with target audience , showing her all the details of your company: infrastructure, goals, catalogs, product or service details, etc.

4. Flash presentation can be easily added to a company website, as well as place it on media platforms and in in social networks where potential customers can view them.

5. A flash presentation will help clients choose what to learn about first. Watching a traditional presentation, they will have to spend valuable time to watch it in its entirety, without a chance to miss information that is not interesting to him. Therefore, it is likely that they simply do not inspect it to the end. By ordering a flash presentation, you will avoid this risk.

Areas of use for flash presentations

There are many areas where flash presentations are used.

1. Flash-presentation will help to demonstrate the products or services of the company to customers. With the help of a flash presentation, you can show in detail the USP (unique selling proposition) of a product or service and convince potential buyers of its purchase.

2. Flash-presentation will help train staff. If the company is large enough, when recruiting new employees, it conducts special trainings or filmed training sessions to teach them all aspects of the job. But why waste valuable human resources Or shoot an expensive video course if you can just order a flash presentation? It is an affordable and convenient tool for training new employees.

3. Flash-presentation will help to present the company or its product at various exhibitions, seminars, etc. A flash presentation will not only complement and enhance the effect of the words of a company representative, but can also completely replace it.

4. Flash-presentation will help to convince partners or clients in business negotiations. Unlike the usual boring arguments, effective professional presentation help you take control of the situation.

5. A flash presentation will help introduce a new product/service to the market. The release of a new product can be accompanied by a visual demo explaining all its details and benefits.

Why you need to make a flash presentation for your business

Flash presentations play important role in modern business. Sometimes success (or vice versa - failure) depends on how well a presentation is made. the whole deal. A professional corporate presentation will help impress a large and diverse audience - from partners to clients. Attractive potential consumers, it is essential in every business industry. The higher its quality, the more likely it is to improve sales or brand image, so it is better to entrust its creation to professionals. After all, it is better to spend a ruble, which will pay off handsomely, than to spend nothing, but not get anything in return.

You can order a flash-presentation in Kyiv in the studio KINESKO. Do it right now!

Cosmetology, design and style

Creating a Flsh presentation How to create a presentation in Flsh Creating a presentation Basic principles of creating a presentation How to create a presentation in Flsh Creating a presentation Introduction A well-designed presentation with Flsh will stand out among the template products born in the Microsoft Power Point incubator. Basic principles of creating a presentation It is very important that your presentation has a solid finished look. After creating the structure...

dobe Flash Tomilova Elena Anatolievna

Lecture 7. Creating a Flash presentation

Plan.

Basic principles for creating a presentation Create a presentation

Basic principles for creating a presentation Ways to create a presentation in Flash Create a presentation

Introduction

A well-designed Flash presentation will stand out among the template products born in the Microsoft Power Point incubator. Imagine such a situation. You come to an important meeting for you and are faced with the following: the person who spoke in front of you created his presentation from the same template as you. Of course, this is unpleasant for you and does not increase morale at all. If you create a presentation yourself using Flash, you will feel confident at any event. Now, as, indeed, before, everyone strives to look original, unique, recognizable. And in this program Macromedia Flash will become you faithful assistant. In it you can order music, animation and additional reactions to mouse actions, create a stylish unique design and much more.

Basic principles for creating a presentation

• It is very important that your presentation has a solid, finished look. Think about the structure and sequence of slides that should accurately complement your speech. Remember that quantity does not always determine quality.
• After creating the structure, work on the development of common design elements for all slide pages of the presentation.
• Then move on to filling in content working out individual slides and programming reactions to mouse actions using Action Script.
• Finally, complement the individual elements of the presentation with musical accompaniment. But do not overdo it, remember that it should help, not interfere with your performance.

Pay special attention to testing. Do not forget that you are not dealing with well-established templates, but with the living result of your creative activity.

• Here are a few more tips to help keep viewers interested in your presentation.
• Avoid densely filled pages with text you do not have a reading lesson, but a presentation, therefore, instead of words, it is better to place an illustration or a visual diagram or diagram.
• You should not completely abandon the text explaining the pictures, because you can also quickly get tired of an excessive number of complex diagrams and graphs.
• Do not overload the work with a large number of spectacular effects, everything should be done with taste, with a sense of proportion and in line with the main idea of ​​the presentation. Excessive variegation is annoying, and the audience, forced to helplessly follow the chaotic flickering before their eyes, will not understand what you want to explain to them.

Ways to create a presentation in Flash

There are two ways to make a presentation.

Method 1. Take a standard Flash presentation as a basis. To do this, open the template file using the menuFile New (File New), select the tab in the dialog box Templates and check the boxPresentations (quiz)(Presentations), and then give preference to one of the standard templates.

Method 2. Create your own presentation, starting from scratch. We will go the second way as the most interesting and allowing to make a presentation.

Create a presentation

1. Create a new document.
2. Set its properties. To do this, on the panel Properties specify the following options: Frame Rate ) - 15 fps (default is 12), select background color. The first (bottom) layer, serving as the "background", will have a design common to the entire slide sequence.

1. In order to make it more convenient for you to work, turn on the rulersView Rulers(View Rulers ) and grid View Grid Show Grid(View Grid Show Grid ). These elements are needed for precise placement of objects on the working field.

1. Add a new layer andText toolwrite the words " Summer" . This will be the button in the future.
2. Add more layers and write the name of your buttons on them.
3. Make sure that the text on the stage does not appear immediately, but gradually. To do this, convert the text to a symbol. Standing in the first keyframe of the second layer ( Summer ) highlight the text and press F8.

1. Create a motion tween.

1. Select frame 15 and convert to keyboard ( F6 ). Go back 1 keyframe, highlight Symbol Introduction and in the Properties panel select Color (Color) Alpha (Alpha).

1. Select frame 60 and convert to keyboard ( F6).
2. On layer 3 (Autumn) make the button Autumn appeared already starting from the 15th frame, immediately after the button Summer .

1. Make all the other buttons and background on all frames, for this select on the layer Background 60 frame and convert to keyboard ( F6).
2. The title page, we seem to be looming. But besides the title page (hereinafter, we will call them scenes), there should be more lessons in the project. Create a separate scene for the lesson Summer .
3. Open the Scene panel , to do this, select the menu itemWindow Other Panels Scene (Modify Scene)or press the key combination Shift + F2 .
4. A panel with scenes will open, in which so far there is only one scene Scene 1 , rename it to Title . To do this, double-click on its name in the list and enter a name.
5. For ease of navigation, all scenes should be externally similar, that is, each scene has the same navigation menu. In order not to draw everything again, make a copy of our current scene: press the buttonDuplicate Scene at the bottom of the Scene panel and name the new scene Summer .

1. Make changes to the scene Summer. Remove button animations. To do this, select all frames, excluding the last one: you need to click on the penultimate frame on the lowest layer; then press the key Shift and hold her. Then click on the first frame of the topmost layer (thus the range will be selected). Next, right-click on the selected area. Select an item from the menu that appears.Remove Frames.

1. Add a new layer Photo, paste the picture.
2. Before this lesson, we made our own animation. Not only are we puzzled by the problem of inventing interesting animation effects, developers Flash are also constantly thinking about how to diversify automatic functions creating effects. And in the latest version of the program we are studying Macromedia Flash MX 2004 they went a long way with this by creating an entire tabTimeline Effects(Timeline Effects ) that opens when you select the menu Insert ). The tab contains three sub-items:Assistants, Effects ( effects ), Transform/Transition (Transform/Transition).
3. Add the effect Blur (Blur ) to the inserted picture.

In the appeared dialog box Blur (Blur) adjust the parameters of the effect as follows:

• Effect Duration(Effect duration in frames) indicates how many frames the effect will last. Set 20 frames.
• Permission (Resolution) determines the number of steps in which the effect will be implemented. Set the number of transitions to 10.
• Scale (Scale) sets the size of the base object compared to those objects that are used to add the blur effect. Values ​​less than 1 indicate that the base object will be less than its derivatives, and more than 1, of course, on the contrary auxiliary “blurs” will be less than the blurred object. Set this value to 0.25.
• Allow Horizontal Blur(Allow horizontal blur) allows you to blur horizontally. Leave this checkbox enabled.
• Allow vertical blur(Allow vertical blur) by analogy with the previous paragraph, allows you to "blur" the object vertically. Let this item also be active.
• Direction of travel(Direction of Movement) allows you to select one of the arrows indicating the direction in which the blur will be performed. Select the central point, which means that the movement will be made in all directions at once.

Press OK the effect is ready.

1. Presentation interactivity is created using command sets ( Actions ), which are triggered by strictly defined events ( event ). An event can be, for example, the moment when a frame is played, or when a mouse or keyboard button is pressed.
2. Add a command to stop the scene at the last frame in the scene Title :
   1. Get on stage Title.
   2. Create a new layer and name it Actions .
   3. Move to the last frame of the layer Actions .
   4. Create an empty frame in it.

1. Expand the Actions panel : select menu itemWindow Actionsor press the key F9.
   1. On the left, in the list of actions, selectGlobal Functions(Global functions ) Controls ( Timeline Control stop (by double clicking on the action " stop").

1. In the Actions layer a small letter will appear in the last frame on the timeline a . It means that there is action in this frame.
2. The same procedure will need to be done for the rest of the scenes.
3. Next, we need to finally get the buttons to work:
   1. Get back on stage Title.
   2. Select on layer Summer character in the last frame Summer .
   3. In the Properties panel change the object type from Graphics (Graphic) on Button (Button).
   4. Name below Button Summer for a copy of the character.

1. Next, expand the panel Actions .
   1. Select an actionRoic fragment controls ( Movie Clip Control ) - on (release ) ( gotoAndPlay("Summer",1);

1. The button is ready.
2. Customize all the buttons on the scenes so that you can go from any scene to any other.

Exercise.

Create a presentation on a free topic. The number of scenes is at least 3.

Submit in the archive.

Page 5

As well as other works that may interest you
23337.		Report creation	434.5KB
	Lab Assignment: Determine the structure of the report. Create and run a standard report. Create a complex report based on a standard report. Run report.
23338.		Label design	124.5KB
	Lab assignment: Determine the structure of the label: database for the label; label name; order of placement of fields in the label; the order in which labels are placed on the sheet; label size.
23339.		Display Design	371.5KB
	Build the screen form. Create on screen form buttons: navigation in the database; adding a new entry; closing the screen form. Create an edit box on the display, an input box with a list of selector buttons or control indicators. Save the created display environment.
23340.		Creating macros	107.5KB
	Lab assignment: Learn the rules for writing macros using the examples of standard F2F9 macros. Create your own macros to do the following: open necessary bases data; delete databases; establish relationships between databases; modify the report; fulfill the request; Save the created set of macros in a file. Lab Report: Macro Dialog Box: Macro Key Definition Automated Generation: Macro Key Definition Manual Recording: Open Table...
23341.		Application Generator	290KB
	Lab Assignment: Before starting work, create a separate directory for application files. Perform a generation standard application creating or specifying the database in step 1. Check the operation of the standard application: standard screen input form control buttons; standard application menu. Lab report: Application design: Generator output: New Knopka button output Enter a new record: Test questions: Structural elements of a standard application.
23342.		FoxPro Integrated Environment	49KB
	Lab #1: FoxPro Integrated Environment. Purpose of work: acquaintance with the capabilities of the FoxPro for Windows DBMS environment. Task: Create on drive X: a directory called FOXPRO to store examples. Log in to the FoxPro environment.
23343.		Creating a database structure in FoxPro DBMS	118.5KB
	Laboratory work No. 2: Creating a database structure in the FoxPro DBMS Subject: Databases. Objectives of the work: to study FoxPro data types; learn how to create a database structure; fill tables with data. Task: Create a database structure in accordance with your topic of the calculation and graphic task. Explore the possibilities of the FoxPro for Windows DBMS environment to create a database structure.
23344.		Sorting and indexing databases	87KB
	Laboratory work No. 3: Sorting and indexing databases By discipline: Databases. Task: Sort by one field in a database containing at least 15 records. Repeat sorting for fields containing different types of data. View the sort result in the new database.
23345.		predicting the frequency of maintenance (toverhaul cycle tM) for an ensemble of the same type of machines	44KB
	16 ТМ 93 98 102 Calculation data: Variants 1 2 3 tk output parameter measurement time hour 10 10 10 up limit value 100 150 200 u1 measured values ​​9.5 155 21 u2 measured values ​​12 165 19 u3 measured values ​​11 14 23 u4 measured values ​​105 145 22 u5 measured values ​​85 15 17 u6 measured values ​​9 15 20 u7 measured values ​​21 185 15 u9 measured values ​​105 153 24 u10 measured values ​​95 15 18.

Introduction

The topic of creating training presentations using Flash technologies is very relevant.

Advantages of using Flash presentations from a pedagogical point of view - in professional standards 3rd generation the number of teaching hours devoted to teaching and learning industrial practice, has been significantly reduced, a lot of pressure is being placed on independent work. Therefore, for students to master the programs of professional modules, the use of Flash presentations will be most welcome, because any educational and methodical material on a particular topic of the program can be easily turned into a convenient, compact, portable and platform-independent format, which makes it possible to make the process of self-training of students more efficient. Educational and methodical material, presented in such an interactive Flash format, increases the visibility of its presentation, contributes to the activation of the educational and cognitive activity of students and a stronger assimilation of the material.

General information about educational presentations created using Flash technologies

Flash-presentation is a bright representative of products created on the basis of one of the most advanced software solutions from Adobe.

Flash-presentations implies the possibility of adding:

• sections, subsections, pages
• · Product Catalog
• photographs, graphs, diagrams and other images
• · video
• Animation and special effects (including character animations)
• animation of characters, logos and other elements
• Various interactive elements
• Sound effects, t to music and other voice support
• various software solutions (modules)
• · slide show
• etc.

Just twenty years ago, the process of presenting educational materials by a teacher in a lesson was basically reduced to writing calculations and diagrams on a blackboard. Of course, educational films, TV lessons, slides, and graphic materials were already used then. However, all these visual and even animated diagrams were a finished product - the same for everyone, and the author's material, creatively processed by the teacher, was displayed mainly on the blackboard. This situation began to change with the introduction of computer and projection technology. Teachers began to actively use presentation development tools, and primarily PowerPoint, to create their own visual materials. At the same time, educational multimedia materials on CD-ROM began to be introduced, which were complex (including three-dimensional) animations, video, and sound. But still, ready-made multimedia CD-ROMs created by professionals were superior in quality to presentations created by teachers who did not own the tools for developing animated multimedia content.

It would not be an exaggeration to say that a fundamental change in the state of affairs occurred in connection with the growing popularity in the educational environment of such a tool as Macromedia Flash. As a result, the ability to create animated visual content by professionals and ordinary teachers of students and even schoolchildren is almost equal.

Flash provides visual teaching aids the following possibilities:

• · a unique combination of a graphic editor and a simple tool for creating voiced animation;
• Creation of automatic animation of movement and shape change without frame-by-frame drawing and programming;
• · the presence of a visual editor to create a simple animation, combined with a powerful object-oriented programming language (ActionScript) to create complex projects;
• · Creation of Web-content and multimedia presentations, educational CD-ROMs, etc.

All this encourages users to study this toolkit and use it in a variety of projects. The spread of Flash not only turned static Web pages into animated ones, not only spawned a wave of Flash advertising, created the new kind subcultures in the form of amateur Flash-animation, and in addition, it allowed the active use of Flash in the educational process precisely by teachers, professors, graduate students, etc. Many of them mastered Flash and began to create original presentations. The first advantage is that the FLASH presentation is based on the latest developments in the field of multimedia: Flash Shockwave technology and 3D graphics. It can use various methods of working with graphics and sound. An even stronger argument for why a FLASH presentation is so much stronger than a video presentation is that the latter can easily include various video segments, but not vice versa. This combination of different ways of presenting information (video, graphics, sound) allows you to maximize the impact on the viewer - a potential client.

The second advantage is the possible interactivity of the FLASH presentation when displayed on the Internet. In other words, it contains interactive elements, by influencing which the viewer can change the scenario of the show. He can pause playback and view the object of interest from different angles, or even "climb" inside! And such a FLASH presentation video can be easily inserted into a business card website, corporate website or online store.

The third advantage is the faster loading of a Flash movie compared to a video.

In fact, a FLASH presentation is a colorful cartoon about a company or a product. It can be inserted into a website or used as a standalone product by burning it to a CD, DVD or flash drive. But it will be especially spectacular, however, and the most time-consuming, when using 3D technology. But the effect of such a presentation will more than pay for the money spent. In addition, FLASH presentations using 3D technology will remain relevant for a long time, since nothing radically new in this area is foreseen.

There are the following types of FLASH presentations:

Gift edition - a video created for partners, visitors, bosses, etc. and talking about the activities of the company. It is usually created for some kind of anniversary - as a clear, concentrated display of success and achievements.

Catalog of goods and services - multimedia, colorful display of goods and services of the company with the necessary comments, placement of accents, etc. It has a much stronger effect than showing a standard printed product catalog. Used by staff when working with clients.

Exhibition catalog - a multimedia display of exhibits and the benefits of their use, a story about manufacturing companies, etc.

Electronic report? Flash video about any event, report on the work of the company, etc. Can be used as an accompaniment to the report, and independently.

An electronic business card is in many ways similar to a gift edition about a company. Represents multimedia presentation firms.

software presentation educational technological