25/04/2018 Documentation

We are about halfway through our final major project and although we still have much to do I am confident in the work we have done so far. This is a documentation of the things we have done so far, all of which have their own blog posts:

Work Experience: Easyfairs.com

For my formal College work experience I worked as a temporary designer at Easyfairs. I assisted the Creative Design Manager in her day to day tasks, these included: Making and Resizing digital banners for company expos, creating thumbnails and website backgrounds, creating a logo wall and a few simple tasks such as changing the text on files and saving JPEG copies of multiple files.

My first task was to create multiple banners with different sizes for the Tank Storage Asia expo in Marina Bay Sands, Singapore. I was given the logo and some images and was asked to re create the original design in different sizes. I experimented with the image placement and the style composition.

TSA17_Banner400x200_  TSA17_Banner170x250_

This is another example of the banner re-sizing’s that I did, this one has a more complex background and the blue box on the right hand side had to be extending from the right edge across all sizes.Lab17BannerExhibitor_728x90(B3)_Lab17Banner_600x125_

Capture

I was also asked to create a logo wall using two different logos and later adding hashtags underneath each logo. Unfortunately, I do not have an image of the final design which includes the hashtags and contact information about the company in the bottom right corner. The key element of this task was to make sure the logos and the hashtags lined up.

Woodpecker Animation Survey Results

My classmates completed a survey that I made asking several questions about my animation, here are some of the results:Screen Shot 2017-06-14 at 14.21.23

My first question asked users what they enjoyed about my animation, this is helpful to me so that I know what people enjoy for my future work/adjustments.

Screen Shot 2017-06-14 at 14.23.28.png

The second question is equally as important as it shows me what people think I can improve on to make my animation better, feedback is very useful information for an animator as it highlights their mistakes and helps them overcome these in future works. Many of the results show that people were unhappy with the length of the animation and wold like to see more, it is also noted that the animation didn’t have any sound at the time and would be much improved if it did.

Screen Shot 2017-06-14 at 14.28.01

This question asks weather the animation was interesting to watch, It is very important in animation to be able to hold a viewers interest. After seeing these answers I have concluded that for most it is good enough however there are still many people that did not find it interesting, as a creator I see this as something I need to improve on, adding sound effects and music would help to hold the interest of watchers.

 

Animation Research; ‘The Reward’

For my research task I have decided to study and analyse an animation named ‘The Reward’ produced by a team named Sun Creature. This animation is one of many made for a youtube project called ‘Tales of Alethiron’.

The channel/their website also features many videos showing the production process, this includes initial illustrations, animatics and storyboards. When it comes to animation all of the assets and backgrounds will be made on photoshop, most animation studios like this will have sketchpads that allow artists to draw with a stylus in various programs.

I like the art style of this animation, the attention to detail is something you don’t see in a lot of 2d animations. Another unique thing that ‘Sun creature studios’ do in their animations is having no dialogue, this is extremely challenging to do in ‘frame by frame’ animation as the only way of storytelling is in body language and facial expressions.

Planning timeline

Week 1 – 09/03/17 – Planning

  • Plan animation and design research

Started: 09/03/17
Completed:  (To be completed)

Week 2 – 13/03/17 – Research

  • use an example of art/design/film/literature to explain how hope is used in its communicated meaning/concept
  • Look at examples of 2d animation
  • Produce an animation history timeline
  • Produce an animation mood board

Started:
Completed:

Week 3 – 20/03/17 – Ideas for animation

  • Bullet points
  • Moodboards
  • Vague script outline
  • Concept art

Started:
Completed:

Week 4 – 27/03/17 – Development of ideas

  • Character sheets
  • Full scripts
  • Thumbnails
  • Storyboards
  • Stylesheet
  • Colour scripts
  • Animatic

Started:
Completed:

Week 5 – 03/04/17

  • Animation

Started:
Completed:

 Week 6 – 10/04/17

  • Animation

Started:
Completed:

Week 7 – 17/04/17

  • Animation

Started:
Completed:

