For the second part of my project, I started sketching out different layouts for my city, trying out different perspectives and using isometric grid paper.
I imported my sketches into Photoshop, ready to be painted, however, before I began this process, I decided to learn more about digital painting in Photoshop, as I needed to improve on my skills in that area.
Using various magazines and YouTube tutorials, I found new ways to paint with Photoshop, such as choosing a pallet and having it at a corner of a page for easier access and using the smudge tool.
By selecting different textures from photos on my mood-boards using the lasso tool, I was able to transfer them to my drawings and fit them using the scale and warp transform edits, into the buildings and other parts of the scene, to give each of them convincing textures.
Using Image- adjustments- exposure, I was able to blend each texture into whatever surface I was using it for by adjusting the Gamma correction and exposure levels until the texture looks natural.
For some of these textures, I used different images of London buildings such as these
Doing the research for my animation I also feel went well as choosing the Lion King and Treasure planet made for effective research as I know those films well. Also, using different sources such as behind-the-scenes videos on YouTube, gave me some good ideas for my animation such as how I drew my storyboards.
It also gave me a better idea of how professional animations are made, and inspiration for my own animation, specifically how I went about doing the art and design aspect of the assignment.
Animation history timeline
Creating the animation method timeline was fairly simple as I had to find out about a type of animation from a significant period in history, and along with an image of the new development, include some writing about it.
This gave me a good indication as to how animation techniques have evolved and changed ever since Walt Disney created the first full-length animated feature film, Snow-white.
Task 2: Ideas generation: What went right and wrong?
Brainstorming: With some friends of mine, I went over my and their ideas in video form, like a meeting session. This went well because we were able to bounce ideas off each-other and give our opinions on each-other’s ideas. However some of our initial ideas are very different from the ones we ended up using.
Storyboards: The storyboards went well as I was able to flesh out my idea well, using a storyboard template from google and a drawing pencil. This gave my animation visuals along with the written idea. However, due to time constraints, I could not do my storyboards much justice in my final animation.
Written treatment: I felt like I managed to produce an effective written treatment outline each act of the animation, for example, Act 1: Dove flies in tree and finds the nest. This gave me a better understanding of what I was planning to do as it gave a more summarised version of my animation.
Animation assets: Using the programme Photoshop, I created varied background art for each animation scene, using a variety of Photoshop brushes and tools to create a stylised version of the interior of a tree. For example, a Hard round brush for each tree branch to create a wooden effect, and a radial blur effect mask for the dappled effect of the leaves.
For the character of the Doves, I used tools such as the blending tool to achieve the different shades of colour on their feathers. and for the shaded effect on their beaks.
The soundtrack development I feel did not as well as the artwork, as I found out that Garageband was not easily compatible with after-effects. So I had to spend a-lot of time using sound-cloud, trying to change my music into a format that After-effects could read and allow me to edit the music into my animation.
For props I drew the character’s wings separately in Photoshop once again, so I could animate them properly in after-effects. And for the scene where the female Dove is walking on the tree, sad, I created a separate head, so I could animate it to convey the Dove’s emotions.
Task 3: Production: Using in class animation tutorials, I managed to create several compositions in after-effects importing my different character and background art. I then added a key-frame to each Dove so I could animate them movement by movement.
Scene 1: For scene 1, I imported my first background, which included a tree standing in a field, and then put in my Dove in front of the image on a different layer and positioned it as if it were flying. Then I imported each wing into a separate layer and as the Dove moved across the screen, I animated the wings alongside that by using the scale and position key-frames to make it look as though the character was flying.
Scene 2: When animating scene 2, I used the scale key-frame option on the wings for each frame in order to make them look as though they where closing as the Dove landed. When the Dove is hopping along the branch, I utilised the walk cycle principal of animation to make the movement look more convincing and life-like.
Scene 3: During the scene where the Dove is lost in the tree, I created a separate head so I could convey the Dove’s emotion more by having the head bent down, showing the character’s sadness.
I also used each key-frame to make the characters walk in time with each-other, then when they were in front of each-other, I used rotation key-frames to rotate the male Dove and the female Dove’s head, so as to make it look as though the characters were noticing each-other.
Peer reviews & feedback:
After development and after my animation had been uploaded, I created a survey on Google Forms so my class-mates could share their thoughts and give feedback.
A general consensus was that the animation wasn’t long enough, and that more animation techniques could have been used. I feel like if I had more time I could have corrected these mistakes, and improved on my animation’s story.
(If you want to see the full survey, click on the link below)
The 2nd part of our animation assignment was to create a stop-motion animation using whatever medium we chose based around a randomly assigned letter of the alphabet. I was set with the letter K
Here is the final film:
Task 1: planning
The planning phase was fairly easy as I came up with a good idea with the first word beginning with K I thought of, which was the word knight. I played around with some ideas in a medieval setting, for example having a Lego knight cut the letter K out of Lego bricks with his sword.
But I decided to get more creative with it by introducing a Lego dragon and having the knight have a brief fight with it, with the dragon’s fire burning the letter K into the grass.
Task 2: animating
Using a tripod and a Sony camera in a darkened green-screen room, I animated both of my characters frame-by-frame, taking 2 images for each frame for easier editing and, using a green-screen placed flat on the table I used some images for editing in the K.
Firstly, I imported my digital art that I created in Photoshop, then saved all these assets into a single file so none of my images would get corrupted. Then, dragging and dropping the image I wanted to animate into the keyframe tab, I added a keyframe to each image so it could animate in the viewing window.
With each frame I moved the position and scale key frames for both the dove and her wings to create a convincing flying effect for the first scene as it flies towards and then into the tree.
For the second scene, in order to create the image of the dove’s wings closing, I added a rotation and scale key frame so I could shrink and turn the wings with each frame as the dove was landing on the branch, so it looked as though the wings were closing.
Making the dove’s head was a bit more complicated as I had to animate a second image of the dove’s head alongside the dove’s body, to bring across the impression of the dove’s sad mood. For this, I keyframed both the head and the body and made sure that the head lined up with the body’s animation as it rotated.
After drawing the sketches of the different team logo ideas, I picked the ideas that I liked the best and re-created them using Photoshop and Illustrator to present them in my project sketchbook.
The first logo I re-created was the logo for the Buckingham Lions= The royal lion with the team’s name superimposed over it. I did this by creating my own royal lion by being inspired by the real lion and colouring it with a regal colour pallet. I used a bright gold-yellow for the crown, primary yellow for the lion and a deep purple for the text. Afterwards, I defined and gave clarity to the lion by giving it a bold black outline.
The next logo I created was the logo for the Thames Tiger sharks. I used Illustrator to create wave-like shapes that also look like shark fins, giving the connotation of rushing water. I then put a 3D filter over the shapes to give it depth. I then superimposed an aquatic-like font name over the shapes and applied a 3D filter over that as well. I used colours that people associate with water, such as turquoise-blue, light blue and dark blue.
For this part of the assignment, I started coming up with some ideas and references for a racing-car team that could be in a video-game, starting with a mood-board with different real-life racing team clothing on it to use as a reference.
I used a variety of racing gear in this mood-board, like the Monster energy helmet and red gear, to get an idea of what different styles of racing clothing there are to use as inspiration for my ideas.
I also created a mood-board based around different car dashboards and car company logos to get an idea of the type of logos and styles my video game cars could have and use it as part of my inspiration for my concept drawings:
For the dashboards I used both futuristic concept and modern dashboards to draw inspiration from.
Here I have displayed different famous car logos to see what type of logos cars commonly have so I can create my own for my futuristic setting.
Using this, I have started to come up with concept drawings about the gear the different racing teams could wear and the types of logos that they could have on their cars.
Team name ideas
Since the race was based in and around London, I chose to inspire my team names on famous places and landmarks in that city, taking ideas from Buckingham palace, Big ben, fleet street and others
1. For my first team name I came up with the idea to base it around the Westminster buildings and big ben, calling it the Westminster Royals. Then I decided to do a complete royal theme and based it on Buckingham palace with the new name…
Buckingham Lions: royalty-themed team based around Buckingham palace
Stylised palace gates with the team name superimposed over them, featuring shields and gate features
Royal Shield with coat-of-arms with a crown edited on top
Yellow Coat-of-arms lion with team name superimposed over it.
2. For my next team name, I decided to continue with the famous London places theme and came up with the idea to base the team on the River Thames, as it would still fit with the futuristic genre of the game, but still be connected to London.
Name: River Thames Rushers- Thames Tiger sharks
based on the waves of the river, with 3D name underneath, making it look more like a car company’s logo, while still retaining a futuristic tone
waves flowing underneath tower-bridge. Not as abstract, but it still can look futuristic
whole river, detailed, with 3d logo on top. It will look less simplistic but will still retain an abstract and futuristic look.
3. My third and last team name was based on the famous Hyde park of London and I decided to base the logo on a more typical choice a car company would make for it’s logo by basing it on aspects of the animal itself, in this case, a hawk
Name: Hyde-park Hawks
The first logo idea I came up with was to display the team’s name on the hawk’s wingspan with it’s beak covering the middle of the name. This logo I felt was a good idea, but it didn’t look as abstract as I wanted it to.
My second idea was to have the team’s name artistically placed below a hawk’s head drawing, this was closer to what I wanted but the head wasn’t as abstract as I wanted it to be.
For my third idea I decided to use a hawk’s foot drawing and place it over the team’s name, this ended up being a step back from the stylish look I wanted the logo to have, due to the image not fitting with the name well enough.
The fourth logo idea was definitely closer to being the stylish logo I wanted. I imposed an artistically drawn image of a Hawk flying over the team’s name, this looked abstract enough and the name fit well with the image, so this is the logo I am going to use.
In this lesson we began one of our games design tasks, looking at basic game structure and getting an idea of the layout of a game screen.
To do this, we created a mood board displaying different video-game HUDs (Heads-Up-Display) which is an interface in video-games that indicate your life-bar status, the collectibles you have, sometimes hunger (e.g. Don’t starve, Minecraft), and other technical aspects.
Different types of HUD:
Permanent HUD: A display of the status of different aspects are always onscreen (e.g. Far cry games, Minecraft)
pull-up HUD: Where the HUD can be displayed whenever you want it to by using a button command, or going to the game’s menu. (E.g. Grand theft auto V’s weapon HUD circle, which tells you which weapons you have.)
Action HUD: A specific HUD is displayed briefly when an action is performed or completed
To create an inspiration mood-board for our first task/assignment, we found 10-15 online photos of famous buildings in London, such as Big-Ben, the Shard and the “Walkie-Talkie”.
We looked at the different details in each building and found ones we could use in a poster design. The way we created our mood-boards was we imported our photos in PhotoShop, and re-sized them with Command-T to the scale we liked and arranged them in a scrap-book style. And then, using the “layer” tab clicked “smart-object” in the “rasterize” category, so we could freely edit and cut the photos using the marquee tool.
In film posters, the image given is usually accompanied by text giving you a clue as to what the film is about and the film’s title.
(tip: holding CMD (or CTRL) over a chosen layer and then clicking on it with lasso the whole image on that layer)
In Photoshop there are many ways to change your chosen text using the “Layer style tool” in the layers menu.
You can add drop-shadow, depth, colour and other features to the text.
“Clip and mask” is another tool to use if you want the image inside the text.
If you want to use a font you’ve seen on a poster, save the image and put it in Photoshop. Then use the marquee tool and highlight the font you want, then go to type and match font and Photoshop will bring up the font that is the closest the poster’s font looks like.
After that your font should resemble the font on the poster
This is a text widget, which allows you to add text or HTML to your sidebar. You can use them to display text, links, images, HTML, or a combination of these. Edit them in the Widget section of the Customizer.