Using Photoshop to create the animated GIF animation of the beam circling the characters

Source: Internet
Author: User

The effects of light around the characters are often used, but it takes a certain skill to make them dynamic. After the surrounding part of the beam is done, remove the backlight part. Create a new layer, use the gradient tool to pull a desired color to a transparent linear gradient, pull out the beam's selection to add a layer mask to the gradient layer, and then set the animation, just move the gradient from the bottom to the top, and then set the transition.
Final effect

1, open the material picture, adjust picture size "> Picture size, do gif animated pictures should not be too large, otherwise uploaded to the network album will not move."

2, with the Pen tool, to the character as the center, tick the following path.


3. Create a new layer, point the brush, select the first pen, the path strokes 1 pixels.


4, adjust the brush again, set as follows.



5, after the adjustment with the 3rd step, the path strokes, get the following results.


6, look at the line, the characters from behind the line selected to delete.


7, the line after the effect of good.

8, line layer, hold down the CTRL key, the left mouse button click on the line layer (transparent box), you can load the line into the constituency. Then click the Add Layer Mask button below the panel.


9, the new layer, the bottom of the box selected One-third fill the gradient, gradient color determines the color of the line.


10, the gradient right transparency is 0.


11, the upper end of the gradient slightly blurred, do not look too sharp. Method is to select the upper part of the box, feather 5,detele.

12, line layer, point to remove the link with the mask, the mask with the mouse dragged to layer 2. Select the gradient layer, you can adjust the color, outer glow and other parameters, I will not do it.

13, bring up the animation panel, with the Mobile tool, point Layer 2 before the gradient, with Fang downward, until the line is not visible.

14. Animation panel, copy the current frame (the button on the left of the Trash Can), with the Move tool, hold down the SHIFT key and move the layer 2 gradient straight up until the line is not visible.

15, select the first frame, and then point over (the second button in front of the garbage Can), enter the value of 40-70 between, point to determine.


16, point files-stored in the Web format, the following image is the GIF settings. Check the transparency to make the file smaller.


Final effect:

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.