Design Vis Spring: A2

Intention

To make a short triptych that has corresponding songs or sounds.

Ideation

After meeting my group members we began by sharing music that we liked so we could decide on a theme for our project. Starting with showing each other music allowed us to understand each other a bit more so we could work together cohesively. We then began to ideate what kind of scene and setting we wanted to express. Many of our ideas were scattered about so we made a Pinterest board and Google Doc to collect our differing ideas and styles in one place. The Google Doc was a place for us to write down loose ideas and start to make a written storyboard. Eventually, we settled on telling a story in a city with a lot of short clips of the many shenanigans that would take place in said city. To tie together each scene we wanted to have a color motif, and we decided that the color of a traffic light would be the perfect motif to incorporate. After setting an intention for the theme we focused on choosing a song. We jumped from indie to rock to r&b, and out of all of these genres, we settled on a punk rock song called Deceptacon. This song we chose would encapsulate the bustling city atmosphere while keeping an upbeat tone.

After setting our song and triptych intention, we moved to the Pinterest board to find inspiration and art style influence. Most of the images that we began to compile on the board were color focused. We were looking for color schemes that would fit with the aesthetic and atmosphere we wanted to convey. We settled on a triadic color scheme involving red, green, yellow, and blue. With this color scheme, we could represent the traffic light colors while incorporating a blue sky to ground the work.

Then we began to write down the ideas for the clips that we wanted to make. We used the Google Doc to write and narrow down the ideas. Eventually, we came to 8 solid clip ideas for the project.

The Ideas were:

1. View of the city from afar  2. Shot of a grocery mart with a pedestrian and taxi  3. Dog urinating on a fire hydrant  4. Fish-eye lens view of Tom Nook (from Animal Crossing) knocking on a door    5.  Shadow of a person dancing in a window  6. Woman drinking coffee in a shop  7. Taxi crashing into a pedestrian  8. Pedestrian in a bed yelling in pain

Production/Iteration

The process began with making a loose storyboard of each individual concept clip that we had planned. I tasked myself with making the storyboard, It was a simple yet daunting process at first. Because, while drawing up the rough key frames I found myself wanting to make them more detailed and elaborate. However, since it was a prototype the level of detail was not the focus. I made a small concept storyboard with simple animations and line work that would sync to the music. After making the storyboard I noticed that the project’s scope felt much more concise. It felt as if we were already halfway through the project since most of the ideas were already structured with themes and sound. Below I have attached a link to the storyboard, (Sound Warning, Loud Audio)

Deceptacon – Small

After the storyboard was finished our group divided up the varying clips to make and began the production process. My two group members would focus on making a majority of the clips while I would make 2 clips with 3D paper structures. The first mechanism that I focused on was a collapsible paper cube that would be the setting for the grocery mart clip. The mechanism of the collapsible cube proved to be very challenging since most of the construction did not allow for the paper cube to collapse efficiently. Due to the mechanism now working as intended, we scrapped using it in the project.

The other 3D paper structure was for the pedestrian in bed clip, this one was a simple process. I made a simple paper bed design and used plastic paper stands to hold it upright. Then I took a printed version of the pedestrian and attached a modified mouth so we could animate his yell.

During my paper structure creation, my group members made the remaining clips in a 2D format. A majority of the clips were made using paper however, there were a few clips that couldn’t be realized properly with the 2D paper format. So after talking to our instructor, some clips were made digitally. Since some were made digitally we could tweak the animation process of the clips more accurately.

Then our group went to animating by taking photos, after an hour or so of shooting we had over 220 images to crop, edit, and refine. At this point, most of that workload was shifted into the hands of one group member which led to some conflicts. However, after communicating, we reoriented ourselves into the process of refining photos and editing the clips together. The photo refining process was simple yet time-consuming, this was probably the most “challenging” part of the final production phase because of the time commitment to refining all of the photos. Eventually, all of the photos were ready and they were compiled into the final product. Below I have posted a link to the final product.

Visualizations A2 – Dynamic Page

Conclusion

This project was an interesting change of pace, it pushed a lot of my creative limits in a visual sense. I appreciate the project for the avant-garde approach, animation is not a medium that I inherently associated with design but this project showed me the intricacies that design has in the medium. The fact that this was a group project made the scope and skills needed more feasible. I feel that this project allowed us to wildly explore the medium of animation, which was an amazing learning process. Much of this project focused on the concept-building process which left it very abstract. Much of the openess and abstraction of the project was beneficial since it allowed many of my classmates to explore different avenues. I enjoyed the process of working and learning with my group members, and it makes me proud of our final product. The most difficult challenge of the project was the process of making all of the images ready for the video editing process, this left me wishing that there was a tool for stop motion-based editing. All in all this project was a great change of pace from the other materialistic projects.