A tutorial on fireworks making text Searchlight effect example

Source: Internet
Author: User

we can often see some of the use of flash text mask effect of the tutorial article, this effect with fireworks can also be done, and can generate GIF format small animation. Below, let me guide everyone step by step with fireworks to make text searchlight effect.

1. Click "File>new" to create a new file and set the background to black.

2. Click on the tool surface version of the Oval tool, with the mouse on the new canvas drag an ellipse, the ellipse's fill color set to "None."

3. Click on the tool surface version of the Text tool, in the pop-up Text Editing dialog box input text, where we enter "Tanzhaodeng", the text color set to white.

4. Click on the selected text with the mouse, press the "Shift" key, and then select the ellipse just drawn, then click Text>attach to Path, the text is pasted to the path.

5. Select Window>frames, open the frame panel, and then click the small triangle in the upper right corner of the frame panel with the mouse, select "Duplicate Fram", in the frame number of the pop-up dialog box, enter the Number 10, and select "After the current frame", This copies the original frame into 11 frames, and the first frame is still selected with the mouse.

6. Select Insert>new Symbol, create a new component, name the new component in the pop-up dialog box, select "Graphic" in "Type", and click "OK" to eject the component editing window.

7. Double-click the Polygon tool in the toolbox, set the number of edges in the Polygon Setup Panel to 3, and then drag the mouse in the component editing window to draw a triangle. Fill the triangle with white, with transparency set to 30, and then adjust it to a slightly smaller angle triangle with the transform tool in the toolbox, as shown in Figure 1. This component is complete.

8. Close the Component dialog box and return to the canvas, and you will see that the new component appears in the artboard as well. Copy one of the same components in the canvas and then use the transform and rotate tools to adjust them to the position shown in Figure 2 respectively.

9. Press the "Shift" button, select two components at the same time, select the Modify>symbol component, click "Tween Instances", pop-up dialog box, in the "Step" entry 9, select the following column, click "OK".

10. Then press the "Shift" key, select the text and the entity, select Modify>mask Group, click on the command "Mask to Path", thus forming a mask group.

11. Select the second frame in the frame panel, and then create the mask group like the steps above. Create a second frame, and then create a mask group for each frame, until the last frame is completed.

12. Select all the frames at the same time on the frame panel, click the Small triangle in the upper right corner of the panel and select "Duplicate Frames" to copy all the frames to the following, using the mouse to move the newly copied frames so that they are in the opposite order of the previous frames. This will allow the searchlight to fire back and forth automatically.

13. Next, adjust the time of the pause frame as needed, double-click the frame you want to adjust, and enter the number in the pop-up menu, where we enter 300 and the default is 3 seconds.

Well, even if it's all finished here, now you can preview the text searchlight effect by clicking the play button below the canvas.

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.