Visual Techniques

My interest is in product design and graphic design in various fields, especially something like animation,

television, etc. 

Black Rock Shooter: Complexity, intricacy,  spontaneity, activeness, exaggeration, instability, irregualrity, diffusion, episodic.

 Magical Girl Madoka: Sequentiality, accent, consistency, balance, regularity, depth, repetition. 

The two images are both clearly from animated works featuring action, however they have very different design styles and visual techniques. The first image (Black Rock shooter poster) has many details but is very disorganized, probably planned that way, and the message is somewhat unclear. There is too many details making the message unclear and complex, it feels scatted, messy, but a feeling of activeness is going on like action is everywhere. It does manage to clearly highlight the two girls giving a center to the image yet also being unstable with details. The second image is much clearer as it is more organized and consistent. This is a an action scene of a girl using her guns to fight a witch, clearly all the guns are detailed, have depth, are organized and lined up to fire. The girl stands out in the row of guns seeing as she is the only thing that is not a gun, but it can be indicated that she is the one using the guns as she is going in the same direction as them. Both images are quite nice and are quite different visually, especially in terms of their purposes, they provide excellent examples of the sort of work I wish to do in the future. It would be nice to make designs come alive. 

Contrast

Good Contrast (Black Rock Shooter Figure) animation product design interest:

This is a picture I took of a figure, I thought it seemed to have a good contrast of pale skin and dark clothing while using negative space in a way that helps highlight it. I saw the pale skinned and the black clothes are a really good contrast to each other, making them visibly stand out rather than smother one another. The figure is clearly visible and despite there being negative space, it still manages to stand out as the subject of the photo. Because the character has such a strong tone of black, it contrasts with the white negative space making it more visible. This is a successful use of contrast in design because the subject product has a contrast that does not conflict but even has a sense of balance. Attention is focused clearly on the product and its color design makes it clearly visible, like viewers can see the general details of it without confusion. A product with high contrast that works very well.

source <http://swisedesign2010.wordpress.com/2010/09/10/bad-contrast/>

This seemed like a blatantly bad design that suffers from its rainbow colors because they are are too bright and the black letters are not bold enough to make a good contrast for visibility. The rainbow design overpowers the lettering of the cover and it is difficult to make them out, if a product fails to achieve its goal because of its design it fails. Also, looking at this bright design actually physically hurts to look at, seems the hue was much too high. Harming viewers is another reason why this design is terrible, no one wants something that will hurt them. The rainbow design stands out far more that the writing so it is may be unclear to viewers what the message is, I know it has to do with Christ but I do not wish to look at this any longer than necessary because of it is a eye harming visual. This may be one of the worst designs I have ever seen and it is all because of a terrible lack of contrast. It might have worked if the cover was black and the letter in rainbow color. 

Movement/Motion- option 1- product design-advertisement

