Tuesday, 22 March 2016
Wednesday, 9 March 2016
animation jogger guide
Animating a Jogger
Photoshop
Animating a Jogger
You are given the file with the assets already drawn. These are in the server folder called Animation. You are to animate a 2 second sequence using Opacity and Transform.1. Open the file. There are three layers. The background,standing and sprint.
![]() |
| Layers Panel |
2. The standing and sprint layers are Smart Objects. This will enable the characters to be transformed (flipped in this case). The background layer is not a smart object.
![]() |
| Timeline Panel |
![]() |
| The keyframe for frame 1 has been set. |
![]() |
| Opacity set at 0% on Sprint layer, frame 1 |
6. On the sprint layer, change the opacity back to 100%.
7. On the standing layer, change the opacity to 0%.
Scrub the current time indicator and the character now looks like he is striding.
![]() |
| Current time idicator on frame 02 |
9. Keep moving the current time indicator 2 frames and changing the opacity until the 2 second duration is complete. The timeline should look like this:
![]() | ||
| Timeline with opacity keyframes |
![]() |
| A gif of the animation |
Improving the animation by Holding the Interpolation.
Instead of having the legs fade we can hold the interpolation. This will then have the legs appearing open and closed without the see-through-appearance.
1. Click on the Opacity bar in the Timeline (here you see it as blue). This will select ALL the keyframes (they should all turn yellow to show they are selected).
![]() |
| All keyframes selected on the sprint layer. Click in the opacity bar (the blue area on the Timeline) |
3. Select Hold Interpolation (at the bottom of the menu).
4. Repeat this action for the remaining layer. ALL opacity keyframes should now be SQUARE in shape.
5. Play the animation. This time the character doesn't appear to fade, but changes from wide apart legs to standing.
![]() |
| The animation with the interpolation held |
1. Keyframe the Transform layer to make the character move across the frame. Click on the stopwatch next to the word transform.
2. Make sure BOTH layers are selected on the Layers panel. Then move the Current time indicator to the 1 second position.
3. Move the character to the right of the frame.
4. Move the current time idicator 1 frame only.
5. Go to Edit > Transform > Flip Horizontal.
6. Move the current time indicator to the end of the sequence.
Now play the sequence. The character should run across the frame, turn and run back. It should look something like the below.
![]() |
| The sequence. This is on a loop. |
Well done! You should have an animated sequence!
Extension Tasks:
1. Draw your own character moving about using the technique shown above. The example above uses just two figures in different positions. To have a more realistic movement, you would need to have more.
2. Create a new background that is 1576 pixels wide (double 788 pixels) and 576 pixels high. Copy and paste the new background into the existing animation. Keyframe the background to move too.
3. Try using the same assets to make the figure go slower. Instead of working on twos (where two frames are the same, work on threes or even fours. The only way to really learn is to experiment.
Oscar nominations UNIT 9
What is the title of the animation? The title of the animation is the bear story .
Who made the animation (the animator, the director etc.)? Gabriel Osorio is the director and the producer/animator is Pato Escala.
What is the animation about and what is happening in the animation? The animation is about bears and a man bear has like a toy box for animation robots for kids to look in and see whats happening. In this animation a little bear saw a movie box and a bear that owns it start to rotate the stick to make the robots move, it started and the little bear puts his face at the window and saw a little world with three bears , a mama bear , a daddy bear and a little bear getting ready to take a picture . After they took a picture ,robots hand stick on frame on each side of the picture and then it went to another world where it tells a story about how a bear got taken a way by some group of wicked people to perform at a circus and he was a slave there until he came up with a idea to do a perfomance to excape out of the circus . He got a bike and ride down a steep hill to jump over some animals but instead he jumped out of the circus to go meet back with his family. while he was getting the way the wicked men chase him but the failed to catch him and he reach back home to his family and they where there and they greet with a big hug .
Is the animation aimed at a particular audience? No its not aimed at a particular audience , It can be aimed at any audience at any age in my prospective view .
Indicate what the style of animation the short is (e.g. cel-animation, stop-motion, digital 2D animation, 3D computer generated animation etc). The style they use for this animation was 3d computer generated animation .
You are to include your own thoughts about the animation: How is it drawn/created? What colours are used and why? What is the mood of the animation and how does it make you feel? Do you like the characters? What genre is it (comedy, horror, sci-fi etc.? ) This animation was drawn on a piece of paper and then transfer to a 3d computer to be animated for more detail . The color they use in this animation was green, brown , blue ,orange and a few more colors . The animation makes me feel a sad , carrying , and happy way in my own thoughts . Yes i like the characters they where animated very well in the video. ill put this in a adventure action genre .=88
Who made the animation (the animator, the director etc.)? Gabriel Osorio is the director and the producer/animator is Pato Escala.
What is the animation about and what is happening in the animation? The animation is about bears and a man bear has like a toy box for animation robots for kids to look in and see whats happening. In this animation a little bear saw a movie box and a bear that owns it start to rotate the stick to make the robots move, it started and the little bear puts his face at the window and saw a little world with three bears , a mama bear , a daddy bear and a little bear getting ready to take a picture . After they took a picture ,robots hand stick on frame on each side of the picture and then it went to another world where it tells a story about how a bear got taken a way by some group of wicked people to perform at a circus and he was a slave there until he came up with a idea to do a perfomance to excape out of the circus . He got a bike and ride down a steep hill to jump over some animals but instead he jumped out of the circus to go meet back with his family. while he was getting the way the wicked men chase him but the failed to catch him and he reach back home to his family and they where there and they greet with a big hug .
Is the animation aimed at a particular audience? No its not aimed at a particular audience , It can be aimed at any audience at any age in my prospective view .
Indicate what the style of animation the short is (e.g. cel-animation, stop-motion, digital 2D animation, 3D computer generated animation etc). The style they use for this animation was 3d computer generated animation .
You are to include your own thoughts about the animation: How is it drawn/created? What colours are used and why? What is the mood of the animation and how does it make you feel? Do you like the characters? What genre is it (comedy, horror, sci-fi etc.? ) This animation was drawn on a piece of paper and then transfer to a 3d computer to be animated for more detail . The color they use in this animation was green, brown , blue ,orange and a few more colors . The animation makes me feel a sad , carrying , and happy way in my own thoughts . Yes i like the characters they where animated very well in the video. ill put this in a adventure action genre .=88
Subscribe to:
Posts (Atom)











