Style Frames 


Mind Map

For my infographic I wanted to focus on a topic that I am incredibly passionate about. For this project I wanted to inspire people to make a difference and help or just support gender equality. I took the approach of listing some shocking facts then a call to action of how people can help achieve gender equality. Throughout this project I struggled with timing and some effects. The program itself shut down a few times and deleted some work. Despite my difficulties I think I created an infographic that was successful in creating awareness.


My Stop Motion Process


One of the first steps I did in my stop motion process was research. I began searching for examples on Pinterest that I found interesting and cool.  ( /sabrinacdx/stop-motion/). The next step was to sketch it out. I knew I want to create a landscape using construction paper. I thought it would be a cute idea to have a sun set over an ocean horizon while a boat sailed by. There were a few errors I came across when making my stop motion come to life. The first problem I had when creating this was in my original sketch I wanted the sky to transition to a night time sky. However, when cutting out the paper I did not actually know how to achieve this gradient. The next problem I ran into was the smooth transition between the different shots. I need it to appear more effortless than choppy. The final problem I ran into was that my camera on my phone had been slightly cracked therefore making the video look extremely blurring. To fix this I had to borrow on one my friends phones to achieve the final product. Overall, I liked the project but it was difficult process to achieve the final product.

GIF Process

Prior to creating a sketching my GIFs I began to do research on Pinterest ( , I found ones with people most interesting. After getting some inspiration, I created my first GIF of the steaming coffee cup.  Which I then drawn in my sketch book. I had a vision of what I wanted it to look like and I thought it would be best to make this come to life through illustrator. I began to first draw a coffee cup on a table using the pen tool. I then used the live paint tool to add color. I wanted it to feel fun and cartoon like. I choose very pastel colors to emphasize the playfulness. The next steps were the most challenging and time consuming of the project. I then would copy the coffee cup onto a new layer and I began to move the steam slightly in each layer. Therefore, when moving the steam would have a natural appearance of rolling up into the air.


The next piece I created is more of my style. I wanted to use something that was not normal to begin with and make it move. I got most of my inspiration from an artist named Xaviera López on Pinterest. I have been obsessed with line drawings recently and I thought it would be an interesting idea to take a line drawing that I have made on illustrator and create the illusion that the line drawing was being pulled out on both sides to create a single string at the end.  I created this by starting with the original two lined faces then again creating new layers and each time moving them slightly to create the illusion of string being pulledColoneseDiBello_proj1aColoneseDiBello_proj1b

Cinemagraph Process

cinemagraph_ferris-wheel2ColoneseDiBello_proj2bWhen researching cinemagraphs, I found that I believed the ones with people were the most interesting. I really enjoyed the very slight movement in the background of the cinemagraphs with the people still. I knew from the beginning I wanted to recreate these types of cinemagraphs. Therefore, for my first cinemagraph, I choose to shoot in a very fast paced, filled environment, The Durham Fair. Prior to entering the fair I knew I wanted to encoruprate  the Ferris wheel. I wanted to create the illusion of a somewhat “stillness” in a loud and busy environment. To achieve this, I used my phone with a tripod to capture the video. I then was able to copy the video in Photoshop and mask the Ferris wheel to create the cinemagraph. When exporting the quality of the video was slightly ruined and created a weird texture on my two friends faces. I also ran into the problem of a person walking right in front of the Ferris wheel during my video so you can see a head pop up randomly towards the end.


For my next cinemagraph I knew I wanted to try something different. After downloading the app, Pixaloop, I wanted to try using it on one of my photographs. I found one of my sister that I took over the summer. I used the app to animate the water in the photo and create anchor points on where to keep the photo still. Overall, I thought it was an interesting take on cinemagraphs and I liked the way it turned out.

An Introduction to Motion Graphics

In both books, “Animated Storytelling” and “Motion Graphic Design: Applied History and Aesthetics” the two stress the importance of a story behind an animation. Without a story there is not significance or emotion. One thing I found incredibly interesting and useful from the author of “Animated Storytelling” was when he said once a topic is chosen, to write down everything you know or can think of about the subject. Even the smallest detail can blossom into incredible story. While “Animated Storytelling” focused on the pre production process, “Motion Graphic Design” narrowed in on the history behind motion graphics, with the early cinematic productions. How the human eye is able to blend moving pictures together to see as a moving image. Overall, I thought it was interesting to understand the beginning stages of motion graphics and how it became to be what it is today.