Popular Posts

Powered by Blogger.

Friday, 20 November 2015

Workshop - GIF animation

| | 0 comments
This workshop involved us looking at a tutorial on Lynda in order to help us create an animation. I had already used Photoshop before when creating GIF's so this webpage wasn't really needed and I used my existing skills.

I wanted to take my book jacket design further to add another layer to the development process, which meant converting it into a GIF.

This was a process that involved taking each element, piece by piece and moving them around the layers; each time adding a frame in the animation. The screenshot below shows the components I used to make the blood appear and disappear. I drew shapes that followed the same dripping pattern as the blood and filled them in with a black colour exactly the same as the background. I'm sure that this was a very amateur and time consuming method of creating an animation to which I hope to improve it in the future.

I proceeded to move each component with every different frame of the animation, which ended up slowly revealing the pre-drawn blood drips. I made sure to put a lot of frames in per action as this would end up making the movement a lot smoother when it was played. This was the same method used to create the illusion of the eye opening and closing, I just used a different shaped black overlay to replicate an eyelid. 
The screenshot below demonstrates the format with which I was working. The animation had a total of 86 frames. I used the reverse tool to make the eye open and close, without having to re-do another 20 frames from scratch. This feature, as well as the copy and paste option helped me out a lot when making the GIF, which took around an hour and a half in total.




0 comments:

Post a Comment

 
Twitter Facebook Dribbble Tumblr Last FM Flickr Behance