Fireworks make border dotted flow small animation

Source: Internet
Author: User
Tags dashed line

In many places we can see the following border dotted flow small animation, smart cute. Next we use fireworks to make one.

Step one, create a new 88*31 blank picture, the background color is white.

Step two, select the line segment tool and pull out a line (horizontal) that is 88 long.

Step three, select the stroke of the line pencil, 1 pixels, the texture is Grie5 100%, this line creates the effect of a dashed line (you can also make the dotted line by using the command plug-in for fireworks-this plugin needs to be added). As shown in figure:

Step four, select the dashed line that you just made, press CTRL + C to copy, and then press CTRL + V 3 times to paste, so that there are 4 such dashed lines, two of which rotate 90 degrees, to become vertical dashed lines, 4 dashed lines (2 horizontal 2 vertical) are placed on the 4 sides of the graph respectively. (Adjust the stroke size of the segment if you cannot display the dashed line after rotating) as shown:

Step five: Click on the Frame panel under the Add a hardwood, copy the first frame of all the line to the second frames, and then fine-tune the intersection of four sides of the dotted line position, so that 2 frames are different. As shown in figure:

Step Six: Select the file in the Menu-> Output Wizard, by default, finally select the output preview of the animated menu, the 2 frames are selected, adjust the speed of not frame 15, the output becomes GIF animation, as shown:

Complete the instance:

OK, a border dotted line moving logo is done, is it easy? Similarly, this is the General animation logo production basis, I hope we extrapolate, to make a variety of effects.

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.