Fireworks MX 2004 Making landscape logo whole process

Process

Because I am a beginner FW, there is a shortage of places, I hope to point out. Thank you very much! (PS: This tutorial only for the ilogo-snake of this logo to unfold, and does not necessarily have a common or law.) Tutorial object: New Person)

Best view:ie5.0+ or Netcaptor4.0+display at:1024*768

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

"Tutorial": A total of 3 sections.

First, prepare

Second, the production (step1-5. [Background step1-3; border Step4; animation Step5 (rice field animation, text animation, cloud animation, leaf animation)]

Third, modify

The sample of this logo tutorial is as follows:

The source file of this logo:

Production software: Fireworks MX 2004

Production cycle: About two weeks

Production purposes: only hope that we can go through this logo, to develop their own ideas, rather than simple imitation. This logo tutorial is only for throwing bricks.

－－－－－－－－－－－－－－－－－－－－－－－－－－

Here we start from scratch:

The whole process of making a logo can be roughly divided into 3 steps: preparation, fabrication, modification.

First, preparation-basically is the idea of a logo of the general theme, color, animation outline, there is the relevant material and information.

Theme: Fresh + harvest, mainly a kind of pastoral atmosphere after autumn.

Color: Mainly in the more saturated colors for the expression. Main hue: blue, green, yellow. Increase freshness with bright and saturated colors.

Animation: With a number of consecutive details of the animation horizontal staggered as the main line, all of the animation can be set up alone, and fully jointed. form an infinite loop uninterrupted animation.

Animation elements have a cloud of transformation, the leaves of the wandering, wind blowing in the paddy field/Chrysanthemum fields of the waves, as well as oneleaf the word gradient.

Material: The main is to find some sky, fields, trees, rice fields/chrysanthemum fields, such as photos or pictures to observe the real effect, and can choose the place available.

Figure 1 for me to use Google and Yahoo's image search engine for two days to see the relevant pictures found on hundreds of pages. Do not be impatient, take one step at a step.

Figure 1:

This is basically all the preparation work, I personally on this basis also put each animation apart to do a bit, because some of the animation you have a good idea, but made to the effect of a big reduction, so the idea and effect is sometimes not proportional. Here, skip directly into the production.

Second, the production-from the modification of the material to the drawing of images, from the image modification to animation completed. (Suggest a cup of coffee in hand; p)

Through the preparation of the work we can probably locate the entire logo image layout and animation ideas.

Basically is the background of blue sky and white clouds, hills before the rice fields next to the leaves falling, the wind blows, the title appears.

Then you can be sure that the elements we need are: blue skies, white clouds, paddy fields, hills, trees, leaves, land under trees, words, wind.

Let's start with the real, step from the background to the foreground, from static to animation, from long animation to short animation, from fast animation to slow animation.

1. Turn on the fireworks and build the canvas--as shown in Figure 2:

2. Let's start with the blue sky in the background and draw a rectangular rectangle with a 88*31 pixel size. Fill the color with the gradient, and make the image like-figure 3: (Note: Do not put the filled salad into uniform up and down two colors, so that the image will become very stiff, the lack of the tension of the United States.) Then there is not advocating the use of dark sky, one does not conform to the autumn mood, the two can not be a good highlight animation effect. ）

3.

(1) Background after the completion of the sky, the next is the background of the ground-the hills, here can draw their own, you can intercept similar images to modify, anyway, is not moving, look like it can. For example--figure 4: (Note: Hilly shape is a layman slightly convex slope, the center of the height of the entire logo in the height of the golden line, the lower can not be 0, height can not exceed the logo of 1/2 high, because you want to yemao and hills between the trees leave a little space. ）

(2) The only processing of the hills is to adjust the saturation, such as--figure 5:

The above is the background of the whole logo, you can put it on a separate layer. and double click on layer one to select shared overlapping frames. Then click on the right pane of the eye to lock the layer. Because we're not going to move them anymore. As shown in Figure 6:

4. Below we will complete the border.

(1) New Layer 2, in the Layer 2 to draw a rectangular rectangle, size 88*31, fill no, stroke options such as Figure 7: (Note: Here to choose the dark gray dotted box, if the real line box will make the logo more rigid, medium gauge moment.) Not suitable for the theme of the logo, color with dark gray compared to the atmosphere, but also can be a good foil theme, with bright colors will be distracting. ）

Then select advanced in the stroke options, adjust the interval, such as--figure 8:

The interval size can be adjusted according to the feeling itself, I use is open: 5, close: 1.

(Note: Now we have a logo border, but not yet, because we use a dotted box, so the logo image will penetrate to the dotted distance, if the image color difference is larger or animation, then this will destroy the entire logo and the overall beauty of the border.) So we're going to use a pencil point at the dotted line of the border. ）

(2) Create a new layer on the border in Layer 2, select the Pencil tool, dot the dotted spacing of all the borders, and the color recommendation is second only to silver Gray. For example-Figure 9: The goal is not to make the border too prominent, and not with the image color in the logo does not coordinate. White effect feel slightly worse (my that is white, to now lazy to change:-().

Now the border is completely complete, with two graphs of the 2 of the composite layer. Then also choose to share overlapping layers and lock them. As shown in Figure 10:

Here, we complete the minor aspects of the entire logo, background and borders.

5. Below we will make the most important part of the whole logo: 4 animation. They are the effects of the wind in the paddy fields, the wandering of the leaves, the change of the clouds and the zigzag gradient of the headings.

(Note: Because the text gradient is the simplest, so we leave the text to the last to do; the changes in the cloud are random in my way, so put it on the penultimate line, and the wind blows over the paddy field for a while, that is, an instant animation, where we choose to make first, and of course, different situations also depends on your own analysis and hobbies, It also has to do with the properties of the animation. ）

Please create a new layer between Layer 2 and Layer 1-layer 3. All of the next steps will be completed at this level.

(1) Wave animation of paddy fields blown by wind.
[A] make rice paddies.
First intercept or use FW to draw a paddy field, the requirement is to look like rice paddies (nonsense), also arc type, and increase saturation (see Figure 5), as shown in Figure 11: (Note 1: Please align the rice field to the bottom of the entire logo, not the bottom of the border, for reasons will be learned in the rice field animation production NOTE 2: Please cover the side of the hills with the paddy fields to enhance the harmony of the overall composition and leave enough space for the text to fade. I do not know how to explain the specific, learn art should know it. ）

(Note: Is the paddy field at this time not satisfactory?) That is because there is no texture, here can be interpreted as a sense of hierarchy, is the entire rice field should give a person the upper part of a golden brilliance. ）

Select the Pen tool and pull a golden curve on the upper edge of the paddy field (please refer to the tutorial for a friend if you don't use the pen). As shown in Figure 12:

Get the effect as shown in Figure 13:

Select the rice field and pen curve, click the right mouse button, select the flat selected or press Ctrl+shift+alt+z.

Here, the rice fields before the animation of the preparation work has been completed.

I learn FW2 week, feel if you want to make more like the wave animation, and shading, tween and pen curve method than, stupid method-shear displacement to more real. The reason is that when the wind blows over the paddy field, it should be the whole paddy field, not just the top of the paddy field, and after the wind blows, the paddy field should basically revert to the original shape and color.

Below we will be specific to the operation of shear displacement.

Cut rice paddies. Select the only bitmap in Layer 3-the (Golden) paddy field. Start cutting from the right side of the paddy field with the Marquee tool, as shown in Figure 14:

After cutting the rice field, paste it back in the original position. In order to cut all the remaining rice paddies, the number of cutting is about 10 pieces, less is not fluent, many of the file is too large. Figure 15: (Note: The edges of each of the two small paddy fields must be tightly sealed, can not be repeated shearing, can not be missed, the beginning and end of a slightly smaller cut, the reason is that the animation is easy to transition. It has to do with the visual impressions of the human eye. ）

Here, the paddy field is cut off. The effect should be the same as before, the image should not have a bit of aliasing.

[C] The movement of paddy fields.

Select all the paddy blocks in Layer 3, copy it, then click New Frame and paste all the rice paddies in frame 2, as shown in Figure 16:
(Note: Here to pay special attention to the FW in the copy, and then paste the position of the image is changed, if changes, please refer to coordinate adjustment to the same.) ）

Select the first paddy field in frame 2 and press the DOWN ARROW key on the keyboard to move the field down to 1 blocks. As shown in Figure 17:

Select all Layer 3 of paddy field, copy, and then build Frame 3, paste. In frame 3, move the first paddy field further down one block and move the second paddy field down one.

Select all Frame 3 rice paddies, copy, then build frame 4, paste. In frame 4, do not move the first paddy field, and move the second and third blocks down one. The reason is that if you move the first block further down, the effect of the paddy field being blown by the wind is exaggerated and distorted. Do not move is to increase the curvature of the wave, the arc is not realistic.

Select all Frame 4 rice paddies, copy, then build frame 5, paste. In frame 5, the first paddy field begins to move up one lattice, the second is kept still, and the third and fourth paddy fields are moved down one block respectively.

Select all Frame 5 rice paddies, copy, then build frame 6, paste. In Frame 6, the first and second paddy fields are moved up one block, and the third is kept still, and the fourth and fifth paddy fields are moved down one block.

Select all Frame 6 rice paddies, copy, then build Frame 7, paste. In frame 7, move the first paddy field up one block.

(Note: Here, the first paddy field will exceed the height of the original image, on the grounds that it appears to be elastic after the wind blows.) And that's why we've been talking about putting the image of the paddy field under the border. ）

The second and third paddy fields are also moved up one lattice, the fourth block remains the same, and the sixth block is moved down one grid respectively.

Select all Frame 7 rice paddies, copy, then build frame 8, paste. In frame 8, move the first paddy field down one, and restore the initial position (here, the first paddy field displacement has been completed, we can no longer control it). Move the second, third, and fourth paddy fields up one, and the fifth block stays the same, the sixth block and the seventh paddy fields continue to move down one grid.

Above is the wind over the paddy field of the first wave of the gradient, I believe you will be careful to see the movement of the law, the following is not serrata repeat all the changes.

Select all Frame 8 of paddy field, copy, and then build Station 9, paste.

......

Until the last rice Paddy returned to its original position, the entire wind was blown over the paddy field and the animation was almost complete. (because I cut 10 pieces, so the whole animation altogether 17 frames) Click the play button, preview the animation effect, is it more close to the wind blowing rice paddy effect! The reason for the comparison is that the animation is complete, but we obviously found that the wave transition is not very smooth, which makes the animation to move like a sawtooth, we have to do is to modify! (modification can also be done after all animations are completed, but if you want the picture to be more delicate, it is recommended that you change it in advance, which makes it easier not to complicate the work behind it.) ）

[d] Modify the paddy field animation. Main tool: Smear.

The modification of the project is more tiring than the animation, because you have to modify each frame, not move one or two mouse and keyboard can be done. It is recommended to back up the source files first. Of course, if you are more confident of using the smudge in the FW, let's start modifying every frame of the rice field animation.

(Note: Before modifying, all the paddy fields in each frame of the 3rd layer are flattened, that is, each frame animation has only one picture.) ）

Since the first frame of the animation is not obvious, so I looked for one of the most demonstrative frames in frame 7th. Once you have mastered the rules, you can change all the frames. OK, let's look at the image of the original animation for frame 7th, as shown in Figure 18:

Obviously, the wind-blown waves are jagged, and now we need to use the Smudge tool to make all the smooth, not soft places in the natural place. Click on the Smudge tool, as shown in Figure 19:

The use of the Smudge tool here is not wordy, if it is the first time with a few should be able to grasp, the sawtooth as far as possible to adjust to smooth, soft. As shown in Figure 20:

We can see that after the making of the smudge tool, the image becomes remarkably peaceful and smooth. Next, please follow the idea of all the frames in the image are modified, the process, can be seen on the effect of animation, one side modified. You can use the smudge color if necessary. Until you think that the animation has been very smooth and smooth, our revision work is completed.

Here, the rice fields are blown by the wind of the wave animation is complete. Thinking twice, I decided to make a gradual animation of the text. The reason is that the rice fields and the text of the animation frame number is basically fixed, limited, but the tree and cloud changes are arbitrary, unlimited. Of course, the organization of animation can also be summarized according to their own hobby.

(2) The gradient animation of the text.

In contrast, the text of the gradient animation is the simplest animation in all animations, so I will speak faster, if there is not clear, you can refer to the source file, a look at the know.

First of all, is the choice of animation, what kind of animation suitable for the logo in it, obviously, those very commercial animations are not suitable, because the animation is often because the commercial requirements too prominent text, very focused on the active painting on the text, but here, I personally hope that the text animation is not the first place to attract people , should faint silent introduction, the dreamy disappearance, when others want to see the text animation, the animation is nearing the end, so that people have to look at an animation to deliberately pay attention to the text of the animation, at the same time, the text will be valued, at this time, each detail animation can become the effect of the active painting is evident. (When I first issued this logo, many people said that my text effect is not obvious enough, but I want to ask: Is there a person can not see clearly the text?) Oh, of course, everyone to see the angle of the problem is different, it is likely that many people do not agree with my design ideas, it does not matter, this is the design, is the personality, is the creative. ）

A heap of nonsense, sorry, stadia biography, the animation of the text here is the process: from the transparency of 0 to the looming, and then to the shadow (here is the appearance of text animation). Then the text is slightly faster from the black shadow to the White shadow (from a clear transition to a dream), the last one by the way the beam disappeared.

Then consider where the text animation should begin, from the first frame? From the last frame? Do not make all animations start from the same frame, this effect is only crowded and messy, there is no sense of hierarchy. Let's look at a few other animations, clouds, leaves, paddy fields. You can find the text of the animation start frame and cloud, leaf animation relationship is little, almost no interference, then only the rice field left, here the proposal from the middle of the rice field animation start text animation, the reason is to increase the text animation buffer, it is important that the beginning of the text animation easy to ignore. Oh. I chose from the middle of the rice field animation, probably the 8th frame to start making text animation.

What to do: Click the Text tool to write the logo title in the new layer of frame 8 with your favorite font. The length is arbitrary, but it is not recommended too long or too short, at least in the frame and between the tree to a little space. The text here is Ilogo. Font is 04 font, small and clear, easy to add effect.

The transparency of the text to 20, copy. As shown in Figure 21:

Click on Frame 9, paste, change the transparency of the text to 30, copy;
Click on Frame 10, paste, change the transparency of the text to 40, copy;
......
Click on Frame 16, paste, change the transparency of the text to 100, copy;
Click on the frame 17, paste, add the text to the projection effect, CTRL + A, copy, drop the properties of the projection as shown in Figure 22:

Add frame 18 After frame 17, click Frame 18, paste, change the transparency of the text projection effect to 35%,ctrl+a, copy; (Note: It is not recommended to add many frames here at once, because in that case, the image will be offset after pasting, but if it is a frame-by-frame addition, it may not.) Personal experience. ）

After frame 18, add frame 19, in frame 19, paste, change the transparency of text projection effect to 55%,ctrl+a, copy;
After frame 19, add frame 20, in frame 20, paste, change the transparency of text projection effect to 65%,ctrl+a, copy;
After frame 20, add frame 21, in frame 21, paste;
(Note: This does not make any changes to frame 20, because we want the full typeface of the Ilogo to stop so that the person can see it at any time.) ）
After frame 21, add frame 22, in frame 22, paste, change the transparency of text projection effect to 35%,ctrl+a, copy;
After frame 22, add frame 23, in frame 23, paste, change the transparency of text projection effect to 15%,ctrl+a, copy;
After frame 23, add frame 24, in frame 24, paste, change the transparency of the text projection effect to 35%, and change the projection color from black to white, CTRL + A, copy;
After frame 24, add frame 25, in frame 25, paste, the text projection effect of transparency to 65%, and the text of the first letter "I" deleted, in the middle of the original letter with a longitudinal beam, method can draw a rectangle in the gradient color fill, here is not wordy this simple operation, the effect is as Figure 23:

CTRL + A, copy, add frame 26 after frame 25, in frame 26, paste, and delete the second letter "L", instead of a longitudinal beam in the middle, the beam on the first letter needs to be changed smaller, as Figure 24:

CTRL + A, copy; add frame 27 after frame 26, in frame 27, paste, the third letter "O" also deleted, replaced by a longitudinal beam in the middle, the second letter of the beam will need to change the smaller, the first letter of the small beam into a shorter one, as shown in Figure 25:

CTRL + A, copy; add frame 28 after frame 27, in frame 28, paste, the fourth letter "G" also deleted, replaced by a longitudinal beam in the middle, the third letter on the beam will need to change the smaller, the second letter of the small beam into a shorter little vertical line, and then clone (Ctrl + SHIFT+D), set the opacity to 80% and place it in the middle of the first letter, as shown in Figure 26:

CTRL + A, copy, and so on until all the text fades away, like--figure 27:

The last frame can be the last vertical 20% of the transparency, but also for the text completely disappeared, should be 33 frames, or 34 frames, thus, the entire text of the gradient animation is complete. We can click on the preview button to look at the effect, you may find that the text animation too fast, it does not matter, we will modify the final time in the unified revision of all animation frames. The current animation flow is OK.

Next we will make the drift gradient animation of the cloud.

(3) Cloud drift gradient animation. This animation is more difficult to grasp in all animations, so it is recommended to practice the use of smudge tools before making.

[A] clouds are drawn.

Because it is a relatively small cloud, so we simply draw their own, so it is also convenient to modify. It is mainly the use of smudge tools.

Click on the 1 Layer 3, create a new layer, select the Smudge tool, adjust the attributes, at the top of the logo randomly painting a few clouds, such as--figure 28:

(Note: Because the clouds do not generally exist on the displacement side of the fast, slow side of the situation, so we can unify all the clouds displacement speed, that is, we can put all the cloud animation on a layer, do not need each cloud on a separate layer of production.) Personal recommendation. ）

Drift gradient animation of clouds.

First, we have to consider how the clouds move, where they move, and how fast they move. Here, I recommend the clouds when the time to scatter, is irregular, because the translation of the cloud alone will make the animation tend to monotonous and flat, no soul, a little dead; as to where to move, many people will say, of course, is consistent with the rice paddies, because the wind, I do not deny the rationality of this thought, But since it is artistic creation there will be different from the reality of the place, here is the assumption that we do let cloud from right to left in the direction of the wind-blown paddy field, then you will find that the entire center of gravity of the animation to the left, lost the balance of beauty, although there is the animation of the leaves to match, but the consistent animation obviously makes people have the feeling of repetition On the other hand, is it really counterintuitive to let the cloud move from left to right? The answer is: No. From the surface, the cloud appears to be horizontal from left to right, but what if you think it's not just a plane? So is it possible that the possibility of such a visual phenomenon is that the cloud is drifting from the far end to the near? But the route is not a right angle. If, for example, we can look at a diagonal in a cube from a different perspective, you'll see that the length and angle of the slash are different from different angles. So, let's go back to the clouds and paddy fields Here, just imagine that the paddy fields are blown from the right to the left, and the clouds are drifting from far away, and there is no contradiction. Since this contradiction is not, so beautiful, the nature of the movement in different directions can enrich the performance of the subject.

Second, we need to specifically operate the cloud drift gradient. (If the following changes to the cloud are not very clear, you can view the source file.) ）

(Note: This is the cloud drift + gradient, which can be seen as a combination of two animations.) Because drift is only the image of the cloud displacement, and the gradient is the quality of the image changes.

Copy the bitmap of the cloud in frame 1, and then point to frame 2 layers 3, paste. Translate the bitmap of this cloud to the right one. Then copy the bitmap of this cloud.

Select Frame 3, paste, click the Smudge tool, and change the shape of the cloud to see if you want to use the smudge color. And then copy the clouds. (Note: As you can see, from frame 1 to frame 2, the clouds are just shifting, and from frames 2 to frames 3, the clouds only change the shape, and here the reason is from frame 1-frame 17, is the paddy field of the wind-blown animation, and we obviously want the movement of the cloud is slower than the near animation, so the cloud animation in the field and the animation coincide with the film made 1/2. Wait for the animation of the Paddy field, and then return to normal changes. ）

Select Frame 4, paste, move cloud one grid to the right, copy;
Select Frame 5, paste, modify the clouds with the smudge, copy;
......
Select Frame 17, paste, smear and modify the clouds, and at the same time put the clouds to the right one, copy;
Select the remaining frames to be made in the order described above: simultaneously modifying the clouds and displacements.
......
Until the last few frames, such as frame 29th or 30, note that the gradient and displacement of the cloud will gradually move closer to the first frame, and if not, the recommended method is to reverse the change of the cloud in the final frame.

Here, the cloud drift gradient animation is basically completed, we should pay attention to the methods and techniques to modify the cloud, where the individual play different, the effect is different, is not a standard. As long as the image on the line, frame time control can be adjusted to the final.

Below we will make the tree and the leaves of the animation.

(4) The animation of trees and leaves.

First select frame 1, add layers on the Layer 3 's Paddy bitmap, and then import the image of the tree, or modify it elsewhere to copy it.

[A] the production of big trees.

We can find a more suitable tree image from the material. Requirement is like a tree (nonsense!) It's not a small tree or pine, or a normal sycamore tree, or any tree you like for decades, I don't recommend maples, red or orange, which may displace the whole logo, or simply nothing. Personal feeling. Here give a look, such as--figure 29:

Next we're going to change the tree:

The first is to intercept the tree, please use the edge feather, especially the root, and together with some grass and land, so as to join the rice paddies more natural, and not to make the tree stuck in there like a scarecrow.

The second is to adjust the tree to the basic balance on both sides of the weight, but can not use replication, which is more false, it is recommended that a small number of interception after the horizontal flip to complement the opposite of the different horizontal lines. Then make the trunk thicker to increase the age of the tree and make the trunk more upright. Remarkably solid and sedate.

Then please adjust the tree saturation, and hue (my hue is 2, saturation is 80.) Sorry, it's my logo. ￥%......x※) operation Reference--figure 5. (Note: Here special attention to the saturation of the tree slightly yellow to match the mood of autumn.) ）

The final is to narrow the appropriate position in the logo, in this logo, nature is the right side.

(Note: For people to see from the gaps in the trees: the sky, the hills, the paddy fields on the left, the paddy fields on the right.) Especially the trees and hills between the sky and the lower right rice paddies, recommended must be exposed, extremely enhanced image of the delicate beauty and texture. At least I think so. ）

Now get the image, such as--figure 30:

The space of the red circle in the picture is to pay special attention to the empty. The reasons are as follows: The top of the white clouds will be left to the animation to prepare, a left in the middle of the white is to make the leaves of the wandering animation more clearly, the lower right white is to make the rice field animation more real and perfect, increased the animation of the delicate degree and texture.

Of course, the above is only my personal opinion, you can also play or modify yourself, million change in the end.

The leaves of the animation production.

First of all, we need the leaves, not much, the entire animation of about 3-5 pieces enough.

If you follow the common sense, we are to draw a leaf or find a leaf and then shrink, but if you do so, you will find that when you really shrink the leaf shape to the appropriate small, it is nothing. My advice: Use a pixel picture. In more detail, it's a pencil or smudge. But soon you'll find that the edges of the leaves are not very lifelike, so I'm just going to show you how to paint with a pencil.

Click on the pencil (if you don't know what the pencil is, see-figure 9), in the frame 1 middle 3 of the tree layer to create a new layer, and then a few points together, the shape is basically unlimited, can be small, color can be taken from the tree body, to have yellow, green, dark. (The reason is that in the later animation we will adjust the rotation of each leaf angle to show the leaf in the process of tumbling and reflective feeling.) ) as--figure 31:

Here for the moment do not show the tree for a clearer view, this figure magnification: 800%

Well, now that we know how to add leaves, then we can continue to add the leaves in frame 1 near the tree, or in the second frame to add other leaves (note: Regardless of how you add the leaves in frame 1, how many, the position is more casual, but remember to complete all animation frames in the future, Check to see if the animation with the most frame is consistent with the first frame. I recommend starting from frame 1 gradually add deciduous, to extend the animation buffer. ）

Below, we will specifically operate the falling leaves of the wandering movement.

There are a few points to note:

The deciduous leaves move only one grid relative to each frame, or left, or right, or bevel. This does not want to animation too fast, slow to feel. The direction of falling leaves should include, the sky, Hills, paddy fields, land. The fallen leaves come from every part of the tree. The color of the leaves is different, the size is different. Please rotate the blades in different frames, at random angles. A final note of detail is that if this frame also has the rice field is blown by the wind of the animated image, please take the direction of the fallen leaves appropriate to do downwind adjustment.

The specific actions are as follows:

From frame 1 to frame 16, the leaf's wandering and changing shape are like clouds, moving only one leaf, excluding oblique shifts, or just changing a little shape, starting with frame 17, moving the leaves one time to move 2, or a diagonal shift. Notice here that the last frame and the first frame of the leaf-falling continuity.

So far, the entire logo production part of all completed, ~~finally Ah!

Third, modify-from the time to modify the global frame to the details of the image adjustment, as well as the final image preservation.

[A] My logo sets the frame time: Frame 1-frame 16:7, frame 17-frame 33:15.

The trick is to keep the frame as long as possible, but at the same time maintain maximum animation consistency. Here because we have taken into account some of the animation of the 1/2-beat production, the next time you need to plan ahead.

The details of the image are adjusted. This is mainly for the two frame adjustment, so that the two frame as far as possible natural transition, if necessary, may also modify other adjacent frames. In short, you look at the image preview when you find any unusual problems are all modified here, many people may ask, how do I know the animation is the best, or is it in place? My answer is: more observation, more accumulation, more study. Your grasp of the animation will be the same as your animation slowly transition to the perfect. Oh.

[C] about the preservation of the image. Because I also just learn FW, so only know to use the Export Wizard to save the image as a GIF, otherwise the animation may be exported will not move, or incomplete. Then there is the use of ACDSee browsing may be distorted, but put it in the Web page is good, this is the normal phenomenon.

When you have all the details changed, you can turn on the music, hold the coffee, and lean on the chair to enjoy your work.

"Written at the end":

My first tutorial on logos was finally done on and off, although wordy has million words, but personal feeling very rough, many operational aspects can be completely do not understand the new FW, but the latter part of the requirements of the production of FW is familiar with a tool, is really a failure ah! However, fortunately, the logo of the technical production is very simple, mainly the idea of co-ordination.

There is not to do this tutorial to let everyone mechanically, the main idea is to open up it, I can not say that this logo more creative, how perfect and so stupid words, but please remember: when you appreciate a piece of work, in the process of thinking about its production methods, please do not ignore the production of its source- How can you think of doing that? Hope everyone can analogy, in the near future, can put their own unique creativity into excellent works, and then let us enjoy and learn together, and enjoyable ah ~~! Oh

The last thing I think about is that I've never done a tutorial before, and now I've found that making a tutorial is no better than making a simple one, especially a good tutorial, and I just want to express my heartfelt admiration and gratitude to the seniors who have done the tutorial on ownership.