Basic flash operations

Basic flash operations

Before learning a software, we need to understand the purpose of learning it. The focus of learning flash is to advertise.

Advertisements are classified into website advertisements and mtv advertisements.

Let's take a look at our flash files,

1. Double-click the icon to display the animation effect

We can pay attention to the following: Small works.

A simple frame-by-frame animation is used.

Each action of a frame-by-frame animation is very delicate.

 

Flash is a vector software. The larger the image, the clearer the image.

 

Ii. Clear effects after image enlargement

Flash Overview

Flash is a Web animation production software developed by Macromedia and subsequently acquired by Adobe. Because the animation produced by the software occupies a small amount of space, it has been widely used in the areas of Web Page production and multimedia.

 

Animation classification: Two-dimensional animation (used in Web pages) and three-dimensional animation (3 dmax, such as Kung Fu pandatv)

 

Two-dimensional animation classification: GIF animation and flash Animation

 

3. Create a file

 

Iv. Concept of scenarios

 

V. Tool panel

 

Vi. Window-Tools

 

VII. Attribute panel

You can select an object and set it on our property panel. If no object is selected, the property panel is the property of our document.

 

8. Timeline panel

The above grid represents a frame.

 

9. Key points in flash

 

X. Timeline

When we create flash, we can see what is different from other software.

No file size settings. The default file in flash is the document attribute.

The attribute panel contains parameters,

 

11. File size and stage color

 

12. Custom colors

 

13. select colors to adjust the brightness

Only a single color can be adjusted here. In most cases, the gradient effect is used. The selected color is only a monochrome color. Then, how do I implement the gradient background? Let's talk about it later.

 

14. Modify the file size

The common vertical advertisement on the webpage is 100*300 pixels.

 

15. Set the default value

Note: first create the file size and then perform the animation.

Otherwise, it will be very troublesome to modify the file size later.

 

The advertisement on the bar is 980*90 pixels.

Next, let's talk about the application of several simple tools.

Let's talk about the rectangle tool first.

The tool has a black arrow at the bottom right, indicating that there is a menu at the bottom of the tool.

16. Adjustable tools

 

17. Rectangle I drew

If it is square, hold down the shift key.

 

18. Effects of direct movement

It is very convenient to edit objects.

 

Let's take a look at this concept.

 

19. Concept of shape

 

Tips

 

21. filling material barrel Tool

 

22. Three gradient types

If the edge is deleted.

 

23. Add an edge

 

24. Avoid borders

There is no edge. You can only use an ink bottle to fill in the color.

When learning Photoshop, we draw red hearts with pen tools. It took a long time for us to figure it out.

 

25. Be a heart

Next let's see how to change the color.

 

26. Adjust the gradient color

 

27. You can also select the edge and fill color on the tool panel.

Next, let's take a look at some settings of the Pencil tool and edges:

 

Drawing with smooth lines

 

29. Smooth Processing

 

Thirty. Clouds drawn with pencil tools

 

. Attach to objects

 

Steps for hair painting

Next, let's take a look at how to add a gradient background.

 

33. How do I set the background?

Draw a mountain and draw a pencil. You can also use a brush tool.

When selecting a brush tool, the property panel is the fill color; when we select a pencil, the property panel is the edge color.

 

34. Mountains I painted

Next let's talk about the concept of frame:

Frame: A frame represents a screen.

Frame classification:

Normal frame (delayed frame): extend the residence time of the image. The larger the number of frames, the longer the residence time. (Shortcut: F5)

Key Frame: Copy all content of the previous frame in the same place. (Shortcut: F6)

Blank key frame: insert an empty frame. (Shortcut: F7)

35. Blank Key Frame

It means it is empty and there is nothing.

 

36. Key Frame

At least, there is content on this frame.

For example, we can right-click and insert 10 frames at intervals.

 

First, learn these three

 

38. Insert delayed Frames

Let's see how to delete a frame.

Right-click the frame to delete.

The following is a case to show you what a frame-by-frame animation is.

The concept of frame-by-frame animation:

The animation effect produced by playing a continuous picture one frame after another.

Exercise: a beating heart. This animation has only two frames.

First, draw a heart based on the content we introduced above. How can this heart beat?

 

39. Tool for adjusting the size

Q is the shortcut key for switching tools. Shift scales proportionally, while alt scales to the center.

