Scrolling

This one is probably my favorite GIF that I made. Over all I spent maybe 4 hours on this GIF trying to get the masking correct, again. I know it doesn’t look that great on the preview but click on the image and it looks better. With this one I really wanted to get into masking. I filmed my friend scrolling through the phone and I wanted to make it look like there was nothing moving just her thumb. I used a tripod again but it was hard for her to keep her hand still while we were filming. I went through frame by frame to find the place that wasn’t so shaky. Then I cropped it as close as I could to attempt to stabilize the image. I think it worked out really well!

My next task is to start the masking phase. I forgot to get a shot of the phone without the thumb in it so I had improvise. I took a screen shot of my Facebook and added it to the background where it should be scrolling. I had to transform it so that it would match the original destination and I that was probably the hardest part of this entire GIF. That’s why it took me so long to complete it. I finally got it to the point where it didn’t look so fake and I just decided to leave it.

Then the masking started. That took forever too! I wanted to fill everything in as much as I could so it would look realistic. So I made a selection and then adjusted it to each layer and thumb movement. For some reason the selection tool didn’t work as well as I’d like so I had to go in an clean up the edges after I finished. Here is the final product!

 

Accumulated Time: 15hrs.

Handwriting

This one was fun to film! I was creating these GIFs at work and Amy just so happened to be on while I was there. I had her help me with this GIF by writing out the words. I set the tripod up so it was over her shoulder. So I filmed her writing out each word then I had her place her hand where it was in the final product. Then I imported the footage into photoshop where I began masking. This first GIF shows what it looked like as a rough cut.

I got stuck here and could figure how to mask out all of the words while still keeping the background the same. Another tutor, Brian was working and he showed me how to create another layer to match the paper background. So I had the background set! Then I went through and continued to mask the words out. I got stuck again where I couldn’t figure out how to get the back ground to show up on all of the frames. After googling for about a half an hour I figured out that I needed to make sure the background was visible in each layer. It turned out to be so simple that I was really confused when I figured it out. But it worked! All in all it took me about 4 hours to complete this GIF with the background recreation, masking, and geting stuck with the transparency issue.

Accumulated time: 11 hours

Typing

This GIF actually didn’t take me that long to finish up, another hour of work. With this one I wanted to experiment with my own movements to create the illusion of cinemagraph just with movements rather than with editing. Unfortunately I think this GIF is a fail… I couldn’t get the angle I wanted and and I just think it looks weird over all. Maybe because its my hand in the GIF rahter than someone else’s hand. But it turned out okay, so not my favorite.

Accumulated Time: 7 hours

Highlighting Notes

I was starting to get the hang of things here so this one is not the greatest. I didn’t use a tripod so the footage was really shaky and I couldn’t figure out what to do. Another tutor helped me work through the problem. He showed me how to line up each layer then crop close to the highlighter so it would reduce the shakiness. This ultimately took me about an hour to line all 17 layers together. I lowered the opacity of the layer that I wanted to move, then used the pervious layer as the base. I cropped a close as I could without losing the highlighter.

Next I ran into the problem of quality once I went to save the GIF through the “Save as Web” section. After Spending a good 20 minutes of the hour trying to figure this out. But I came to the conclusion that it was probably Photoshop cutting out the data in order for it be web optimized. This took me about 2 hours to complete

But here is the final product! I’m actually really happy with it besides the splotchy colors.

Accumulated time: 6 hours

Cinemagraph Planning

 

So when it comes to planning, some times I have the hardest time either planning or things come to mind very quickly. In this case, I had the hardest time coming up with ideas. I wanted each GIF to be challenging but I also wanted them to be doable. After continually rethinking what I wanted to do I came up with 4 ideas:

  • A highlighter rolling across some notes
  • Typing on the computer
  • Someone scrolling on their phone
  • Handwriting without a moving hand

While I was coming to a close on the two hour planning period I finally told myself that I needed stick with the first few ideas that popped into my head. That’s how I came up with the first few ideas. I came up with the handwriting one when I saw Amy doing some calligraphy at work. I had a brain blast and I knew that I wanted to incorporate that into my project.

Planning time: 2 hours

Now I wanted talk about the execution phase, all in all it took me about 2 hours to get all the footage I wanted and sort through. I wanted to get more footage than I needed just in case, and it took a couple of tries to set everything up in the right way. So here are some test shots of each idea:

I took a long time to get the lighting right, glare off the screen, stabilizing the shots amongst other things. But next, I’m going to go through each GIF and show you the process of how I got my final product!

Accumulated time: 4hrs

Final Project Planning

 

Hi there! So its time to plan my final project!

I wanted to stick with GIFs because I really enjoy making and I think its fun to capture just a small moment in time. I also really enjoy getting them to loop as much closely as possible. So when I was starting to plan out my ideas for the project I didn’t really know what I wanted to create. I was stuck trying to come up with ideas for a very long time, right before we had to present our idea. I had a few ideas for the project, but I didn’t know how to execute, one being kinetic typography. That is where you create motion in text. Here’s an example:

This video is an awesome example of what you can do with kinetic typography. I was really excited about this concept but I had no idea where to begin. So in collaboration with Amy, who suggested my final idea we decided to switch our ideas around. She would work on the kinetic typography for her final and I would work on GIFs. But the GIFs would be a little different. They would be cinemagraphs instead of GIFs. Cinemagraphs are different from regular GIFs, because cinemagaphs have a small movement in the image rather than the entire image moving. Here are some examples:

I was really fascinated with this concept and I wanted to tackle this project. Stay Tuned for more planning!

 

 

Doodle Waves

I loved this project! I actually did something similar to this for my Design Principles class last fall, but I actually made a flipbook out of found GIFs. So I was excited to tackle this project. Unfortunately I ran into a creative block. I didn’t know what to draw. I’m not very good at drawing until I came up with the idea to “doodle.” And I put that in quotes because doodling is my form of drawing. I like to draw little patterns here and there so I thought I would put them all together! After almost finishing up I decided to make it waves at the top creating an ocean. Scanning it was really hard. It took me a while to get the hang of it. But I really enjoyed this project!

flipbook

 

GIF Mainia Take 2

Hi there! I loved making these GIFs! GIFs weren’t a new concept to me, I’ve made them for numerous classes throughout my time here at UMW (one post can be found over here). I am used to creating GIFs with found footage (clips of videos I’ve grabbed from YouTube) so it was a challenge for me to come up with ideas for this project. Here’s what I came up with!

Autobiographical:

I just really love candles.

flame

Nature:

The leaves were pretty.

leaves

Sound:

I was listening to music while studying.

sound