Caesium: Font Ideas

Six typefaces that I'm considering for representing Caesium are :

Sans Serif:

-Helvetica Std

-Gill Sans Std

-Avenir Std

Serif:

-Arno Pro

-Garamond Premier Pro

-Kepler Std

Paper Studies : Interaction of Color --Studio Practices

Today in studio, the objective was to see the interaction of color, these relationships between color change between colors. Using my found color collection, I created 3 colors to look like 4 and 4 colors look like 3. Here are some examples, that I did during class:

3 looks like 4

3 looks like 4

3 looks like 4

3 looks like 4

4 looks like 3

Project 4: Periodically Speaking

I was given the element Caesium ( Cs) from the periodic table of elements, and combine the symbol ( Cs) the two letters into one symbol.

These are some sketches from my moleskin:

Then I took some ideas and created them into digital versions:

Project 4 : Periodically Speaking : Caesium

The name comes from the latin word, caesius, which means sky blue. Caesium is attacked by oxygen, and very explosively when in contact with water and ice in temperatures above 116K.When it reacts with water, hydrogen gas is released therefore making it very flammable as a result of this reaction.Caesium reacts very quickly therefore needs to be kept in dry,still atmosphere or in oil. A metallic element that belongs to group 1 of the periodic table.

One of the three metals which are in the state of liquid at room temperature. Caesium should be considered highly toxic. Caesium is found in the Earth’s crust. It is used in the industry as a catalyst promoter to make special glass, and in radiation monitoring equipment; also in atomic clocks. Caesium was discovered by Robert Bunsen and Gustav Kirchoff in 1860 in mineral water. Caesium was the first element discovered by spectrum analysis, based upon the bright lines in its spectrum.

Seeing Color: Environmental narrative

Home

I was influenced highly to the films by Jean-Pierre Jeunet with his use of colors in the environment; he captures the Parisian life. In my narrative book I will like to capture the midwest environments and it’s colors in particular in the house. I will like to take pictures of people kitchen, furniture and surrounding space. Variations of colors are evident in people’s home.

Clothes

I personally love clothes and I feel that people dress according on how they feel , and they use color to reflect it. Clothes and color are interesting and appealing , because people make different combinations. Some people are more color coordinated and arrange their clothes in a more organize palette , while others don’t. I will like to focus my narrative book into a study of the several color schemes people create with their clothes.

Department Stores

Stores like Betsey Johnson down on the plaza reflect the extension of color in one store. Throughout all the stores it is evident that color is utilize to attract , or create emphasize on the merchandize being sold. I remember being little and going to a Sanrio store, it was its colors that attract my attention. I will like to study how their environment of the store and its color with its merchandise create and interest people as the walk through department stores.

Food

Food ranges in different colors, in this narrative book I will like to be focusing on vegetables and fruits. These colors are natural and I’m amazed by the different variations and color schemes that can be found. The different shades of green , red and others are evident in these nutritional food.

Final Text Options

Title of Book: En Route

Thick, thin, light, dark, stroke, curve, straight, horizontal, black and white, city, traffic, rush hour, crowded sidewalks , water strolling down . Buildings big, small , close and far away. Sit , stand , walk, interact, buzzing, sirens, honking , all buildings link. Lines orientated horizontal, vertical and they run along paths. En route stops made and lines far and wide, divisions in pavement and grass, directional line in the pavement, gates, look closer and you find lines everywhere there is a stop along the route.

-From my title options that I posted before, I liked " The Core of Kansas City" but "En Route" is better because it captures more of the traveling and on the road, which it was around the downtown area of Kansas City.

Text Options

Titles Ideas:

1. Metropolis
2. City of Fountains
3. Inner City
4. The Core of Kansas City
5. The Heart of Kansas City
6. Downtown Kansas