Proportional center scaling means shift + alt.

 

40. Adjust your mind to this level

Now I want to adjust my mind to a larger value, that is, frame-by-frame animation.

 

Forty-one test on the scene

Flash Player testing:

 

42. test functions

We tested it and found that it was too fast and we were all nervous.

Use the latency frame.

If the first frame has an object and the fifth frame has a key frame, the first frame and the fourth frame are extended by default.

Next let's talk about the flash file storage format.

. Fla format, editable source file

. Swf format: exported video

Save or ctrl + S

Saved as fla can be edited.

Forty-three. File Storage path

After the source file is saved, press ctrl + enter to automatically generate a swf file at the location where the source file is saved.

Let's make an animation for a villain.

Next we will mainly look at the principle of doing this animation.

Why is this frame added? How does one frame change the character.

Draw a simple person, only the edges are not filled.

 

Forty-four, stage background

 

45. magnifiers

We can't move the painted objects. A problem occurs as soon as we move them. Therefore, we draw our eyes next to them.

 

Forty-six, adjust the width

 

Forty-seven, draw an eye

 

Forty-eight, draw your eyes

Ctrl +, ctrl-zoom in and zoom out.

Draw a few white spots in it.

 

Forty-nine, draw a few more white spots

Put your eyes on your face, and take them away later. What should I do if my face is empty?

I select a combination of all eye objects.

 

50. Combination

 

Put your eyes on your face

. Draw with lines in your mouth

Because we need to talk to two people, let's copy it.

 

Fifty-three, copying objects

 

Fifty-four, horizontal flip

Select any deformation tool, and press alt + shift to zoom out.

 

Fifty-five, add a few hairs

Next we will make one frame at a time.

 

. Insert a Key Frame

Move forward.

At the fourth frame, let the father's eyes turn around and then talk again.

 

Fifty-seven, rotating eye beads

The sixth frame is converted to another point.

After the eyes are turned, we start to let it talk.

 

Opening your mouth

Note that you need to simulate the mouth movement effect and add two more frames.

 

Let the villain speak

A delayed frame is used for a long time.

 

60. Continue.

 

Back to start position

List of recent articles by the author:

C # intermediate advanced tutorial (completely free, the best gift for code lovers. Note: I have shared my carefully-organized C # intermediate advanced tutorial without any commercial purpose. I hope to share my experiences with more code lovers. Please give me more advice !!!)
ASP.net Project	Library mall project overview
ASP.net Series	ASP. NET (get and post comparison)
	Asp.net-(including: Simulated login, photo List)
	ASP. net (CRUD demonstration of detailed photo list functions)
Layer 3 and other content	Recursion
	Layer 3 (1)
	Layer-3 cases (and Common Errors)
	Layer-3 instances (SQL CRUD)
	Handwritten Code Generator
SQL database ADO.net	Database Application diagram 1
	Database Application details 2
	ADO. NET (connotation efficiency problem)
	ADO. NET example tutorial 1
	ADO. NET example tutorial 2
	Database Application details 3
	ADO. NET (including stored procedures)
Process-oriented, object-oriented, and advanced	Process-oriented, object-oriented in-depth understanding 1
	Process-oriented, object-oriented in-depth understanding 2
	Object-oriented deep understanding 3
	Regular Expression
	Ubiquitous XML
Winform Basics	Winform Basics
	Commonly used controls in winform
Process-oriented	Comparison of three cycles
	Method (I) in C)
	Our common Array
Object-oriented	Thought Change
	C # super-class and easy-to-use classes
	The use of destructor and namespaces in C #
	C # super-class and easy-to-use strings
	How to quickly process strings in C #
	Value Type, reference type, and others
	ArrayList and HashTable
	ArrayList and HashTable
	File Management
	Polymorphism
	Section on other issues in C #
GDI +	The GDI + code I have collected over the years
	The GDI + Code 2 I collected over the years
HTML overview and CSS	HTML language that you cannot ignore
	You can't ignore HTML 2.
	HTML language 3 that you cannot ignore
	Html-Comprehensive
	CSS basic content-special contribution to the Mid-Autumn Festival
	CSS basic content 2
JavaScript Basics	JavaScript basics 1
	Javascript basic 2 JavaScript DOM Programming
JQuery	JQuery (connotation: jquery selector)
	Jquery Example 1