Week 8 – 24/04/17

  • Animation

History of Animation

3000 B.C

SHAHR-E SUKHTEH:

The first recorded form of animation dates back to 3000 years B.C however this was just a simple few frames drawn out on a pot that represent an animal jumping when animated.

1603

The Magic lantern:

The Magic Lantern projects images using pictures on sheets of glass. Since some sheets contain moving parts, it is considered the first example of projected animation.

1824

Thaumatrope:

thaumatrope

The first form of animation for entertainment purposes dates back to 1824, the Thaumatrope was invented for use as a child’s toy by John Ayrton Paris. It works by having an image on the front and back of a flat disk, the disk has two holes in either side and a piece of string on each side, when the string is twirled around the the disk spins and creates the illusion that the images are on top of one another.

1831

Phenakitoscope:

In 1831 the Phenakitoscope was invented by Joseph Plateau, the basic principle involves spinning disks being reflected in mirrors to make it seem as if the pictures are moving,

1834

Zeotrope:

The zoetrope was a hollow drum that housed images on long strips that spin around, this makes the images appear to move. The strips were interchangeable and so you could swap out the images to show a different animation on the same device.

1868

Flip book:

In 1868 people started to create flip books, this soon became very popular and inspired the next generation of animators to invent new ideas. The flip book works on a very basic level, you flip the pages and the images change rapidly, to the reader it looks as if there is one moving image. Although it is a simple concept these flip books require precise and tedious work to make. flip-book-drawing

1877

Movieola/Praxinoscope:

The Praxinoscope is very similar to the zoetrope design, instead this time using multiple wheels to rotate images allowing smoother animation. It is considered to have shown the first prototypes of the animated cartoon.

1906

First Animated Film:

The first entirely animated film came out in 1906, this film used photography to create stop motion animation.

 

 

 

Information and Timeline details sourced from TheHistoryofAnimation.com

https://history-of-animation.webflow.io/

Final Hud Design

I went with a futuristic/sci fi hud theme as I imagined the game to be set in a world without petrol (fitting with the electric car theme of the brief). I think that the overall aethstetic works well, I went with a light blue and yellow colour scheme.Screen Shot 2017-06-08 at 10.00.00

Screen Shot 2017-06-08 at 10.12.02

As this is an electric car, the engine runs on batteries, these batteries fill up as you collect power points during the race. Each battery gradually decreases in charge and when empty the next one is used, if a player runs out of charge on all three batteries then they are out of the game. Each battery will provide a speed boost when full, batteries can also be charged when the player drifts successfully.

 

Screen Shot 2017-06-08 at 10.12.30This part of the hud shows the player how much damage the car has taken, players can take damage both from the environment and from other players colliding with them. The damage done the the frontal part of the car will effect the steering capabilities and the damage on the back will effect the speed and acceleration.

Screen Shot 2017-06-08 at 10.12.20

 

For the mini map I placed my track layout in and bordered it with a grey box, I then added a low opacity background with a hexagon design. The green arrow icon represents the player and the red icons show the enemy players/ai.

 

Screen Shot 2017-06-08 at 10.12.10

 

For the speedometer I wanted to make something different to ones that I researched, I used several shades of light blue to create a hexagon pattern background. I then added a simplistic meter displaying the speed.

Screen Shot 2017-06-08 at 10.12.38

 

In the top left of the screen players will see their current time and position, I used this as an opportunity to add colour to my Hud design. At first I struggled with this because bright yellow doesn’t work too well on a light blue background as it becomes hard to read, I got around this issue by outlining the text with a thin black line.

Architecture Mood Boards

For our assignment on the London Festival of architecture i did some research and made two mood boards to help me create my poster. The first one is a collection of pictures of famous landmarks in London displaying the architecture of the buildings. I will be featuring two or three of these buildings on my finished poster.

london-moodboard

The next Mood Board is a collection of images and patterns that reflect the simplistic and edgy style I will be using for the poster. There are many shapes, patterns and colours I can refer to on this Mood Board when i make my poster.architecture-poster-moodboard