1. Stroke, line, pattern , rhythm, cars honking and the smell of the city, traffic sounds , a crowded sidewalk and its sounds. In its occupied streets , building all around this side of town. Everywhere I look there is something that connects a bench from the facade of a buildings and its lines. Lines change from thin to thick and is evident everywhere. lines can begin first in the division between of pavement and grass , a directional line in a parking lot , to the facade in the Sprint Center is the relationship of lines that brings disparate objects together.

2.Thick, thin, light, dark, stroke, curve, straight, horizontal, black and white, city, traffic, rush hour, crowded sidewalks , water strolling down . Buildings big, small , close and far away. Sit , stand , walk, interact, buzzing, sirens, honking , all buildings link. Lines orientated horizontal, vertical and they run along paths. En route stops made and lines far and wide, divisions in pavement and grass, directional line in the pavement, gates, look closer and you find lines everywhere there is a stop along the route.

3. Fragmented marks along the busy road . Spread along the road, lines , thick and wide. Look and and see that there are scars not only made by nature but my man too. Lines and direction and just two orientations but lines appeared in different weights, thin, thick . look there is something that connects a bench from the facade of a buildings and its lines. Lines change from thin to thick and is evident everywhere. lines can begin first in the division between of pavement and grass , a directional line in a parking lot , to the facade of buildings.

Reading Response : Interaction of Color

In the reading Interaction of Color by Josef Albers, in which:

I. Color Recollection: they way our visual memory and auditory memory works . The fact that our visual memory is weaker than auditory , he gives an example such as someone saying : red (the color). People would have different color shades on their minds.

II. Color reading and contexture: our ways of reading color and the interaction between colors.

III.Why color paper--- instead of pigment and paint: it list the reasons why is better to use color paper in comparison to paint, for these reasons:

1. Innumerable colors in large range of shades and tints in immediate use.

2. They are easy accessible such as in packing papers, magazines, decoration papers, paint samples. (I understood the reasons for searching for paint swatches around town.)

3.Inexpensive

4. Avoids unnecessary mixing of paints.

5. Save time and materials.

6. Allows to use precisely the same color without the slightest change in tone, light or surface quality.

7.Color paper protects us from undesired and unnecessary addition of texture.

IV. A color has many faces-the relativity of color: color is the most relatively medium in art. As mentioned in last class, and an assignment was giving to us for some exploration on a trial-and-error basis. It it gives me a hint that there will some colors that are will be really hard to change; while there will be other susceptible to change.

creating form. delineating space. defining form

I used the 12" letterform in which my initials are represented as mentioned on my previous post.

The letterforms K and V are intersecting together.

I photographed and created 4 sets of oppositional pairs.

Instability and Balance

Foreground and Background

Contrast and Minimal Detection

Static and Rhythm

Dimensional Letterforms

The objective was to construct a 6" letter, for this assignment I choose the uppercase letter "H" from the Helvetica font family. I used Foam Core and Bristol to create this three-dimensional representation. For the 12" 'Interpretive Letterform' I have decided to build my initials KVintersecting each other.

It was exciting seeing everyone build a letter and how they all looked together.

Part B: As mentioned I decided to do my initials , is 12" in height letterform. Is different, in comparison to my 6" letter by which this letterform contains diagonals and different sets of angles, is still from the Helvetica font family.

Narrative Letterform Part II ( Cropping letterforms and Image Integration)

After our selection of the letterform and making lists of words the final animation has come to an end. As mentioned in the previous post after my selection of the letter "f" and the two font styles Helvetica Std and Goudy Std.

In order to get the best compositions, I cropped the letterform using the mask in illustrator and placing it on the 3"x3" frame. The best were chosen from the font faces and these were the final compositions that were going to be use for my image content integration and the final animation in Flash.

Helvetica Std & Goudy Std

Cropping Compositions

Adding content was the next stage in these compositions, found images were intagrated based on my final group words which were Face & Facade and Fur & Fox. The method used to break the compositions and separate the elements with pathfinder and masking it in Illustrator.After this stage I made my final group words to be Face and Facade.

