How To make an Animation GIF in Adobe Photoshop CS6 Tutorial

Published: 08 December 2016
on channel: Md. Abdullah al Mamun
5,496
43

1. Today I goanna show you, how can you create animated gif using adobe Photoshop like this,

2. Here, I have used a football image to animate it.

3. First you need to remove background for this image. You can use magic eraser tool to remove the background image.

4. Now i want to create a viewport to animate this image.

5. I have created a new file which name i would like to give, football animated gif and which width is 2000px and height is 2000px and resolution is 200pixel/inches

6. Now take the football image in this main file.

7. You can freely move this football image as you like.

8. For the work purposes you can placed a scale center of the viewport horizontally and vertically.

9. If you want then you can change the football image dimension using the Edit, transform, Scale.

10. Here you can freely change the football dimension as you like best.

11. Now go to windows, timeline to show the animation timeline for this image.

12. Place the football where the animation will be started.

13. Now create a new frame.

14. Place the football where you would like to see it in next time.

15. Now select the both frame pressing ctrl and click the tweens animation frame.

16. Now tween dialog box will be open and here you need to select the value how many frame you would like to see between two frames. See the timeline all of the frames is already created.

17. If you play this then you can see the all of the frame is appear one by one.

18. Next duplicate the last frame according to the last frame.

19. In the last frame, you should the placed the football final position.

20. Now select the last two frame and click the tweens animation frame.

21. I have input the value 10 as frame to add between two frames.

22. Now play the animation to animate this football.

23. it’s time to save it as an animated gif.

24. There is various format of animated for this image. You can choice anyone from here.

25. Select the animation for this image at once that means this file will be animated only one time.

26. You can select this animation as infinity loop by choice forever.

27. You can select the custom looping options by using other. Here you can set the number to play this animation.

28. I would like to select this animation as infinity loop, that's why i have selected looping options forever.

29. Now save this animated gif.

30. Open the animated gif in your browser and hope you enjoy.


Hope you enjoy and please like, share and subscribe our YouTube channel. And please like our Facebook page, follow us on twitter. Thank you.

Visit our website,
https://www.techntuts.com/

Like us our facebook page,
  / techntuts  

Follow us in Twitter,
  / techntutsplus  


Watch video How To make an Animation GIF in Adobe Photoshop CS6 Tutorial online without registration, duration hours minute second in high quality. This video was added by user Md. Abdullah al Mamun 08 December 2016, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,496 once and liked it 43 people.