Good night, for bloggers and readers all, I have long not brain-tweaking and posting articles about photoshop. Well, ... On this occasion again I will try to share a little science on How to Make Animated GIF With Photoshop CS6.

Image Animation is a stirring image formed from a set of objects (images) which are then arranged regularly to follow the flow of movement that has been setup in such a way by using the count of time that occurred. The animated images can be GIF of humans, animals, and with writing.

In a well-known language animation maker is often called the animator, as for the tools used can vary, either coreldrow, or with photoshop application program. The most commonly used animated image storage format is gif format. The GIF below is an example of an animated image that I created successfully with photoshop CS6.

gif-animasi

Steps to create animated images with photoshop.

Examples of animated images above I created by combining 4 images with the same image size. If you are interested to try it, first of all you have to prepare is a type of image of the same size, for the amount can be tailored to your liking.

Ok, now straight to the way.

Step One: Open your photoshop app, then create a new worksheet by clicking file -> New (Ctrl + N). For the size can be adjusted because later can also be cut adjust the conditions, see GIF below.

How-to-Make-Animated-GIF-With-Photoshop-CS6

Step Two : After the width of work is created, now is the time we insert the image we will make animated image. How to click File -> Place -> Select your GIF, then right click on the image that has been entered in the worksheet and select Place. (Repeat to insert another image / Let all the images stack and look only the last one)

How-to-Make-Animated-GIF-With-Photoshop-CS6

Step Three : After all the images we will create the animation in, it is time to make the image into an animated image. How to click Windows, then select timline, so it appears Timline under worksheet photoshop.

How-to-Make-Animated-GIF-With-Photoshop-CS6

Step Four : Now it's time we set the display time animated image. How to click on the timeline, set how the time of rotation of the image later. Here I use 5 seconds.

timeline-photoshop

Step Five : After the time we set, then duplicate the image up to 12 times. How to click Duplicates selected frame as much as 12 times.

timeline-photoshop

And finally it becomes as follows

timeline-photoshop

Step Six : This step is the last step where we will bring up the image that was stacked to be animated.

How to View Layer Menu :
  • Click on the timeline image 2, then remove the eye mark on image 4 on the layer.
  • Click on the timeline image 3, then remove the eye marks on the 4 and 3 images on the layer.
  • Click on the timeline image 4, then remove the eye marks on the 4 and 3 and 2 images on the layer.
  • See the picture below. (Repeat for figures 6, 7, 8, 10, 11, 12.

timeline-photoshop-cs6

After finished the way no 6, please check through the play button, whether your picture has been working or not, if not means there is a mistake, please ulanggi again step from the beginning.

Image storage is in gif format, please press Ctrl + Shift + Alt + S simultaneously then save. Similarly How To Make Animated Moving Images With Photoshop CS6, simple that I can share on this occasion. Good luck, hopefully useful.

How to Make Animated GIF With Photoshop CS6

Good night, for bloggers and readers all, I have long not brain-tweaking and posting articles about photoshop. Well, ... On this occasion again I will try to share a little science on How to Make Animated GIF With Photoshop CS6.

Image Animation is a stirring image formed from a set of objects (images) which are then arranged regularly to follow the flow of movement that has been setup in such a way by using the count of time that occurred. The animated images can be GIF of humans, animals, and with writing.

In a well-known language animation maker is often called the animator, as for the tools used can vary, either coreldrow, or with photoshop application program. The most commonly used animated image storage format is gif format. The GIF below is an example of an animated image that I created successfully with photoshop CS6.

gif-animasi

Steps to create animated images with photoshop.

Examples of animated images above I created by combining 4 images with the same image size. If you are interested to try it, first of all you have to prepare is a type of image of the same size, for the amount can be tailored to your liking.

Ok, now straight to the way.

Step One: Open your photoshop app, then create a new worksheet by clicking file -> New (Ctrl + N). For the size can be adjusted because later can also be cut adjust the conditions, see GIF below.

How-to-Make-Animated-GIF-With-Photoshop-CS6

Step Two : After the width of work is created, now is the time we insert the image we will make animated image. How to click File -> Place -> Select your GIF, then right click on the image that has been entered in the worksheet and select Place. (Repeat to insert another image / Let all the images stack and look only the last one)

How-to-Make-Animated-GIF-With-Photoshop-CS6

Step Three : After all the images we will create the animation in, it is time to make the image into an animated image. How to click Windows, then select timline, so it appears Timline under worksheet photoshop.

How-to-Make-Animated-GIF-With-Photoshop-CS6

Step Four : Now it's time we set the display time animated image. How to click on the timeline, set how the time of rotation of the image later. Here I use 5 seconds.

timeline-photoshop

Step Five : After the time we set, then duplicate the image up to 12 times. How to click Duplicates selected frame as much as 12 times.

timeline-photoshop

And finally it becomes as follows

timeline-photoshop

Step Six : This step is the last step where we will bring up the image that was stacked to be animated.

How to View Layer Menu :
  • Click on the timeline image 2, then remove the eye mark on image 4 on the layer.
  • Click on the timeline image 3, then remove the eye marks on the 4 and 3 images on the layer.
  • Click on the timeline image 4, then remove the eye marks on the 4 and 3 and 2 images on the layer.
  • See the picture below. (Repeat for figures 6, 7, 8, 10, 11, 12.

timeline-photoshop-cs6

After finished the way no 6, please check through the play button, whether your picture has been working or not, if not means there is a mistake, please ulanggi again step from the beginning.

Image storage is in gif format, please press Ctrl + Shift + Alt + S simultaneously then save. Similarly How To Make Animated Moving Images With Photoshop CS6, simple that I can share on this occasion. Good luck, hopefully useful.

No comments:

Post a Comment