Fireworks make space surround text animation

Source: Internet
Author: User
Tags format key
A circle of text around the axis of rotation, is not feel like a flash effect, oh, in fact, fireworks can be easily produced.


Production method:

A new file (file->new) sets the canvas size to 500*500 and the canvas color to white.

Second, select the tool panel in the Text tool, in the text editor input the following text, where I entered five donger English letters, each Donger selected a different color. If you need to do another effect, you can enter the text and color you want. Click OK button to confirm


Third, select the tool panel in the Oval tool, draw a circle on the canvas, open the Info panel set the W and h values for this circle are 128 respectively. The fill and stroke of this circle can be set arbitrarily or without padding and strokes.

Hold down the SHIFT key with the Pointer tool, select the two objects, and use the menu text->attach to pash command. Arranges the text by path. Look at the picture below.

At this point, the text arranged by path is in the selected state. Press the F8 key to set the animated name to text in the pop-up Symbol Properties window. Type is animation, click OK button to confirm.

Six, in the immediately jump out of the window to make such a setting: Frame (frame): set to 12 frames. Rotate (rotation angle) is 330. Click the OK button and click the OK button again in the Warning window immediately following the jump.

Seven, such a text rotation animation is done, if you want to see the effect, you can click the status bar in the White play key to preview.

It's not over yet, we're going to go down.
Eight, open the Frame panel, point below the figure with the Red pen circle out of this button, in the bounce out of the panel so show all frames and multi-frame editing in front of the hook, if the front is not hooked, click the option on it. The contents of all the frames are displayed, overlapping, and looking at the image below.



Select the tool panel's deformation tool (the tool that is circled by the red pen below), and move the middle point in the lower part of the square shape box to the right to the position shown in the following figure. The resulting graphics are as follows

Open the Layers (layer) panel and click on the leftmost button (like a yellow folder) below the level Panel two times. Two new layers will be created at this time, all above the layer1. We drag the Layer2 to the bottom of the Layer1, the way: to catch the label of the LAYER2 layer and drag it down to the Layer1 below.

Xi. Select the Layer2 layer. Select the Rectangle tool in the tool panel, draw a rectangle in the position below, open the Info panel and set its W to 20,h 128. In the Fill panel, select a fill type of linear, fill the color click the Drop-down menu, select Blue,yellow,blue, the following figure.

12. Use the Pointer tool to select this gradient-changing rectangle, press the shortcut key ctrl+c,ctrl+v. Copy the same rectangle, select menu command modify->transform->rotate 90, rotate 90 degrees, and place in the figure below.

13. Select Layer3 in the Layers panel. Press CTRL + V, paste the gradient rectangle that you just copied, and use the Pointer tool to move to the position shown in the following figure. Because Layer3 is at the top of the current level, it covers the text layer on top of all objects.

14, double-click the layer tag, in the pop-up dialog box select share across Frames, so that its front has a hook, the expression layer share. Click the OK button in the FIREWORKS4 Warning window immediately following the jump out. Use the same method to share the Layer2.

In the frame panel, cancel the display of all the frames, you only need to choose no Onion skinning on it.

Well, the animation is finally finished, you can adjust the speed of each frame in the frame panel, if the feeling is satisfied with the speed can also be directly output. By using the menu command File->export Preview, in the Output dialog box, format (format) selects the animated GIF (animated GIF) to export to the specified directory.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.