For this infographic, I chose to showcase the mass differences between the average income rates between New York state and Syracuse area. For the beginning portion, I chose to do a small introduction between the U.S., New York state and Syracuse. Each area is represented by a different opacity of red. At the end, the infographic allows the user to click on one of the three topics to go back and view the specific topic again.
For this doodle animation, I chose to represent my favorite actress Audrey Hepburn. I chose to represent all the places her movies have taken place and showcase a silhouette of her little black dress. The green vespa is an iconic image taken from her first big role in ‘Roman Holiday’ and I used it to represent her travel spree from Rome to Paris to London and then New York City.
The concept for this piece changed over time, many times, until I decided to make another infographic about the nuclear powers and the amount of nuclear weapons that each of them possesses. It is a topic that is always in flux, so I wanted to show the most current information (July 2013) in a simple way. I did so in a dark-humored sort of way, that might lend to the unease of the topic.
In order to elicit this dark humor, I decided to make things rather rustic and roughly done. However, I needed it to still be simple and easy to understand. To do this I used the basic and well-known shape of a bomb and some color organization of the countries throughout. The radioactive symbol at the beginning starts the whole piece off on a darker tone as well.
When it came to the colors and type, it all had to reflect back on wrath and the topic of nuclear weaponry. The colors were an easier element to implement, as one of the first colors that comes to mind when wrath, or nuclear war is uttered is that of red. In order to make the colors easier to differentiate, however, I extended the mix into oranges and pinks as well. They are all still in the warmer range of colors, but bright and pop against the crumpled paper background.
For the type, I eventually decided to do a handwritten type. To do this, I made my own typeface that was hand drawn and then implemented it for all of the type. It is rough and mainly in all caps so as to define hierarchy and also to make it bolder, as if the information is screaming at you.
Finally, the imagery was very simply done, but informative and powerful I believe. It not only provides information visually, but verbally as well through some hard numbers. The radioactive symbol at the start gets the user in the frame of mind for what will come next. Then the bomb I used is the typical little-man bomb that one often sees in association with 1950’s bomb types. The color blocks then emphasize what powers in the world hold the most nuclear threat, and it is made very clear with the interactivity.
Overall, I think that the animation illustrated the point of wrath when it comes to world powers and the threat of nuclear weapons. It communicated this information simply and with hierarchy so that the user can focus on the message that it is communicating.
I chose to use Keith Haring as inspiration for this project. When I was younger, my mom had recreated some of his paintings and hung them above my crib. They’ve stayed in my bedroom since, so his art is something very sentimental meaning to me. I wanted to briefly capture his life in this short animation.
I stole from Haring’s pop art. He uses bright fun colors and heavy black lines.
Haring was born in Reading, PA. He lived there until university. He attended the Ivy School of Professional Art in Pittsburgh before moving to New York City to pursue his own artwork. I illustrated this through animating the iconic Haring baby through Pennsylvania. Flags pop up in these landmark cities, Pittsburgh and Reading. He moves on to New York and the transition happens through the change in color. This scene is brighter and more vibrant for him because it was in NYC where he flourished and thrived as an artist. Keith Haring was diagnosed with AIDS in 1988 and a year later he established the Keith Haring Foundation. Its purpose is to provide funding and imagery to AIDS organizations and children’s programs, and to expand the audience for his work. In his final years of his life, Haring used his art to speak about his own illness and generate activism and awareness about AIDS. I tried to capture this in the red heart that haring used in a lot of this later artwork. The end screen has a link to his foundation.
For this project, I chose to create a doodle animation inspired by the life of Coco Chanel. I chose this subject because I started with the idea of wanting to create a fun, graphic, black-and-white motif (Chanel can be associated with classic black and white fabrics and patterns). As I found music to go with the animation, the animation gained some Yé-yé and 60’s inspiration as well. Any audience could view it, but I would hope that someone young and fashion-oriented would especially appreciate the references.
For this project I decided to create a personal visual biography for my animated story. The purpose is to cover main points in my life in a short, yet interesting visual story. The goal was to represent who I am and my experiences of the year. I wanted to cover more in my animation, but I decided to shorten it so that I could focus more on learning the software and not get overwhelmed.
I start with a little girl holding the kite you represent a young me. The animation at the beginning is more energetic and bouncy like a little kid. Then the animation slows down and the kite flies past the dome to represent my time here at Syracuse. Next, graduation caps flying into the air. Then the kite flies behind a cloud to represent dreams and uncertainty of the future. I wanted the animation to have an overall light and happy feel. This is why I chose to use bright colors, a cartoonish style and joyous music.
The target audience would be my friends and family and possibly future clients. I would say that the main audience is my friends and family because they are the ones who have shaped my life and would want to see my biography. Clients would be included in the audience because they will likely want to know a little bit about me before working with me. This animation would probably be featured on the main page of my portfolio website, so it would be help draw in clients.
Overall I think it turned out pretty well. I had a problem where the images that make up my kite got lost and were not showing up in edge after I finished the whole project the night before it was due. I was not able to figure out what happened because all the images were still in the image fold. Unfortunately, this meant I had to basically redo the whole thing. I was able to finish it, but fell like I could have done a better job easing the transitions and matching it to the music if I was not so rushed.
As for tutorials I mostly just used what we went over in class and the ones on Lynda.com. I also reviewed the tutorial on the blog about adding music.
For this project, I decided to recreate a scene of the Titanic. As a kid I was always fascinated by the Titanic, I used to watch the movie over and over. Because I knew I would be spending a great deal of time on this project, I wanted to choose something I really liked.
After several failed attempts at creating an idea or a solid storyline, I decided to use the Titanic due to the fact that the scene would definitely draw emotion as well as keep viewers interested. In addition, the scene has its own storyline, complete with a beginning, middle and end.
I decided I did not want to add any people or human presence in this assignment because I thought it would look too hokey and change the vibe of the piece as a whole. I think the lights flickering on and off help to create a sense of urgency and sadness to the sinking ship. I think the clouds also look very realistic and I like how they flow off the stage when the ship begins to sink.
List of Tutorials Used
Audio PDF – Class 10/16/13
This was the opening scene that I used for my animation. After going back and forth between ideas for my project, I decided to go with the idea of different stages of my life. I used the life cycle of a butterfly and once the butterfly grew up, I had the butterfly fly over three of the different places that have made the most impact on my life: my hometown, Syracuse and Boston, where I want to live when I get older. The music that I used for my animation is calm, simple and elegant. There are different pitch changes in the music to symbolize the different things that have happened in my life as I have grown up. As the butterfly flies off the page in the last scene, the music ends on a happy note and fades out. Overall, the animation works well to show some of the key moments that have happened in my life so far.
After thinking my original concept through, I decided that I ought to change it and show something else that I felt was a deeper part of me. This is the struggle that introverts have in an extrovert-ideal world. As an introvert, I feel that I am constantly criticized for my tendencies towards quiet. This is what spawned the idea for “The Introvert Lament.” I decided that I was going to showcase the overwhelming feeling of the extrovert-ideal on an introverted person, and the contrast within that.
Without much thought, I knew that the overall tone and feel of the piece had to be more somber and melancholy. However, this did not mean that it had to be overwhelmingly depressing. To convey this more moody melancholy, I decided to keep it very simple and hand drawn to introduce a bit of whimsy into the piece that would keep it from being too somber. Even the type was hand drawn, not only to fit with the style, but to suggest that a raw human being was behind its creation and not simply a computer.
When it came to color, I at first was going to use a pale blue to highlight the cascading words. However, I soon realized that I could create more contrast and impact if I kept everything in the “quiet zone” neutral and then introduced bright flashing colors once the noise picked up. Thus I kept everything in the beginning black, white and grey only to turn to color once the noise is introduced.
Keeping with this color style and the hand drawn elements, I wanted to find some music that would start off lilting and then increase in a noisy crescendo. After many hours of searching and not finding anything (due to my own pickiness), I decided to create my own from two tracks that possessed elements I wanted: a melodic beginning and a crashing ending. While it is not precisely what I initially envisioned, I believe that it accurately conveys the contrast that I was going for between quiet and noise.
The final element that I believe carries through my theme is that of the movement of simple elements. I purposefully wanted the initial moving shapes to be simple so as to focus on movement and color, rather than the design of the shapes themselves. I use soft grey circles at first to communicate quiet and have the words ‘quiet’, ‘thinkers’ and ‘leaders’ pop out from them and descend down as well. I incorporated some interaction when it came to the first dark square popping the last ‘leaders bubble’. As I played with more interaction between the elements I decided that the overall piece began to look herky jerky and didn’t flow with the continuity that I had so far. I did, however, have more pointed shapes flow into the screen to convey harshness as the noise picks up. The pace becomes faster as the intensity of music does until it crescendos into a fit of color and sketchy type to convey the oppression of the quiet by the noise.
Overall, I believe that the combination of all of these elements served to illustrate my point of the contrast between quiet and noise. The introvert and the extrovert ideal. I believe that the marriage of the music and the images creates a memorable message that people could recall in conversation. I would hope to expand on this piece more as my skills increase.
Tutorial URL Links
Lynda.com • Edge Animate Essential Training Videos
Adding Sound Effects
I chose to do my animation biopic on Pixar. At first I wanted to do the biopic on my life, but I wasn’t pleased with my storyboards and mock-ups. I think Pixar is appropriate because this is an animation class and who better to study than the animation giant, Pixar. Their work is something to aspire to.
I wanted my animation to give off the emotion of happiness. I didn’t want anything too serious because I don’t like serious topics. Instead I like to laugh.
My animation is pretty basic. At first tried to make it more complicated, but it ended up looking cheesy. So instead, I chose to make my animation simple. Objects interact and the transitions are built in. I chose to use the actual characters from the pixar movies instead of illustrating them myself because Pixar is such a high quality that my illustrations wouldn’t even compare.
The Doodleicious Project will introduce me to the Edge software and help me apply the first skills that I have learned in the software. These skills will be applied through the story of Dr. Albert C Barnes and his creation of the Barnes Foundation, a Post-Impressionist and Modern Art Museum. The Barnes Foundation started out as a personal collection of artwork and then turned into a learning center for students with limited access to the public. Public access eventually increased, and the foundation started facing funding troubles, which causes several debates over how to increase funding. The final decision was to move the art collection to inner city Philadelphia, even though it was against Barnes’ will.
Since this story will demonstrate the stages and struggles of the Barnes Foundation, the target audience will be of those people who have interest in the foundation. These people may include the community of Merion, the suburb where the foundation was originally located, people living in the city of Philadelphia, and members of the art community. This art community would include current artists, students of art, and just people who have an interest in the art world. The target audience has broadband internet with basic knowledge of the working of internet, and a person who is interested in art for viewing and art history.
The target audience will be viewing this story animation positively, for they will be learning an interesting story about the art world in a visual way instead of through a textbook or reading articles on the internet. The audience will be seeing this story through simple illustrations, stylized pictures, and simple animation, which will allow them to grasp the story of the Barnes Foundation.
The ultimate message to convey is how the Barnes Foundation developed, the struggles it faced, and it’s current situation. This story of the Barnes Foundation will be created through six animated scenes, each depicting a stage of the Barnes foundation. The first two scenes will show the process that occurred to start the foundation. The third scene will show the opening of the foundation. The fourth and fifth scenes show the funding struggles. The sixth scene will show the foundation in its current state of development to the foundation’s current situation.
This story of the Barnes Foundation will stand out from other stories because it will be presented in a visual, artistic way, which will appeal to its audience, who are visual people.
Against Barnes’ Will
I picked Black Negative simply because it is simple. I find many of RIA sites sick, but also very confusing and tedious. To me, this site is neither confusing nor tedious. It’s simplicity, beautiful designs, and layout stood out to me over a very complex and intricate sites. I’m actually not 100% positive what the purpose of this website is. I think it is either an inspirational website or some type of ad website, maybe an ad agency’s website. However, when I researched the name “Black Negative” few search options appeared, so I’m assuming it’s an inspirational site instead of an ad agency.
Someone who visits this site is definitely a person with a creative eye or appreciates good design. This site has many multimedia videos, great typography, and clean designs that would be inspirational. Therefore, I would assumer a visitor to the website would be someone in the design, multimedia, or photography field. I picture the viewer to be new to the industry or a younger designer, so somewhere between the ages of 20 and 30. Since the website contains multimedia and good design, I would picture the user to have technical abilities related to multimedia and design, such as knowledge of the Adobe Suit and be familiar with everyday technology, but not someone who is an expert coder. Based on the companies shown, the user would be someone from the United States, Canada, or Europe. Also, the user would need access to broadband to view this site successfully.
Right from the start, the user is not left confused. The loading page tells the user exactly how to scroll from slide to slide to view the information. The user experiences the beauty of this site without frustration. The movements needed to go from slide to slide are as simple as clicking and dragging. The user can also easily identify what to click on the page to view the video. If the user no longer wants to watch the video, they can simply click on the background. This easy way to exit, does not make the user look at anything longer than he or she wants to, which is a major benefit. Part of this benefit is that the user can click on the menu bar on the bottom of the site and scroll through the slides he or she wants to view. Once again the viewer is not forced into looking at anything he or she does now wish to. The only frustration the user may face is the fact that there is very little information to what the purpose the site is.
The major functionality issue of the website is that the website does not give an 100% expression of intention of the site. However, the functionality is easy, and would be easy for most viewers who were born in the generation of computer use. The website relies on simple click and drag commands to navigate through, which eliminates any frustration the viewer may have with more advance sites. The site also brings attention to clickable components on slides by making those components flash or move. Besides the purpose of the site, the site functions without any technological issues.
I chose this site because I thought it was a creative way to promote the TV mini series of Tin Man on SciFi and I really liked that they collaborated with international graphic artists to create an illustration experience of what the show is about.
The users of this website are likely to know what the Wizard of Oz is and are likely to have an interest in scifi television shows or an interest in alternate plots to a well known classic fantasy story. Theses users are probably between the teen and adult population since it isn’t exactly what a child would be interested in watching or participating in the interactive website since most of it involves reading. I think their cultural background would probably mostly be American but other english speaking people who have an interest in fantasy and the Wizard of Oz would also be interested in the website. It isn’t difficult to navigate the site so as long as you can read I think anyone could enjoy it if they have related interests.
User Interface & Functionality
Interface: When opening the site you are given the option to speed up or slow down the process in which the illustrations travel within each other. The illustrations lead or transition into other illustrations without changing its image sort of like the twilight zone it continues zooming into one aspect of the illustration leading into another illustration until the cycle repeats itself. There’s two audio tracks one of which has a fantasy mystery feel to it and the other track is made up of voices from the TV series.
Functionality: As you travel through the illustrations you can click on ‘scene info’ which gives you information about the scene or illustration you are on. You can move from that section onto other scenes without changing the illustration in the background. There’s also a credits tab which gives you a list of people and artists they collaborated with and they also give you the option to turn off the music and voice audio.
Interface works: I think what works is how the illustration builds into the next illustration and the music creates an experience and gives you the feeling of wanting know more which makes you click on the scene info. The colors and music create a feeling of coolness and warmth which goes well with the music.
Functionality works: Being able to speed up its transitioning is a step into the interaction part and into skipping scenes.
Functionality & Interface doesn’t work: I think what doesn’t work is that not many scenes are given, you can’t skip illustration scenes you just have to speed up its transitioning or wait for the next illustration as you read about the scenes which makes it a bit confusing because then the scenes don’t line up with the illustrations. I also wish you could interact with the illustrations more but besides speeding it up and clicking on the scene info you can’t do more.
I chose this sight because I had the most fun clicking through it and I really enjoyed the stories. It is a website that many people can appreciate because so many people eat McDonalds. I have never seen a site like this and I was intrigued. This sight is a great PR move by McDonalds because it is an entertaining way to view customer testimonies.
McDonald’s target audience is extremely large. All ages, races, and genders eat at McDonalds. McDonalds are found all over the world. In order to expand it’s reach to other countries, McDonalds had to make some changes. In Europe, McDonalds are much more attractive and they have more of a cafe atmosphere than that of U.S. McDonalds. Europeans are not as concerned with eating quickly as Americans because their culture is typically more relaxed. For example, when I was in London, one family told me that they had not used a drive thru window in over five years. This website is directly targeted at UK consumers. People who are frequent users of the internet (ages 15 to 25) are likely to visit this site simply because of the entertainment it provides. Adults (25-55) who are concerned with customer testimonials and product reviews would most likely visit this site to gain feedback from others. It is not as likely that people over 55 will use this sight because they are less likely to browse the internet or use the interactive elements of it, because they do not understand it as well.
The tiles that fill the entire space are unique and entertaining. The colors used are fun, but not overwhelming; there is a lot of variety, but the dullness of the colors keeps them from getting too distracting or busy. The illustrations are similar: there are a large amount of them, but they are simple enough and consistent enough that they avoid making the interface too cluttered. The consistency of sounds when moving between boxes is also helpful in maintaining simplicity; however the variation of sounds when using the interactive illustrations keeps things interesting. It is important that there is always parts of boxes always shown on the sides of the screen so the user knows there is more to see. Finally, the distortion of boxes when scrolling is important to the visual hierarchy of the interface (which it would lack completely if it were not for this feature).
The story boxes are easy to select and read because of the distortion of the boxes and the light box that opens with each story and a “Discover their moment” direction appears. The illustration animations are easy to use because the motion is the same for all of them and there are instruction as to how they work each time you open a new one. Movement to boxes that are not shown in the window is fairly easy (by clicking and dragging the window over); however, users are very used to being able to use their mouse to scroll. The design would be more functional if it was also possible to scroll around using the mouse.