Compositions with Content

Sequences of the animation were made in order to create a smooth transition between both typefaces. The top sequential animation was the final choice, and in the final animation I decided that it will be a better transition to move from a thin stroke letter as the typeface Goudy to the bold, heavy stroke Helvetica Std.

Everything was placed in Adobe Flash , this is my final animation and it has sound of the city and voices to reflect my theme of Face and Facade and the imagery selected.

Narrative Letterform F from Karen Villalba on Vimeo.

Group Crit: Kelsey Anderson and Karen Villalba

01_Balance_Straight

This is a straight line study that reflects balance and the picture on the right is of a trash can.

Different that were said where the digital craft, to get the the last stroke of the line study and the first stroke of the image to match. One of the good comments was the texture of the image , I feel though that as mentioned in the last critique my compositions should follow the same format this one is the only one that breaks from the horizontal format of the rest of my line studies. I'm going to try matching the image as closely as I can.

02_Balance_Straight

There were suggestions made in regards the image on the (left ) to try to rotate it or inverse it and see wether it will help the flowing of the transition. Kelsey view on wether the images didn't really match, yet she felt that the essence or the dialogue between the images is evident. I'm going to take Kelsey's criticism and try different rotations.

03_Balance_Straight

Kelsey liked the simplicity and it's contrast. She felt that is a good one for the final pile.

04_Balance _ Straight

Kelsey liked the dents on the gate of the image on the (right). Though compare to the other previous ones , this one is too similar to the line study.

01_Progression_Straight

I made changes on the line study on the (left) based on the last critique and my objective was to crop the image as much as I could and keeping the texture and elements around this gate. Kelsey view was that I need to crop it further ,on the side there are elements of the brick walls surrounding this gate that make it feel not balanced. My solution is to crop it even further and possibly just leave the bottom side of the gate.

02_Progression_Straight

During the critique I showed this one after my other train juxtaposition and I agree with Kelsey that the other is stronger than this one. The thickness of the lines in the train don't show so much of the progression. She felt that still I should keep it in the mix of the compositions. I'm going to try a different image for this progression line study.

01_Random_Straight

I fix aspects that in the last critique were not working. Kelsey noticed that the window has a rounded edge so the middle window of the train looks a bit off and that i should move it more to the left to have a straighter edge just like in the line study. To watch for my digital craft , on the top left corner there a vertical line that is not part of the train that is very distracting.I'm going to carefully line them up and remove the line on the left corner.

01_Balance_Combination

I made the image (right) with more contrast and made the edges white and I zoomed out and it matches more to my line study. Kelsey liked it and she felt that this also should be in the final pile.

01_Progression_Combination

I have to retake this image as I tried to zoom in it got much more pixelated. I took the advice of the last critique to make my image connect it to my line study and create it into a cohesive whole. Kelsey felt that it was good and that I should retake it the photograph to have a greater resolution.

02_Progression_Combination

Kelsey saw where I was going with the image, the top and bottom match but the brick is too distracting and the window is very dominant and that break is not visible in the line study. Kelsey suggested and I thinks is good to take the photo from the side of the building where is not as distracting.

01_Random _Combination

Kelsey liked and she also felt that this should in the final pile.

01_Diagonal_Projection

On the tracing I took some of the lines and Kelsey felt that they did connect and to see wether I should remove some lines from middle and down of my line study. I will try and see wether it looks better.

02_Diagonal_Projection

In regards to this juxtaposition , Kelsey suggested that I should see it really zoomed out and see wether the images still match and to try to rotate one or the other to match them more evenly.

Today my goal is to take more photographs and do more editing on my previous studies to improve them.

F+S: PJ2

Schraivogel, Ralph
International Jazz Festival Zurich, 1989

