Friday, 1 May 2015

Creating a GIF using Adobe Photoshop Timeline and Rotascoping

To create a Timeline on Adobe Photoshop I went on 'Window' toolbar Clicked on Animation and made sure it was enabled with a tick. This enables the frame animation at the bottom of the screen. 
Convert frame animation to timeline
I click on the convert toolbar as shown below to convert the frame animation to a timeline. 

Timeline
I used Adobe Photoshop to create a simple GIF. It was quite a easy 
exercise and took me no longer than 10 minutes as it was the first time of me creating a GIF I was quite impressed.
I did this in my own time and used a YouTube tutorial as my guideline for the basics, to show me how to create a GIF.



First I enabled the animation tool by clicking on Windows and making sure the Animation tool was clicked and displayed in the bottom.

Using simple circle tools I Then created several shapes on different layers to produce my movement. 


The same ball repeated to create movement


I had deleted the background layer to make it transparent as the background layer can cause problems while processing the GIF. I then converted all the layers to create separate frame animations. 


Created a Frame Animation Below
I selected all the layers and adjusted the time span to '0.1' second and put the time loop on 'forever' so it reoccurs and replays like a GIF.  






Ball GIF 
Once I had done this I tried to create another GIF using type to see the effect it gives. Writing my name as a simple start of point I was pleased with the outcome.


Name GIF


to try something more complex I created another GIF using shapes to create a outline of another shape. I think I actually enjoy making GIF's now!


Simple outline of a heart

Adding a faded shape to the background.
After Experimenting with shapes and text I decide to put together a Small GIF recreation of a Game layout. 

Game layers all visible in the Photoshop Timeline.
 I Found this quite simple as I enabled the grey base layer visible on all the layers just having the ball frame change to show movement. Using the exact same Steps as the above previous ones. 


Game Layout GIF


I was actually pleased with the outcome the effect it gave and how it turned out. Being easy and enjoyable to make.