Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to...
Transcript of Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to...
![Page 1: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/1.jpg)
AnimationDevelopment
![Page 2: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/2.jpg)
I picked ‘cute’ character design as a lot of tv programmes I watch/used to watch have this design.
I wanted to see if I could implement a successful tv character into a game concept.
![Page 3: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/3.jpg)
‘Cute’ Characters After creating a ‘cute’ character moodboard i found that most designs had:
- A black stroke around the character
- Built using circles and round shapes
These were things that I was sure i wanted to implement when creating my character
![Page 4: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/4.jpg)
ADD SKETCHES
![Page 5: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/5.jpg)
How i picked my final design
One of my ideas were to have a business man and after a quick sketch I showed it to my sister in which she quickly replied that it looked like a badger, as I was turning my sketchbook around trying to see how she saw a badger I realised that it looks like an astronaut with its head backwards.
I loved the idea of having a cute astronaut character animation. Therefore, I took this idea on.
![Page 6: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/6.jpg)
Initial Sketches
![Page 7: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/7.jpg)
First TryUsing my sketches I scanned it and put it into illustrator, I then used the pen tool to trace round the picture. The image on the right is the outcome I got.
I didn’t like it, it was boring and lifeless.
I decided to do some research into other cartoon astronauts and created a mood board.
![Page 8: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/8.jpg)
Moodboard
My character needed something to bring it to life, after reviewing this mood board I noticed that:
- The astronauts suits are often grey NOT white
- The suit tend to have blue and red detailing on it - connoting the USA and the UK.
- The helmet were NOT black, they tend to be a dark grey or dark blue
I used all this research to aid my character and make him a more approachable character.
![Page 9: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/9.jpg)
Basic Sprite Sheet
Left leg forward Resting Right leg forward Resting Crouching
Creating a sprite sheet is important as it visually shows how each frame will change the character expression and movement.
![Page 10: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/10.jpg)
Final Sprite Sheet
Based on the research I did, I made his suit a light grey #e6e6e6, his helmet visor #b3b3b3, his badge #4b6ce2 and his line detailing #c1272d. I think this made him so much more animate.
![Page 11: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/11.jpg)
Basic Sprite Sheet
Right foot forward Resting Left foot forward Resting
View of the character from the front, I did this as I was not completely sure at this point whether the he was going to move towards the screen or not.
![Page 12: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/12.jpg)
Final Sprite Sheet
![Page 13: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/13.jpg)
Front, Back and Sides
![Page 14: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/14.jpg)
Combining realism and cartoon
When thinking about backgrounds, I was inspired by Charlie and Lola. I thought it was really interesting combining realism and cartoon.
![Page 15: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/15.jpg)
Development of Background
![Page 16: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/16.jpg)
![Page 17: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/17.jpg)
![Page 18: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/18.jpg)
![Page 19: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/19.jpg)
Breakdown of character - Front & Sides
![Page 20: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/20.jpg)
Planning Movement
![Page 22: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/22.jpg)
Animation Style
![Page 23: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/23.jpg)
![Page 24: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/24.jpg)
FEEDBACK FROM OTHERS
![Page 25: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/25.jpg)
Flat moon
One of the remarks I got quite a lot was to the moon aspect of the background. Which was to make it completely flat, I decided to try it out but when testing it out and showing peers we agreed that it didn’t look as aesthetically pleasing as the other background did.
![Page 26: Animation Development - pujadesigns.com · Moodboard My character needed something to bring it to life, after reviewing this mood board I noticed that: - The astronauts suits are](https://reader034.fdocuments.us/reader034/viewer/2022050718/5e1809db8de6c27901521314/html5/thumbnails/26.jpg)
If I had more time..