In this poster for an International Jazz Festival, the repetition of the circular lines around the center image of ear create rhythm in the composition. These circular lines reflect a frequency , or sound waves. The lines at the bottom page are reminiscent to piano keys, the lines enhance the meaning of the event taking place which is the Jazz Festival. The designer use of lines ads to dimension, the front lines as mentioned previously resemble piano keys are in the foreground , while the circular lines are in the background. The circular lines in the background create a texture and draws attention to the imagery of the ear in the center.

NY Times

The SpeakUp article, motivates me to see advertisements and publicity in a different context and becoming more aware of the juxtapositions and correspondence that occurs in magazines. There is a correlation between the contrast between publicity's world and the world's actual condition, it was interesting that firms are becoming aware that unplanned juxtapositions in magazines have moral a effect on the viewer , and have decided to change colors of the imagery. In this article, layout design is mentioned as means of linking or correspondence between imagery, text and shapes. In this article it talks specifically of the third page of the new York Times and the relationship with the ad's of Tiffany and Co. and the way it echoes or correspondences tot eh imagery, by the linking of the shapes, text or imagery. It was interesting looking at some examples for the past 30 years that he had collected and looking at the juxtapositions and their relationship through time. It not only motivates me to look at magazine layout and searching for correspondence as well as with the current project , creating a link between our line studies and the world around us. It is important with juxtapositions becuase they can change the meaning of the image next to them, emphasize their content or change it into a conceptual level.

Safari and Juxtaposition

After creating several line studies, is my task to identify my line studies in my surrounding environment. I became aware of the amount of lines in my surrounding. These are my first attempts.

Progression Juxtaposition

Balance Juxtaposition

Balance Juxtaposition

Project 2 : Reading Response

In the reading Graphic Design The New Basics by Ellen Lupton , the chapters lines and rhythm.

Line shows that is just not a simple element it can contain different weights, thickness and texture. In the current project of line investigations as a tool to reflect the interval of progression the use of weight and thickness was use in order to communicate.

Progression_06

The repetition of elements create rhythm and can also describe volumes, planes and textures. One of our line studies reflects this occurrence of the use of repetition of lines in this particular line combination study, it even creates a 3-D surface:

01_Combination _Progression

Through the use of a projector as a tool to create diagonal lines, the lines incorporated planes and a perspective. Planes have paths of a moving line and by doing so it creates a linear perspective by which creates optical distortions making near objects appear bigger and far objects become smaller such as the diagonal study below.

04_Diagonal Line_Projector

Manipulating Lines

We also created combined line studies, by using there basic line studies and combining them and creating other line studies that reflect the same variables: balance, progression and random.

Combination of a Balance line study

Combination of a Progression line study

Combination of a Random line study

The next stage is creating curved and diagonal lines, by manipulating our first studies by using the scanner, the photocopier (Konica) , we even folded the paper as a different attempt to create diagonal line studies ; and the projector. These are some variations that Keaton and I have created.

Curved Line Study manipulated using

the photocopier (Konica)

Diagonal line study by folding the paper

Diagonal line study using the projector and the room

Bodoni

Curved line study using the scanner

Through this project I realized the importance of communication, working together as well as the importance of digital craft.

A Narrative Letterform

The exploration of the differences of letterforms became more evident in the process of building this sequence animation.

• The first part was to pick two typefaces from the font list : I picked Helvetica Std and Futura Std yet the stroke weight was too similar so I changed it. My final selection was Helvetica Std and Goudy Std to make the contrast between both letterforms evident.

I selected the letter "f" because I felt like I could make an interesting animation using this letter. After seeing Tammy's animation in class, I realized that I wanted to talk about fashion or femininity.

• Then I made a list of all the words such as objects, textures and things that start with the letter "f". (In an earlier post)
• The final group words : 1. fox- fur ; 2. fashion-fabric; 3. facade-face; 4. feds-file; 5. fur-fashion; 6. feminine- fashion; 7. feminine-fashion
• My final selection for the animation : FACE & FACADE