Final Project

The story behind my GIF is simply comical. I took BB-8 which is a cute character from Star Wars The Force Awakens and mashed his footage with a scene from Maximum Overdrive.

The first thing I had to do was find the right content for this piece. I knew I wanted to have BB-8 running over something, at first I didn’t know what exactly I wanted to have him running over. Looking through several youtube videos I couldn’t find any that would work until I saw the clip from Maximum Overdrive.

Here is the link I used for the footage:

If you see the entire clip above, you see that I had to remove parts of the video to make this gif work. Also you see the amount of rotoscoping I had to do to create this.

I already had this specific green screen in mind to work with. Here is the link below, if you want to create any animation using BB-8.

Here is my final piece:

BB-8 Running Over A Child

How I created this:

First I knew I had to rotoscope to get BB-8 to smash through the score board. Here is a video I thought was helpful in rotoscoping.

Basically, I had to outline frame by frame by which the scoreboard was collapsing. Each frame would show a little bit more and more of BB-8 until he was fully the reason why the score board fell as opposed to the original version which was the steamroller driving through it.

Screen Shot 2016-04-13 at 4.33.00 PM

Once that was completed I moved on to the shadow of the ground. This was a tricky part considering the original shadow was boxed and bb-8 is round I had to create a mask and color correct it to match the grass and how the shadow appeared.

new shot 2Screen Shot 2016-05-18 at 5.20.50 PM

Finally I had to rotoscope the boy literally getting run over by the BB-8. This was the part where I would say I needed to improve. The pen tool is really important to master considering it makes your life easier knowing how to manipulate the anchor points and how to drag and pull to create the outlines of what you are tracing over.

Screen Shot 2016-05-18 at 3.29.23 PMScreen Shot 2016-05-18 at 5.20.22 PM

Once I had finished tracing over frame by frame, it was a total of 15 frames I moved over to feathering the outlines to make it a little bit more realistic, so that the edges weren’t so sharp.

Here is a good video I found that teaches you how to use the pen tool to create masks:

I think overall the story I was trying to show was successful. It did take a lot of work doing this 6 second gif because I was trying to be as precise as possible with how the finished product will look. It was difficult but I really like how it came out. It was a fun project and the ending result is very comical.

I put my work up on imgur and imgflip. So far I have no feedback but I’ll check back on it.

Here are links to my earlier work for this project:

http://rescuethepresent.net/tomandjerry/2016/05/10/final-project-bb-8/

http://rescuethepresent.net/tomandjerry/2016/05/11/update/

Update

The first thing I did was rotoscope BB8 and a score board. The goal was to make BB8 appear in place of the score board. The score board was what originally was on the scene so I created a way for BB8 to take place of what was behind the score board as it fell down.

Screen Shot 2016-04-13 at 4.23.41 PM

It looked like this when I was done.

Here you could see the multiple masks I created from the different frames in which the steamroller came through and I replaced to take the body of BB8.

Screen Shot 2016-04-13 at 4.33.00 PM

Looking at the time line here you could see the different keyframes that I had to place to make this scene work. Changing the location and opacity. It took a while because it was difficult to perfectly select where the score board was falling.

Screen Shot 2016-04-13 at 5.23.51 PM

 

Next, I brought the following clip I wanted to use up. Its the part where the steam roller physically rolls over the young kid.

I created a circular top to put over the original shadow. I had to create a null object in the shape of half a circle to create a shadow. The shadow was difficult to create since I had to play with the color filters to create a look alike from the original shadow.

The problem is that the shadow from the steamroller is squared and BB is circular. I’m still in the processes of creating this shadow to follow the squared one from the original clip.

new shot 2The overall project will still be BB8 running over a small child. The shadow is something that I need to really work on to finish this piece.

LOST BB-8

This is a work in progress. I need to find footage of objects being crushed, or something humorous like that. I decided to take a green screen animation of BB-8 and add it to a background.

Screen Shot 2016-04-06 at 3.50.38 PM

 

Here is the final product which is BB-8 rolling around in the dessert appearing to be lost. I did look at the comments and read that he comes back into the frame too quickly. I will keep that in mind when I create the final gif.

BB-8 LOST

Proposal:

I would like to create BB-8 to take the role of the steamroller death form this clip.

 

She Doesn’t Even Go Here

The movie I decided to make a gif from is Mean Girls. I think that anyone who has seen the movie always remembers this scene in particular.

Here is what my gif says:

Screen Shot 2016-03-16 at 3.55.34 PM

I got these subtitles from YIFY. It was really helpful since it gave me the specific time where each line was said. I was originally going to use the script but found this to be more useful since it’s what the movie actually produced as a final product.

Screen Shot 2016-03-16 at 3.57.22 PM

First, I saved the link from Youtube. I simply added an “ss” before the Youtube part so I could download it and work with it using after effects. This takes you to another page and gives you the option to download the video or sound of a video from Youtube.

Screen Shot 2016-03-16 at 3.58.23 PM

The process to make the gif then started out by selecting the area of footage I wanted to work with. When that was selected I then pasted the subtitles to the appropriate time of the footage. I simply pasted the subtitles to the text tool in after effects and then changed the font and color based on who was doing the talking in the clip.

In the picture below you could see that there are different rows of red. Those are the different pasted subtitles. I had to crop them individually and place a time where they would start and finish.

 

This is how my timeline looked when I was done.

Screen Shot 2016-03-16 at 3.54.45 PM

This is how you change the color of the text:

Screen Shot 2016-03-16 at 4.01.45 PM

Here is the final product:

View post on imgur.com

After Effects Moving Poster

For the after effects moving image I decided to further experiment with the saw movie poster.

image

I extended the rope of the teeth by using the clone tool on photoshop. I then imported the new teeth along with the other assets I worked on before for the first project. When I imported the teeth I moved the point of movement all the way to the top rather than on the actual tooth so that it would rotate from above where the saw is rather than give it awkward movement like my previews project had.

image

I played around with the rotation movements and how they looked making the teeth move. Here in the picture we could see the different rotations I set up using the different anchor points on each asset.

When that was done I decided to also experiment with the transparency options and text options after edits has to offer. I found this mask online I imported it to after effects then set it to move in a specific way. Adding letters to be followed, I did this by adding the mask to be the parent of the letters.

image

 

Here is is the floating head. I attached “I want to play a game” to follow it as it disappeared through the poster.

 

Here is the final product.

View post on imgur.com

 

 

Saw Moving Movie Poster

Background

To begin this moving poster I first had to create a background using photoshop to show where the moving parts would go over. The image above shows the background where then I placed the transparent teeth. I used the color correction tool to blend out everything and leave the background with only white.

 

Once all teeth were cut out individually and free from all other objects I pasted them onto the background from the first picture. To free them I used to pen tool and then saved their paths. The paths were then copied and pasted onto the background.

 

When they were all placed over the background I then started moving the teeth and placing anchor points to the way I wanted to teeth to move. By creating the different anchor points it basically created points for the image to follow. I created a back and forth motion for each teeth. The overall gif shows the teeth dangling from the saw.

Saw Moving Movie Poster