L3 Games Design: FMP – Animation

Overall I’m happy with the animation, I would of liked it to be a bit more detailed and a bit longer but I put as much effort in as I could.

What went well with this project is creating the scenes. Photoshop is probably my strongest point within in media, I find it easy to use and I’m able to use all tools comfortable within the software. Throughout this project the scenes took the longest to create which made it a struggle to complete the animation to something I was completely happy with. For me I would of preferred to spend the most time actually animating the scenes rather than creating them to give me the best chance of creating a animation that worked well together and I was to be completely happy with.

What didn’t go well within the project was the animating. After Effects isn’t my strongest point in media and I’m not the best animator, so therefore it was a struggle to produce the best animation.

What I would improve on for future preferences is I would learn more skills within After Effects so I am comfortable using all tools within the software to the best of my ability. Maybe animation wasn’t the best choice for me to do but I wanted to give myself a challenge and test myself to see what my strengths are within different adobe software.


From my peers reviewing my animation they told me that it does all work well together but it could be a bit smoother. The animation seems to be slower than it should be and could be slightly faster to make it a bit more exciting. Also there could of been a bit more animation within the scenes to get a bit more out of the animation.

The scenes have been created very well and have a lot of detail in all scenes and each scene is easily understandable to know exactly what is going on. Furthermore they said the idea was very clever with putting my own interpretation on a childhood dream of becoming a footballer.


L3 Games Design: FMP – Sketches & Development

This slideshow requires JavaScript.

My whole animation is based around a young boy having a dream about becoming a professional footballer. Each scene goes through my interpretation of what a childhood dream of becoming a footballer would be like.


These designs are a couple of character ideas that I have sketched out to give me different ideas of what styles I could go for when developing my characters.


This is the storyboard that I based my animation around. Each scene I developed in PhotoShop  and added more into every scene to give each scene a bit more detail.

L3 Games Design: FMP – Treatment

A Little Boys Dream – This is a 2D animation that I am creating for my final major project. I chose to do an animation because I feel it is something I enjoy creating and is one of my strong points within media. I aim to make this animation about 2 minutes long, therefore it is not too short or it does not drag on which could cause the audience to dislike the animation.

The target audience for this is kids aged 8+, i’ve aimed it at this age because the story is all about being a young boy and dreaming about becoming a professional football and going through all stages to get there, starting off at your local football with hope to be noticed by a scout and join a professional football team. Unfortunately for the young boy it turns out to be just a dream and wakes up to his alarm.

There are only a few characters in this animation, the main character, who is the young boy dreaming about becoming a footballer, the goalkeeper that the boy scores against when playing for his local side, the crowd that is in support for the boys local side and when at the stadium and the scout that notices how well the boy is playing.

Not every scene will have a lot of animation, for example the first and last scene. These scenes will just be the boy in bed at the start and at the end when the boy is in bed again and his alarm goes off. The main focal point of this animation will be the scenes in the middle of the animation where most of the characters will be animated and moving around the scene.

For this animation I want to create a smooth background track that will play over the animation. The software I want to use to create this is GarageBand. I want to use this because it is a software that I am familiar with and have used in the past. I feel that it is a useful software to just create a short background song.

I have chosen this idea because I created a animation last year that was based around Warburton’s and for me it went really well, therefore I wanted to create another animation for my final major project.

For my research, I have looked at various different animation and the different types of animation that I could do. I got my idea from another animation that I saw on youtube and wanted to create my own interpretation of what a childhood dream of becoming a footballer is like.

L3 Games Design: FMP: Research – History of Animation

Animation before film

There were many different types of animation that was used before film. With the spread of the Industrial Revolution in Europe and North America in the 18th and 19th centuries came experimentation with machines that would make images appear to move.


The magic lantern first appeared and the magic lantern is an image projector using pictures on sheets of glass. Since some sheets contain moving parts, it is considered the first example of projected animation.


The Thaumatrope was introduced and it is a rotating mechanism that has different pictures on each side and when rotated you would combine both pictures (known as persistence of vision).


