Ball Bounce Tutorial

Today I am going to share how to use 2-dimencinal animation to make a ball bounce. This is to help anyone who is interested in 2D drawing to learn the basics of drawing frame by frame. In this lesson you will learn how to use a motion scale, Photoshop, and how to render the video. 

Lets begin(:

The Step by Step Process: 

• Materials needed: At least 15 pieces of paper, a pencil, computer/Photoshop
• Take out a piece of paper and draw a straight line out the side that goes across most of the paper. This is going to be your motion scale. A motion scale is a helpful tool you use when planning out the motion/speed you subject is doing to the scene 
• On your motion scale, begin to make line marks that tell you where you want the ball to be during each frame. In my ball bounce example, I used 15 sheets of paper meaning there are fifteen frames. In the image out to the side, it shows what my motion scale looks like. Each line represents a frame.
• When drawing out your lines on the motion scale think about the motion of your ball and what you want it to do. It the ball being dropped from a height? Is it bouncing off the wall? Or is it bouncing across the screen? These questions will help to plan outlaw the ball will move in your animation. In my example, I made my ball look as if it were dropped and made it bounce up and down. My motion scale shows that the ball slows down when reaching the top (that is why the lines are close together) and then speed up when approaching the ground (that's why the lines are spaced out at the bottom). 
• You want to make the ball look realistic like an actual ball that bounces. When the ball bounces up, it slowly comes to a stop when it reaches its maximum height. When the ball starts to fall back down it moves faster the closer it gets to the ground. This is because when the ball bounces up, it is working against gravity which makes it move slower and slower the more it goes up. When the ball moves down, gravity is working with the ball and helping it move. This increases the speed of the ball when traveling downward. Who knew Physics applied to animation!?!?
• Once your done with the scale, start drawing the ball next to the scale's line. Each ball frame must be drawn on a separate sheet of paper so when you pull the pictures into Photoshop and line them next to each other; it will look like the ball is moving and not just one still image. 
• When you are done with the 15 or more pictures of the ball, you can then scan it onto your computer. 
• Once it is on the computer, open up Photoshop and drag the images of the ball onto the program. 
• Then, click the button "Create Video Timeline". This will allow you to start animating the ball bouncing. Once clicked it will open up a timeline at the bottom of the screen showing all the layers you dragged onto it. 
• Short each layer of you drawings to one frame each
• Then, drag the layers/drawings into one of the columns in order. This should look something like the purple image below. 
• After this, press the play button to the side and watch your drawing com to life. 
• Fix any errors you see in the animation. 
• Once you think the animation is finished, then go to File-Export-Render Video. Make sure it exports as a mp4. 
• The final step is to sit back and enjoy watching your 2D animation! 

This is what your ball bounce should somewhat look like in the end. 

Montage

Project Overview:

This next animation was a group project in my class. We were assigned to create a stop motion animation meaning we had to take still shots of our subject-each with a slight change in position- and put them together. This gave the allusion that the subject was moving and doing its own actions.

My group and I wanted to have our animation tell a story. After brainstorming numerous ideas we decided to make a stop motion animation about a dragon who goes on a montage and travels through the computer.

StoryBoard:

 The next step was to assign roles to everyone in my group. I was incharge of creating the storyboard and plotting each kind of shot to take when animating and or filming.

Our story was inspired by a dragon named Drougue that-our head animator- Hanna Brady formed out of clay. We felt it would be interesting to have him be our subject and watch him make to life.

Our story starts off with Drougue stepping up to the computer's keyboard and searching for montage music on google. All of a sudden music begins to play and Drougue decided to explore the computer by walking into it. He transforms into a 2D character as he makes his transition into the computer screen. While inside, Drougue stumbles upon old animation folders and opens them up. As he travels from computer to computer, Drogue invites the other animations to join him on his "montage". Eventually everyone follows him out of the computer making them all change into clay figures. The very last scene is all of the animations deciding to watch an animated movie ending the montage.

This is the Montage storyboard.

It was my job to sketch out each scene describing how the shots were going to be animated.

When storyboarding I tend to add notes next to each shot to help organize the story and how we are filming it.

After storyboarding our animation, the next step was to scan each image onto the computer. I had to create a slide show in After Effects containing each shot from the storyboard. The purpose of this was to plan out how long each shot was going to be when filmed or animated.





In order to create the slide show, I had to crop out each shot in Photoshop and then drag it into After Effects. While in After Effects, I had to place the shots in the order we wanted to film it. I also had to trim the shots down to however many seconds it was going to take to animate it. This was to help calculate the number of pictures needed for the shot. For example, if we planned for one stop motion shot to be three seconds long then we would need thirty-six pictures of the character moving. In the end, After Effects informed us our animation will be around two minutes long.

Characters:

These are the main characters of my group's stop motion animation.

This is Drougue. He was the main character to our story. 

This is the Blue Dragon and the Melon Girl. They are the first two characters Drougue meets on his adventure.

This is Chucho. He is a green dragon and joins the journey with Drougue in the film. 

This is SAM. He is a unique character that follows Drougue and his new friends near the end of the film.

The Process:

It took a lot of time and effort to bing this story together. My team and I had to shoot the stop motion scenes outside of class using a camera and tripod. We had to take a picture each time we slightly moved our character. This would give the illusion that the character was moving.

Drawn By: Jessica Love

We had a three types of animation appear in the film: Stop-motion, 2D, and 3D. It was challenging to accomplish all three types of animations and still complete the project on time. Our Head Animator, Hanna Brady, took on most of the responsibility of creating the 2D animation. She drew the motion of every character per frame on the computer. Side Animators helped draw a few individual shots as well.

Every animation starts with a drawing. You must draw out each frame in order to have a smooth animation in the end. Once you are done drawing, you must scan the shots into the computer. On Photoshop, you must place the pictures in order so and make sure they all line up so the transition in motion looks clean. Another important reminder when animating is to time out your scene to make sure the animation is at the appropriate scene. Once this is done, then you can color over each shot. These steps will help bring your still drawing to life!

We used those steps when animating our project.

Final Thoughts:

I had fun making this film and although it took a long time to finish, I believe my group and I did a good job and our first attempt of the stop motion animation. Hope you enjoy the film!

Crooked

I was given the opportunity to create my very own animation. I had many ideas but for this project I wanted to focus on my story making skills. In the end, I decided to create an animation about a stick figure who is different from others but soon learns to embrace his difference. 

My main character is named Skully. I named him that because from the way I drew him, he looks like he has scoliosis. I wanted to keep the art work simple so the viewers could focus more on the story. 

My story starts with a shot of two stick figures having fun, playing with a kite. Then, it pans to a shot of Skully. He decides to ask them if he could play too but when he asks, they reject him because he is different. Later that day, skully sees the two other stick figures still playing with their kite. Suddenly, the wind blows their kite into a tree. They try to reach for it but they were not tall enough. The two decide to give up and start walking away. Sully felt bad for them and decided to try and help them. At first, he wasn't sure how to help them but then realized he had something that the others didn't. Skully used his disability to stretch and grab the kite. The two stick figures watched with amazement and realized that they should not have judged Skully for being different.

Storyboard:

Here is a look at my story in a little more depth. 

My Process:

 I made this animation in Adobe After Effects but drew my characters and scenes in Photoshop. It didn't take log to draw because of its simple design and color. After creating all of my shots for the film, I imported all the psds into Adobe After Effects where I used key points to make each character move. 

However, before I did that, I had to use the puppet tool to create what would best be described as bones. The puppet tool gives the characters' arms and legs points to help move you character. This gave me the opportunity to put my characters in any position I wanted them too. 

Once I gave all of my characters "bones", it was then time to use the key points to make the characters move from position to position. 

The hardest movement was the walk cycle. My characters' designs made it difficult to create the appearance of walking (not to mention I'm a perfectionist and had to redo a lot of the walking scenes because it didn't look right). To complete the walk cycle I used a piece of paper as a line across the screen to make sure the legs were walking in a straight line.

Another challenging part of my animation was figuring out how to make the crooked back unbend into a straight line so Skully could reach the kite in the tree. At first, I tried using the puppet tool but it did not give clean looking transition. Then, I tried to make separate pieces that made up the back so that I could rotate all the curves into one straight line. However, the pieces didn't line up quite the way I wanted it to. 

I decided to ask my teacher if he had any ideas of how to fix my problem. He suggested created a vertex on After Affects and make it into the shape of Skully's back. This gave me the chance to move the points on his back from curvy to straight. After following my teacher's instructions, I couldn't be more happy with the turnout of my animated short film.

Once I finished all my scenes, I then had to find music. I wanted instrumental music that went with the mood of each scene. It was hard to find this type of music but I finally found music that (somewhat) suited the film. I'm still a little nervous about the music and am not certain whether I really like it or not but oh well. 

I am happy that I a finally done with my animation. I believe my hard work in class has paid off. I do believe it came together well and all though the story is a little cheesy I am proud of myself. This project has allowed my to recognize my strengths and weaknesses. I plan to use this information on my future animated projects. 

Hope you like my film!

Steal Like An Artist

I just read a short novel that I purchased called Steal Like an Artist by Austin Kleon.

This book is about how artists find their inspiration in the stuff around them. It gives the reader an insight on creativity and how to prosper as an artist.. or animator(;

The author's main idea is that nothing is original. One may find this hard to believe but it was even stated in the Bible.

"There is nothing new under the sun." (Ecclesiastes 1:9)

Kleon believes that everything has to come from something. Creative work is found from what came before it. When you first think about it, the topic seems depressing but it is actually freeing. The sooner an artist can accept it, the sooner they can embrace it. There is no more pressure of being completely original. 

The author believes ideas come from the influences you surround yourself with everyday. The only way to become better is to expand your mind.

How would one do this?

The answer is simple. Collect knowledge. The more your head expands from books, movies, and everyday sights; the more you can choose to be influenced by. After-all, our own ideas are just clumps of other ideas that inspire us. 

Kleone encourages artists to take a notebook wherever you go If there is something you see or hear that you find interesting write it down because it could lead to something amazing. An artist is a collector because they take the things they love and build off of it in their own image. Inspiration is all around you so when you see it, steal it. 

I loved this book. I believe the author challenges the reader to look at being an artist in a different way than one would. Kleone makes a good argument. When I first started this book, I was skeptical. I believed there were a lot of movies and books in the world that are so unique and wonderful-for example disney- but the more I read the more I became convinced. It made sense to me that in order for an artist to create, it must be inspired with something around him/her.

The knowledge one would take out of this book depends on what kind of person they are. Take me for example. After reading this book, I wish to look more deeply at the world around me and embrace any ideas that will inspire me to animate a story worth stealing someday.

Citation: Kleon, Austin. Steal like an Artist: 10 Things Nobody Told You about Being Creative. New York: Workman Pub., 2012. Print.

  

Short Film

Feast Analysis:

An animated short film I admire is Pixar's production of Feast. 

Feast is a romantic comedy that expresses a well told story about man's best friend. This anecdote gives an inside look on how Winston, the dog, reacts when his owner starts to date.

In this story, the protagonist, Winston, is introduced to a new life style after his owner takes him in off the streets. It wasn't a challenge for Winston to adapt because of his deep love a food. As time goes by, Winston and his owner's bond grew. Later in the story a woman gets introduced, causing Winston's life to go sideways. It wasn't until one day when Winston realized life wasn't about food, it was abut making his owner happy. 

The Feast is an example of how caring and helping your friends and family is more important then objects or even food...

How was Feast made?

This animated short is a 3D hand-drawn/ computer-animated film. Animators used the Meander System to create this short film. It was the first film to use this program in color. The texture, also, was used to create an illusion that made the finished product look as if it were 2D. 

As you watch the video, you will find that most of their shots were the same. This is an artistic technique used to show quick cuts of each shots. In fact, animator Patrick Osborne, said that the story of Feast was based off of the app 1secondeveryday. This app allows users to create 1 second videos and mash them together, making a story. Osborne used this app to create a video of the dinner he ate. This gave him the thought of making a nice short film based off the app.

I also noticed in the film that the people are blurred out. The only thing in-focus is the dog and his food. This is to keep the story's target on it's main character. After all it is a story about a family coming together through the perspective of a Winston and his meals.

I really enjoyed this short film because it shows a lovable dog who witnesses his owner finding true love. He realized that he loved his owner more than his food.
I loved how they edited this story with the repeating short. I think it was really original and different compared to other shorts. It gives a different look on how to capture the story. I can only hope  to be this unique.

Fish

It all starts with a doodle…

My goal of my animation was to create a 3D swimming fish on the Maya Program.   

I had to start out simple. I made sure to draw a fish that had little plain features. After sketching out my fish I scanned it onto the computer and pulled it into the Maya Software. It was there that I began to shape out my fish. I started out with a cube and began to move the vertexs causing the figure to stretch out. I had to use tools that allowed me to extrude my shape, creating the parts of the body such as the lips, fins and tail. I cut my fish inhale with the slicer and used the symmetry tool to create two equal sides of the fish. I screen shouted a picture of the shape of my fish after completing it and dragged the picture in Photoshop because the next stage was coloring.

I wanted my fish to have contrasting colors, so I used the colors blue and yellow. There is also a hint of orange. I felt accomplished with my design I created. I feel that it is unique and resembles what looks like a real fish. You have to save your design as a png in order to wrap the design on the subject.

In Maya, you must add a phong texture and download your file with the design onto the fish. I had to make sure the design lined up with the body, otherwise, the finished project wouldn't come out right.

After attaching the textured design, you had to create eyes for your fish. What I did was take two spheres and put them where the indented sphere shape was on my fish.

The next step was a little tricky. I learned how to create bones for my sea creature. In Maya, the bones are joints and allow you to move your subject more effishiantly (You see what I did there?). All the bones should be connected and lead back to the main bone that will be used to move the entire body.

After lining up on the bones you your fish the next step is to color the bones. To color the bones you had to color the parts you wanted to move white for each bone, the other parts should have remained black. This sounds easy, however, it was very challenging for me. It is difficult because the white paint puts weights on the bone, if you put too much white on one bone then it could all concave on each other because it's too heavy. I know this from experience…

After I finished painting the bone, it was then time to make my fish swim. I used key points to plot where my fish would move too and what angle its tail would be "wagging" to.

My project came together pretty well. I wouldn't change a thing except maybe being more careful with the bones. I know that now. The process of making this animation was a great review for me and also taught me new technics. I can't wait to see what I will be creating next(:

Final: Land of the Lost

I have done some awesome projects in animation, but this one has been my favorite!

The assignment was to take all we have learned throughout the year and combined it to make into one video. This includes: 3D animation, special effects, 3 point lighting, and green screen technology. 

My group brainstormed ideas. One of the members in our group thought about making a Back to the Future film. We all agreed on it and started story boarding. Our conversation changed to the old Land of the Lost TV show. We looked up the theme song to it and ended up  loving it! That's when we realized that we should base our project off of Land of the Lost.

It didn't take long to storyboard because our film was going to be mimicking the Land of the Lost intro theme song.
https://www.youtube.com/watch?v=gwvguf_0kUw

Our group then assigned roles to everyone.

I was the director of the film and was in charge of putting the whole film together on Adobe After Effects. Corey Eaton was the director of photography and filmed the shots of us in the green screen room and the closeups of the steam from his backyard. Hanna Brady was in charge of the 3D animation of the Land of the Lost title. Brianna helped by making graphic designs for the credit scenes and Kate made the storyboard.


In this film we didn't actually record ourselves floating down a river in a raft, it was what we call movie magic! This magic came from what is called a green screen. The green screen gives us the power to transport ourselves to another place while still being in the same room. What we did was place ourselves in front of the green screen and record as if we were in the river. In the animation software, After Effects, you can change the background into whatever you want (in this case a river).

After filming all the shots needed, we imported them into After Effects. I laid each shot in order and began the green screen transformation. The first step is creating a magenta matte to go behind all of my camera shots. This is because magenta is the opposite of green. I then created a Color Key Effect that turns the green color into that magenta. It is important to not have shadows of your subject while filming in the green screen room. The shadows are harder to get rid of (a tip is using the three point lighting technic).


After color correcting your subject so it goes along with your background, you are ready to drop the background in.
Once the background is placed under the shot you want it to be you can begin scaling, moving, or rotation your subject. The Color Key effect allows your background to become invisible so you don't have to worry about the green color. 

The green screen transforms this…

...into this(:

I the original video, Land of the Lost, it had an earthquake appear. Through the use of movie magic we were able to make that earthquake possible in our film. Our director of photography, Corey, found special effects to use to make it look like rocks were falling onto us and splashing into the river. This is one of my favorite shots of the entire film because it is funny to watch and really adds to our video.

After doing all of this work we then added the Land of the Lost theme music.

Hope you enjoyed our film!