Early Fireworks flash word tutorial, miss by the way

The early Fireworks flash word tutorial was transferred to CSDN today, and I miss it, Fireworks has disappeared from the Adobe suite. I don't know what do you use to deal with simple gif pictures now?

The main skill of Fireworks to make flash character animation is the use of layer mask. We can also use ImageReady, Flash and other tools to achieve flash character animation effects. The basic principles are the same. Readers can draw inferences from one another and learn by analogy.

Effect picture:
Insert picture description here

  1. First, we select the background as black. Then enter the text and fill it with white, pay attention to adjust the space between the text.
    Insert picture description here

  2. Select the font and convert it to a path file.

Insert picture description here

  1. Make a few more adjustments to the interval.

Insert picture description here

  1. The copied layer is changed to black, and the translation is performed to show a three-dimensional effect.

Insert picture description here

  1. Copy the text again, and use the partial selection tool to select the path to fill in the color. Color according to your preference

Insert picture description here

  1. Use the rectangle marquee tool to draw a rectangle filled with white and feather 10 pixels. The rectangle is best placed above the text.

Insert picture description here

  1. Next, the animation operation process is about to be carried out, because considering that only the first layer of pictures has an animation effect, the other two layers can be shared layer operations. We click the button on the layer panel to create a new layer.

Insert picture description here

  • And tick this share layer:

Insert picture description here

  • Drag the layer to be shared into layer 2 and place it under layer 1.
    Insert picture description here
  1. Then click on the frame panel and select Reset Frame, which is to copy the same frame.
    Insert picture description here

  2. Select the second frame, cut the white feather rectangle, select the top layer that needs to be animated, and use edit-paste inside to see... the effect has come out, but the important thing is that this is just the beginning.
    Insert picture description here

  3. Let's look at the layer panel again, click the lock option, and then select the mask.

Insert picture description here

  1. Use the pointer tool to select the feathered rectangle in the graph, and use the <– direction keys of the keyboard to move to the desired position.

Insert picture description here

  1. Select the second frame and reset another frame, please follow step 8.

  2. Repeat step 11, moving the white flash effect frame one frame back, and so on for the next few frames.

Insert picture description here

  1. Here to make a transition, copy the first frame and put it to the last frame as the final summary, and adjust the waiting time.

Insert picture description here

  1. The last is the export effect. Let's choose the file export wizard. If the color of the picture is better, choose 256 colors. The default is 128. Just set it and click Export.

Insert picture description here

  • The final effect after exporting in Fireworks is as follows:

Insert picture description here

Guess you like

Origin blog.csdn.net/no1xium/article/details/108335146