How to adjust a gif map using Photoshop

Source: Internet
Author: User
Tags transparent color

In contrast to static graphs, GIF animated images make your design work more appealing to people's eyes. This issue of foreign quality translation tutorials with you to learn three ways to adjust the GIF animation diagram in Photoshop.

Open a GIF dynamic diagram with Photoshop CS5, CS6, or Creative Cloud version, select Window > Timeline or window > Timeline in the main menu bar, and select Window > Layer in the main menu bar

  First, adjust the layer

On the Layers panel, select the top layer and click the Adjust Layer button to add the adjustment layer.

Figure 01

Selecting the adjustment layer, adjusting any changes on the layer will affect the frame and layer effects below.

Figure 02

Try different adjustment layers to achieve the desired adjustment effect. This will greatly change the color and contrast of the whole dynamic graph. When you need to save after the adjustment is complete, select File > Save as Web format. Select the GIF format and the number of colors you want to output. Make sure that the transparent color, matte, and animation options are set correctly. Click Save as a new file.

Figure 03

Original

Figure 04

Adjust effect

Figure 05

  Two, blending options

Click the all frames in the Timeline window and click the Delete button.

Figure 06

Select the lowest-end layer on the Layers panel and click on the FX button to select a blending option.

Figure 07

Apply the blending options you want to the layer you just selected. The color overlay blending option, as shown in the following illustration, allows you to select a projection, stroke, or multiple effects overlay as needed.

Figure 08

When you are sure that the bottom layer applies a layer style, right-click the thumbnail and select Copy layer style, select all layers, and right-click to select Paste layer style. All layers will apply to the layer style that you just set.

Figure 09

In the timeline or animation panel, click the upper-right corner and select "Create Frame from layer" to convert each layer to a separate frame.

Figure 10

Select all frames, right click on the small triangle, select "Other", set a delay of 0.03 seconds fps playback.

Figure 11

When finished, the previous action is stored as the web format.

Original

Figure 12

Adjust effect

Figure 13

Three, by frame production

Animating by frame is a time-consuming activity, but with great flexibility. Because the GIF dynamic diagram consists of a series of patterns, each pattern can be handled differently, creating the desired effect.

In the animation or Timeline panel, select all the frames, click the Trash icon, and delete all frames. In the layers panel, apply a color halftone to each layer.

Figure 14

In the timeline or animation panel, click the upper-right corner and select "Create Frame from layer" to convert each layer to a separate frame.

Figure 15

Select all frames, right click on the small triangle, select "Other", set a delay of 0.03 seconds fps playback.

When finished, the previous action is stored as the web format.

Figure 16

Original

Figure 17

Adjust effect

Category:
    • PS Getting Started Tutorial

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.