For my final project, I decided to make sketches that could then come to life through animation. The goal of the sketch is to convey an idea/message from my own experiences that could hopefully connect with a viewer.
The first sketch shows a girl with a balloon stemming from her head that grows, with her face tightened. In the second half of the animation, she breathes out, which you can see with her facial expression changing, air being exhaled, and shoulders relaxing. It is supposed to show how we can build up these worries in our heads that are often just nothing (like how a balloon is filled with air). Her exhale is like letting air out of the balloon.
The second sketch is of a young girl on a swing, and when she jumps off of it, instead of falling to the ground she begins to fly. It is supposed to capture the imagination of children and how it is important not to lose that optimism for what is possible as you get older.
When first beginning this project, I attempted to use both the P5 library Scribble and the built in shapes to create objects that could then be moved around. I struggled with this method to make an accurate drawing. I then moved on to hand drawing each part, and scanning it into Adobe Illustrator where I made it look computerized. For my first sketch featuring a girl with a balloon, i created the animation by varying the speed of the pieces of the drawing. With this method, I had limitations on how the image could be moved. For the next sketch featuring a girl swinging, I again hand drew the parts of the image but this time created each frame in illustrator. With reference to Daniel Shiffman’s tutorials, I made an JSON array that featured the coordinates, width, and height of each frame. In the P5 editor, with the frames and JSON uploaded, I used the frame reference points to cycle through the animation, and then loop back to the beginning. Now that I am familiarized with the methods of creating this project, I feel moving forward I could make these sketches with finer details and fluidity with practice.
https://www.openprocessing.org/sketch/641828
https://www.openprocessing.org/sketch/641736
https://www.openprocessing.org/sketch/644313
Some sketches:
Gifs of work
Resources:
https://www.youtube.com/user/shiffman
Instagram: @bymariandrew
Instagram: @alecwithpen
You must be logged in to post a comment.