The phenakitoscope featured spinning disks reflected in mirrors that
made it seem like the pictures were moving.


After the phenakitoscope came the Zoetrope. The zoetrope was a hollow drum that housed images on long interchangeable strips that would spin and make the images appear to move.


The flip book was introduced. The flip-book, also known as the kineograph, reached a wide audience and is credited with inspiring early animators more than the machines developed in this era. The flip book is a small drawing pad with small images created on each page and then using your thumb at a rapid pace flicking through each page creating a short animation of all the images.


The praxinoscope expanded on the zoetrope, using multiple wheels to rotate images. It is considered to have shown the first prototypes of the animated cartoon.




The animation of Gertie The Dinosaur was created and this character was to be considered as the first cartoon to feature an appealing character.



Felix The Cat was created by Musical Mews and Feline Follies. Felix the Cat – often considered the first animated movie star. Felix The Cat was created during what is known as the ‘Silent Era’, a period during 1900’s and 1930’s.

Silent era,


‘Steamboat Willie’ an iconic animation still remembered today created by Walt Disney. Featuring Mickey Mouse it becomes the first cartoon with the sound printed on the film, and is the first notable success for Walt Disney Studios, founded in Los Angeles in 1923.



Next came what was known as ‘The Golden Age of American Animation’, this was a period that started in 1930 and finished during the 1950’s. During what many consider to be the “Golden Age” of animation, theatrical cartoons became an integral part of popular culture. These years are defined by the rise of Walt Disney (Mickey Mouse, Donald Duck, and Silly Symphonies), Warner Brothers, MGM, and Fleischer (Betty Boop, Popeye).



Snow White was created by Walt Disney and it was the first animation to feature hand drawn animation. When creating the seven dwarfs it took up to almost two years to come up with the final rendering for all seven dwarfs, using 1.5 million cells throughout the animation.



Became know as the American Television Era and one of the first animated television shows was the Flintstones, Hanna-Barbera releases The Flintstones in 1960, the first animated series on prime-time television.



The introduction of yogi bear, The Yogi Bear Show, a spin-off of Huckleberry Hound
(another Hanna-Barbera production), debuts on national TV.


Best Short Film



DePatie-Freleng Enterprises wins the Academy Award for Best Short Film
for The PinkPhink (of the Pink Panther series) and continues to
create shorts for theatrical release.



Fritz the Cat is released—the first animated
adult (X-rated) feature film.

1980 – 2014


The CGI (computer generated imagery) revolutionized animation. A principal difference of CGI animation compared to traditional animation is that drawing is replaced by 3D modeling, almost like a virtual version of stop-motion. A form of animation that combines the two and uses 2D computer drawing can be considered computer aided animation.



This short film was the first fully CGI-animated film,
created by The Graphics Group, the precursor to Pixar.



The Simpsons is an American adult animated sitcom created by Matt Groening for the Fox Broadcasting Company. It is the longest-running American sitcom, the longest-running American animated program, and in 2009 it surpassed Gunsmoke as the longest-running American scripted primetime television series. Longest running american animated program.



Toy Story, the first fully computer-animated
feature film, was released. Taking place in a world where toys pretend to be lifeless whenever humans are present, the film’s plot focuses on the relationship between Woody, an old-fashioned Cowboy (voiced by Tom Hanks), and Buzz Lightyear, an astronaut figure (voiced by Tim Allen)

Film poster showing Woody anxiously holding onto Buzz Lightyear as he flies in Andy's room. Below them sitting on the bed are Bo Peep, Mr. Potato Head, Troll, Hamm, Slinky, Sarge and Rex. In the lower right center of the image is the film's title. The background shows the cloud wallpaper featured in the bedroom.



Big Hero 6 is the first Disney animated film
to feature Marvel Comics characters.

Image result for big hero six

Warburtons Evaluation

