2 ways for fireworks to make fade-line effect

Source: Internet
Author: User

A lot of people ask about the method of making the fade line, in fact, the approach of the fade line is very simple, in general there are two methods:

One, the rectangle fills ...

Rectangular procedure one, suitable for most situations:

1. Use a rectangular tool to draw a rectangle with a high pixel.

Figure 1

2. Select the linear fill in the panel, the specific adjustment is as follows:

Figure 2

Panel Explanation: You can see that the top has two rows of arrows. which

One line of this sign is transparency.

One row of this sign is color.

Add a new arrow by clicking on the top and bottom panel ....

With such a gradient, you get the following effect:

Figure 3

Rectangular procedure Two:

If it is a monochrome background, you can consider the direct selection of color arrows in the two ends of the background color, the middle for you need the line color, simulation transparency effect.

Extended:

1. The rectangle does not necessarily require a height of 1px and can be adjusted arbitrarily.

2. Padding does not necessarily have to be linear, if you need more results, you can consider using other gradient methods to try.

3. By adjusting the fill handle, you can easily control the fading direction ...

Figure 4

4. By looking carefully at the effect of the gradient, the smart person should be able to see immediately that the firework rectangle is not pure vector, in fact, it is still pixel ...

With the combination of rectangle fading, we can easily create the following effect PNG source file:

Figure 5

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.