Process and Production - Photoshop - Photoshop timeline

In this last workshop working in Adobe photoshop we were shown how to use photoshop to create small animations; this was done by utilising the timeline feature in photoshop. When this workshop took place I was ill and therefore had to catch up in my own time; to do this I used the instructions that had been posted on unilearn. This was a useful skill to learn and one which I didn't know that you could create in photoshop. 

01) First I begun by drawing out five images on five separate layers; I used a cat silhouette but I didn't change the colour of the different sized cat like most people did as I wanted it to look as if the same cat was moving around on the screen.  Then I selected all five layers, selected create frame animation and then make frame from layers. I changed the frame times to 0.1 second by clicking the arrow key on the frame. Also I changed the loop option to forever and then saved the file by clicking save for web, then changing it to 'gif' and kept loop setting as forever. 

The skills will be useful to me in the future and I will be able to create more animations in adobe Photoshop in the future. 

02) Then I repeated the same process, only this time I used an existing file that had been created for me which was called 'jump'. I opened the file in photoshop and changed its loop settings and timing. I then exported the file with the appropriate file settings, this was then rendered to quicktime player which allows you to preview and watch the animation back. 

03) Next we learnt created a video using the timeline on photoshop; I set the document up with the size of 960 x 540px.  On the timeline settings I changed it to 'create video timeline', then I added a 'new blank video layer. Usually you would have the frames per second set to 24 but for mine I decided to used 12 frames per second. I set the frames to repeat by putting them on loop. On each frame I drew something different so in the end I would end up with a full video animation; then I exported the video and rendered it to achieve the final outcome. 

These new skills will be useful to me in the future as a designer; it will help develop me as a designer as I have more knowledge of the program. 

01)

02)

03)