PhotoshopCS3 Tutorial: creating a color-changing GIF animation-PS tutorial

Source: Internet
Author: User
As far as the production method we have learned, it is sufficient to meet most production requirements. In this lesson, we will learn some skills that can add more results to the work. these skills should be based on previous courses. Therefore, it is necessary to thoroughly master all previous courses. These skills include special layers, acceleration and deceleration, motion blur, and text deformation. We also hope that the production methods we have learned can meet most of the production requirements. In this lesson, we will learn some skills that can add more results to the work. these skills should be based on previous courses. Therefore, it is necessary to thoroughly master all previous courses. These skills include: Special Layers, acceleration and deceleration, motion blur, text deformation. I hope you can summarize your production skills and share them with others.

In Photoshop, animation projects include layer positions, layer masks, layer opacity, and layer styles. In the basic tutorial, we learned how to adjust color layers and fill layers. This type of layer has special characteristics. the former does not directly produce images, but makes color adjustments for the lower layers. Although the latter generates an image, it is a "virtual pixel" and can be changed later. Now let's take them as animation services to see what they will do. Click here to read about the color adjustment layer. Click here to read the filling layer content.
The color adjustment layer is easy to use and can be used to produce the effect of color changes. These effects can be from light and shade changes, gray changes, inverse equality. The implementation method is also very simple, that is, first establish the color adjustment layer and make relevant settings, and then make the opacity of the adjustment layer as an animation. The following animation examples show how to darken the curve, brighten the curve, map the gradient, and reverse the curve. To change an image to grayscale, you can use the gradient ing or the color saturation.

Note that because the pixels between the front and back frames are mostly different, the animation occupies a large number of bytes. At this time, try to reduce the number of frames, frame rate, or reduce the animation size to balance. In addition, you can create a mask for the adjustment layer to adjust the color of a specific area.


Sometimes there may be dramatic changes. The so-called drastic changes can be either the sharp movement of pixels or the dramatic changes in colors, which can be used to achieve dramatic changes in colors. Through the previous example, we found that the effect of making the reverse phase into a transition is not good. after the transition effect is closed, a drastic color change can be formed. This can be achieved through two methods. one is to set the frame to reserved interpolation. Second, there should be no gaps between two key frames, so it doesn't matter whether the transition is successful or not.

It should be noted that the second method is not feasible for modification later. If the frame rate is increased in the document settings, a new frame will be inserted between the two key frames in the original tight arrangement, so that the transition effect will appear. Therefore, this method is not recommended. The first method should be adopted.

Now you can create this animation on your own. Click here to download the sample package. The package contains material images and the PSD of finished products. do not open the PSD file and try to analyze and make it by yourself. After that, refer to the sample PSD file.


This example shows how to use the reverse adjustment layer. First, the black meteor falls. the meteor is a straight or vertical line drawn with a paint brush with a gradual step, and then rotates it to 45 degrees (angle can be customized ), then, the sky section except the building is created as a mask. After removing the mask link, you can move the meteor separately and block the building. There are no technical difficulties in the subsequent reverse switching, so we will not explain it any more. For how to create a mask, see the basic tutorial on layer masks.

It should be noted that the last fade-out uses the color phase saturation adjustment layer. The difference is that the fade-out effect is black rather than the previous fade-out effect. When using the adjustment layer to make fade-out, it is best not to use the curve or brightness contrast, because the two color adjustment commands cannot completely turn the screen into white or black, the color saturation command can be used.

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.