What Went Well? For me, creating each scene in PhotoShop was what went well during this project. It was something I enjoyed doing because it gave me the chance to try out different things and also taught me a few things that I didn’t know before I started the project. PhotoShop is a software that I’m familiar with so that was why I found it enjoyable  and easy to use. On the other hand, there was parts when creating the animation I did enjoy some parts of it, for example I enjoyed finding the right background music and getting the sound effects for the animation and editing them individual parts to get them into the correct places within the animation.

What Didn’t Go Well? The movement of the characters in After Effects was the part that I found most difficult throughout the whole Warburtons project. I found this difficult because they were all just one layer so it was harder to move the character. To move the character I had to use the puppet pin tool  and this was very difficult because I had to make sure that I didn’t distort the character. As well as this, if I had the characters body parts in different layers then the flow would be much smoother and then it would of been much easier to follow the walk cycle.

What I Could Improve On? When editing my animation in After Effects I found it hard to move the character to get the into a passing cycle because I didn’t create layers for each part of the body, therefore it was just all one layer. So then I had to use the puppet pin tool and place each point on the joint of the body and move the character by that. I found this part difficult because I had to make sure the character didn’t distort otherwise the character would not look right during the animation. This is one of the main things that I would improve on for next time. I would create numerous layers for different parts of the body. E.g. layers for the arms, layers for the legs, layers for the head and layers for the body etc. making it easier to move each character.

What I enjoyed? Throughout this project I really enjoyed using the different softwares because I learnt a lot of different things I could do within the softwares, things that I didn’t know before I started this project. I did prefer PhotoShop to After Effects because I found it easier to use but that was only because I’ve used it before so I knew what I was doing in the software, whereas, I had never really used After Effects, so I had to start to learn how it worked, but after a few tries I started to understand how it worked.

My final Warburtons Animation

This video is my completed animation for the Warburtons project that I have been doing for a few months. Firstly, It all started of when I researched all different types of animation and how animation has adapted throughout the years, from 1603 when all they had is the magic lantern to 2016 where technology has massively improved. Furthermore, I researched all the different types of animation there was, from flip books to computer designed animation.

Secondly, I had to think of a storyline I would do for my Warburtons animation and create a storyboard for it. I came up with numerous ideas for the animation but then came up with the idea of re-creating an animation of Tom and Jerry. I chose this because everyone can relate to this because most people would of watched this when they were a child, so it would be like going back to your childhood but promoting something that is now. Next, it was completing the storyboard for the animation and coming up with the ideas for that. To do this I researched and watched a few episodes of Tom and Jerry just so I could get an idea of what each episode is like and each episode is very similar to each other because either Tom or Jerry will do something bad and they will end up chasing each other and that is what happens in my animation, Jerry steals the bagels and Tom chases him.

In addition, after my storyboard was complete I then scanned the storyboard into the computer where I opened it on photoshop and worked on each scene for the animation. Each scene did take a lot of time because I always wanted to change different parts just so it was the best I could get it. I chose to do 8 scenes just so the animation wasn’t too short or too long and it worked out to make the animation 40 seconds long.

Finally, I had to create the animation itself and this all started when I imported all edited scenes from photoshop and then started to put all scenes together to create a full animation, when I started to create the animation in After Effects I had to use a number of  different tools. Two tools that I used the most was the puppet pin tool and the opacity tool. These tools where either to make the characters move or even creating the flow of the animation where each scene would fade into each other. To make the characters move I had to use the puppet pin tool and pin all the joints in the body so when moving each point it would with a flow and look like a person moving. To make the scenes fade into each other I just turned the opacity down to 0%  at the start of the scene and turn it to 100% when the scene started and that would make each scene flow which each other.

Warburtons – Animation Assignment tasks to complete


Thursday 9th June

Morning tasks

  • 9.30 – 10.30:
  • 11 – 12.30: Continue with animation

Afternoon tasks

  • 1.30 – 3.00: Continue with animation
  • 3.30 – 5.00: Continue with animation

Evening (at home)

  • Task1: Start to finish animation
  • Task2: Evaluation

Friday 10th June

  • Hour 1 task: Check over all completed work
  • Hour 2 task: Hand in all completed work

Tutorial: Submission sheets, Submit assignment (incl Sketchbooks).