Now that each frame in our animation has been loaded as a separate layer in one Photoshop image, we can use the Animation window to successively turn each frame on, then off.
1) Select "Window" -> "Animation"
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOWxIRUVxx6eSXidmLDg-E-HoQZtLzh1fom0hBv8N-ZoGnWac02xG6o2vb7DGIUyakHLCXBQYnXkvxRV07V7g7_A3nM8NGY4MN-_0LDZ4FMMYBEFu0HZYmn8_vZipmweDkbiCUDmRpc3aa/s1600/Screen+Shot+2015-04-24+at+5.23.09+PM.png) |
The Animation window will keep track of each frame of your animation. |
2) Turn off the visibility of every layer except for the bottom layer.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw1DsDVJ2Pmt-bZTVxy7ndewOeRbHZsrwvvUKdWfhrbWCVvLm-ZGnAbt0uFpUd1VFEUA_K4pm1dljvsAt9SEJ2dx5nIQUpfXeqZHFIubeXCo8i871JXak6Yiy2PqGV3806nudMoQgr6pje/s1600/Screen+Shot+2015-04-24+at+5.23.29+PM.png) |
The "Eyeball" signals visibility. Click to turn on/off. |
3) Enable visibility for exactly one layer per frame of your animation.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzOoJK3J8ypBd2HbvpbXyZy2U5RYw6d9BszpVtnWUfzaGIW-ccGUU_yYt9uNZWwODOwgynDo5p974cKNhJR9aobJoNnMqtc_oUnq4srJQjjwTTWSP9w0rGxMcjC6sc72plGLbSZ1FWIpoy/s1600/Screen+Shot+2015-04-24+at+5.23.56+PM.png) |
Only layer1 is visible for frame1. |
4) Add as many new frames as you need.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNC-DD0QG8NvU2GNwEW5g5zaoxJ7oQAGp34qtoVeOE-Ir_bpuzwqNDXoCVce4hmPOOYCrG3F1cGZ2_tvnsblh7WjY3aweTegb7EYbY9ME7u5IAKU0yI999lqJfnRcsaG6vyRCe_wMvz80w/s1600/Screen+Shot+2015-04-24+at+5.24.12+PM.png) |
Only layer2 is visible for frame2. |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBSHJO-DNWKHWVMYWDD0cyUJqz3Jolz_AiGGyIp0oN8cT_Ezb1HnnWe1IQRhHr3Y1VlN3p6Zdeshnwqy977etpd7E9xIt03-i36y3UfVPec49gPPCVlJQl3BhN6pfqGlWG1GXDj7YiJckd/s1600/Screen+Shot+2015-04-24+at+5.24.21+PM.png) |
Only layer3 is visible for frame3. |
|
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7YXOj0VAIYClefrONM-P9UVHDpfqNnip_alHQjAuWi0djVUZWCosm1-HPzF6UKXutmsANMhdM1Hv0HLzROYtCbUfvNbCVQ1Oc_M0nWO6MyAmM76iglA58Su1fhap1AXpUJ3_wgrwlQVet/s1600/Screen+Shot+2015-04-24+at+5.25.25+PM.png) |
Only layer12 is visible for frame12. |
|
5) Select frame12, hold down "SHIFT" and select frame1. Every frame should be selected.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJVOKTUEFCFptv9sF1I-A9bQYO4f8MX-JWhTya29KGvh9ssy7SMiAVcdMJulN5iry4mFVYCReZUdoCIuTFU8eEBWT5syvxuI1RRwlXNV0PdKHlKpKNQ3ExdCGkvqVvRHgGrCMEfkX2g4jq/s1600/Screen+Shot+2015-04-24+at+5.25.30+PM.png) |
Selected frames are highlighted in blue. |
6) Select a pause time for each frame of the animation.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2hFhQIRh7c0LoKtiobnvcZh22n0awcNpiwaKqkeFgpa9Nkb4ehKJJMoEvMh4YBeMHjNrhVG21ElFhFTkld90NiI_KI0KbrGVuMNUDOrFwNLc5DsvWgXc_-Chu2bAfcqOki83ZJDMET2MP/s1600/Screen+Shot+2015-04-24+at+5.25.43+PM.png) |
This animation will show frames per second (fps). |
7) Enjoy the show!
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHcaXpOkwfvgjMUwiow8e4sVf5_cEmp3c3oF5dGDLtbZoD08Iea1ZfSwTpNkQQbG9OG7zS7Hqfk3utwU8WaDUHs1CqsCy8qadnYiPopr7aFcoOXH1KvDMZNHqB1IeXO8K3LSh54_UWsUb3/s1600/a_horse_in_motion.gif) |
A Horse in Motion. |
Step 6: How to save your animated Gif!
No comments:
Post a Comment