(Source: <http://10steps.sg/wp-content/uploads/article99/17-my-assault.jpg>)

This Nike ad seems like a good example of implied motion in product design because the viewer makes the assumption that this person where Nike sneakers is skating in mid air despite this being a still image. It sends the idea to viewers that Nike is an athletic brand which may also allow people to do stunts like skateboarding in midair by using their products. This could also be an example of stroboscopic movement as it appears as though this skateboarder is moving but is not. Looking carefully there is clear ground so it can be implied that this skateboarder may be very high in the air. This ad image works  because of the position of the skateboard takes up the top half of the picture and appears to be at an angle making it seem like he is skating in midair and the position of his hand may imply he is attempting something from the position. The "Just Do It" motto helps make the ad makes viewers feel more active like Nike will help make better athletes.

(source: <http://www.adverbox.com/media/campaigns/2006/12/nike0.jpg>)

This next Nike ad is another example of implied motion in design and probably stroboscopic motion since it is probably not moving, just appears that way. Viewers looking at this ad may think that the shoe has moved at a high speed or can which may indicate messages like Nike shoes are fast. The white streak gives viewers the idea that this shoe moves very fast, maybe even on its own despite being a shoe. Doing something like adding streaks or afterimages is a good use of design to create implied motion. The shoe is in the middle of the image with no appearance of ground which may imply the shoe is actually flying. Maybe the idea of the implied motion image is something like "Nike sneakers, so fast you'll fly."

Dimension/Depth/Space/Scale-animation design

I am a product development and design major with a professional interest in animation, so I thought this image from the film The Incredibles might be a good example of 3D animation technology and depth perception.
(soure: <http://freewallpaperspot.com/wallpapers/the-incredibles-wallpaper-4.jpg>)

Even though this is clearly a CG animated picture is still appears to have a 3D perspective. This image uses lighting and shading especially on the 4 characters as parts of them like their gloves, torsos, and hair have reflective surfaces and shadows. The ground shows that they are all casting shadows too. The background shows many trees and plants that also have shading but also have consistently similar sizes, relative sizes and a lot of overlapping. Many trees appears to be in front of each other so they appear to be overlapping. There is also the presence of gradient texture, some trees the appear closer have much more detailed textured surfaces  but the more distant the tree appear the those elements appear smaller. Even though the characters in front of the trees are probably smaller than the background trees, they appear to have a larger height-relative height. The Incredibles appear larger than the trees because those trees are farther back and lower in the field of vision than the Incredibles. This movie is a great example of my interest in animation and the 3D perspective image created by computers today. 

Tone and color

Tone: The Simpsons 20th anniversary logo uses tone of the bold black letters draws the viewer's attention onto the logo itself despite the strong yellow background. The tone does not include any white removing negative space and helps highlight the shapes outlines of the words and numbers. The tone brings out the shapes of the black wording visuals instantly clear and also helps to really outline the picture inside the 20, Homer Simpson strangling Bart Simpson, making an inconic logo to help advertise the celebration of 20 years. 

Color:  The color yellow is signature to The Simpsons design style since most characters are depicted in yellow. Black is the color of the words probably because that would be most visible while using a yellow background. Yellow fills the shapes of Homer and Bart while serving to deliver a sort of signature to the art since yellow is the show's primary color for character designs. The color works well with the tone and shapes,  making the black letters stand out more exposing its boldness and highlighting the shape outlines. 

The Basic Elements- Animation

 Tone (Fullmetal Alchemist): There is sense of danger and evil in this screenshot as dark toned shadow creature surrounds most of the space while only a small amount of light is present around the grey armored victim. The tone works to convey evil and darkness making it clear the shadow like being with numerous eyes is a monster or an antagonist. This is done with an absence of light, dark borders, and the position of the characters. The image has very little light and is dominated by dark black borders enveloping most space while the grey character space composed of gray and some light to help highlight him. Tone helps the viewer's get a clear idea of what is going on in the image as dark tones dominate the space of the image and appears to be consuming everything including the small portion of light. Using tone the audience has a clear visual of a seemingly evil being about to consume light/good. Evil triumphs over good in this case.

 Movement (K-On): Coneys multiple moments(the character's limb appearing in different spaces like movement) in the time of a single frame making a character appear as though they are crawling quickly on the floor. Movement in the image serves to make a static character appear like they are in motion like they are alive or animated. The character is actually still but by having he limbs drawn in different poses, shapes, lengths, etc. in one drawing gives the audience the idea she is a live person moving or to be specific crawling on the floor headed forward.

Line (Casshern Sins): The bold lines active in this image serve to help bring out other elements in the character like texture, shape, color, etc.. Naturally the line make up the structure of the drawing, but there are many different directions and boldness of lines to draw the audience's attention/eyes. Ringo (the girl) has many bold and curvy lines that work to focus her face giving a clear outlining of its structure. Also using curved  face and wavy lined hair helps to convey Ringo's feminine features. Ringo's lines serve to outline her structure while distinguishing her other visual features. 

Visual Thinking Exercise

 The left one is my visual puzzle and the one on the right was my friend's. I used lines to mark snakes on my puzzle and tried filling in lines to complete the connection of the snakes. My friend numbered each snake and connected each whole snake to connect them from beginning to end. I picked the green as the shortest because it looked like there were less lines connected to me. My friend picked the red one as the shortest, he figured this out by connecting curves of each snake and found out the red one was correct. So the goal was to find which snake pattern was shortest using pattern seeking techniques like filling in, finding, matching, categorizing, completion, etc. I think I only really used filling in and categorization while my friend used most of the pattern seeking techniques which led him to the correct conclusion.

The puzzle on the left is my friends and the one on the right is mine. Neither of us got the right number of triangles (20), but I managed to get 19. I think my friend has better visual memory than me because I felt I had trouble with the snakes puzzle but this one was much simpler for me. I think also I did not have to use matching and categorizing as much for this one either since all the shapes in the puzzle are triangular. This puzzle was just a matter of finding all triangles which was easier for me since this one relied more counting. My friend did not seem to use filling-in patterns which is probably why he missed seeing many of the larger triangles. I however did use the filling-in visual and managed to get most of them, except one which I may have simply overlooked. It was interesting to see how my friend and I did the same puzzles yet yielded different results because of out differences in visual thinking and observation abilities.