Friday, 4 July 2014
Wednesday, 2 July 2014
Friday, 27 June 2014
Wednesday, 4 June 2014
Monday, 12 May 2014
Tuesday, 6 May 2014
Web banner
The web banner I have created was made from adobe after effects.
Banner
Storyboard
Design
The format of my web banner is a flash animation. My idea for my web banner follows my marquee for my game. When it came to designing the animation I drew a 5 second animation storyboard. The background followed the marquee so a embossed metal plate with opaque text. The audio that would be placed into the banner would be a alarm sound. The web banner cannot be a gif as some computers that will come to visit the page will not be able to view it thus why my banner is a flash animation.
The audience that my banner is aimed at are people who are viewing my website. Also it is aimed at adults mostly as website is for selling a arcade machine with my game on it. The audience would be male and aged over 20. Their interests should be about buying the arcade machine or having the chance to get my game.
The size of the banner is 720x90 pixels and the animation should be running at 30 FPS (Frames per second). The perspective of the banner is a front view that shows the name of the game with the bullet thread. I originally decided to have the belt swing and have a wave in it (shown by the story board) but after effects could allow me to create a successful animation so I left the belt static. The only thing now animated in the banner is the orange emergency lights beam on the wall. The banner will not have a soundtrack has it is only 5 seconds long.
Banner
Storyboard
Design
The format of my web banner is a flash animation. My idea for my web banner follows my marquee for my game. When it came to designing the animation I drew a 5 second animation storyboard. The background followed the marquee so a embossed metal plate with opaque text. The audio that would be placed into the banner would be a alarm sound. The web banner cannot be a gif as some computers that will come to visit the page will not be able to view it thus why my banner is a flash animation.
The audience that my banner is aimed at are people who are viewing my website. Also it is aimed at adults mostly as website is for selling a arcade machine with my game on it. The audience would be male and aged over 20. Their interests should be about buying the arcade machine or having the chance to get my game.
The size of the banner is 720x90 pixels and the animation should be running at 30 FPS (Frames per second). The perspective of the banner is a front view that shows the name of the game with the bullet thread. I originally decided to have the belt swing and have a wave in it (shown by the story board) but after effects could allow me to create a successful animation so I left the belt static. The only thing now animated in the banner is the orange emergency lights beam on the wall. The banner will not have a soundtrack has it is only 5 seconds long.
Monday, 5 May 2014
Animation timeline
1831:
Dr Joseph Antoine Plateau, who was a Belgian scientist, with
Dr Simon Ritter made a machine called the phenakitoscope. What this machine did
was that it created an animated image using still images (frames). The frames
are placed on one disk while another disk is on the other side that have small
windows which are placed adjacent to the frame. When the disks are spun you
will be able to use the windows to see the image being animated.
1872:
1872:
Wednesday, 23 April 2014
Animated bouncing ball
All animations below were created using Adobe Flash Professional CS6
Creating a bouncing ball
Before I started making the ball bounce I placed a ball at a start and end point using KEY FRAMES on a 'Ball' layer. Once they are in place I then created a new layer and called it 'Guide'. I drew a line from the end ball to the start ball and then from the start ball to the ground and then to the end ball which creates a triangle. Once that is done I will mark the places where the ball hits the ground and where the ball will hit the line which is connected to the start and end ball. Once the marks are in place I add curves to the guide that connect mark to mark. This will then show the path which the ball should take.
Next I add the in between frames which are the balls movement. The guide will help as ech time the ball is moved it snaps to the guide so it helps speed up the process. While doing the movement the time that the ball reaches the space in the room has to be considered. This means there is a loss in speed when the ball reaches the change in forces.
Below is the final animation
Creating a bouncing ball with squash and stretch
Now that a bouncing ball has been done a squash and stretch effect can be added. The effect gives a motion blur illusion.
When it comes to creating the effect you have to think. When you see things in slow motion you see the object (face, ball, hand etc) ripple when there is an impact. A ball when it slams into the floor will squash move the air inside to the sides. When the ball rebounds it stretches as the ball is trying to balance the air inside however due to this happening very quickly what happens is that it passes the perfect point and basically has to become perfect again backwards.
Below is the final animation
Giving the ball a tail
After the squash and stretch I decided to add a tail to the ball. This is a little bit harder as you will have to consider the tail following behind the object. When it came to making the tail I made a outlined version first as this will allow me to adjust it.
Below is the concept tail
Once the tail has been adjusted to the path of the ball I can then fill it in to make it look like a tail rather than something else.
Below is the final animation
Creating a bouncing ball
Before I started making the ball bounce I placed a ball at a start and end point using KEY FRAMES on a 'Ball' layer. Once they are in place I then created a new layer and called it 'Guide'. I drew a line from the end ball to the start ball and then from the start ball to the ground and then to the end ball which creates a triangle. Once that is done I will mark the places where the ball hits the ground and where the ball will hit the line which is connected to the start and end ball. Once the marks are in place I add curves to the guide that connect mark to mark. This will then show the path which the ball should take.
Next I add the in between frames which are the balls movement. The guide will help as ech time the ball is moved it snaps to the guide so it helps speed up the process. While doing the movement the time that the ball reaches the space in the room has to be considered. This means there is a loss in speed when the ball reaches the change in forces.
Below is the final animation
Creating a bouncing ball with squash and stretch
Now that a bouncing ball has been done a squash and stretch effect can be added. The effect gives a motion blur illusion.
When it comes to creating the effect you have to think. When you see things in slow motion you see the object (face, ball, hand etc) ripple when there is an impact. A ball when it slams into the floor will squash move the air inside to the sides. When the ball rebounds it stretches as the ball is trying to balance the air inside however due to this happening very quickly what happens is that it passes the perfect point and basically has to become perfect again backwards.
Below is the final animation
Giving the ball a tail
After the squash and stretch I decided to add a tail to the ball. This is a little bit harder as you will have to consider the tail following behind the object. When it came to making the tail I made a outlined version first as this will allow me to adjust it.
Below is the concept tail
Once the tail has been adjusted to the path of the ball I can then fill it in to make it look like a tail rather than something else.
Below is the final animation
Subscribe to:
Posts (Atom)