Photoshop to make a simple GIF animation picture making tutorial

Source: Internet
Author: User
To the users of Photoshop software for detailed analysis to share a simple GIF animated pictures of the production of a tutorial.
Tutorial Sharing:
First look at the effect:

PS there is an option to do a GIF map, to set their own

PS Each version is not the same, this is PS5, you can try each of the workspace window out of the following page is like this
Start work:
1. Select Create frame animation, click

2. The interface is like this, this is to do the standard GIF animated map interface

3. Layer, the fixed background picture (the background of the processing of white space to fill the blank), moving the eyes of a piece, the idea is to hope that the eyes in the orbit along the edge around a circle, copy eye eight layer as a moving map use

4. The preparation of the pictures are ready, now set some hope that the animation can do the settings:
Picture first transition second picture time setting, in frame animation left that picture 0 seconds there set to 0.5 seconds

Hope that the picture can be moved all the way, directly in the selection loop set to Forever

5. Make a picture, first add frame animation, is to move the meaning of several pictures, choose to copy frame pictures

6. A eight action, wow click. First frame please look at the frame picture and corresponding layer, to display the picture choose good

7. Second frame, please see the corresponding picture of the second frame, choose a good display of the picture and the position of the eye, a frame of a moving picture, do not mix together, as the first frame with the moving eyes hidden away

8. Third frame to see the corresponding picture of the third frame, choose a good picture and the position of the eye, the first frame and the second frame to move the eye layer hidden, and so on, the following are treated

9. Completes the frame animation, uses the play animation to see the effect processing detail

10. Save in the Web format, be sure to choose a good GIF format

11. Finished, this is GIF format slightly

—————————————————————————— a low-key line.
There is also a direct system to do a small range of action, but only a straight line in the direction of
1. Come out frame animation interface, first copy a layer of frame animation, give the second frame of the eye to do a you want it to where the placement, want to move the eyes faster, here is 0.1 seconds set, and then click the Transition animation frame, select the frame number

2. I did an eye up and down the animation, the first frame of the eye at the bottom, the second frame of the eye in the most, the transition after five frames can see the transition picture is the first frame and the second frame between the transition frame five frames, the transition frame of the eye moved position is right

3. Save-web-gif Complete, this is GIF format slightly

Well, the above information is small to give you photoshop this software users to bring detailed to do a simple GIF animated pictures of the production of the entire content of the tutorial to share, you see the users here are now very clear method of it, Then you will go to the small series of tutorials to make their own.

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.