Friday, May 24, 2013

Are Logos Modern Day Pictographs?

Art and design are deeply informed by and in dialogue with the culture of the time. 

Since the beginning of time, humans have created images to express/make sense of their surroundings.  We can trace Visual Communication back to these early people who ventured out into grassy plains with hands holding objects and the need to communicate through visual methods.  From speech to writing our predecessors used marks, symbols, pictures, and letters drawn/etched upon a surface. 

Cave Painting from Lascaux, 15,000-10,000 BCE
The caves in the Lascaux Region of Northern France/Southern Spain contain volumes of Visual Communication from these early people.  We see this early society creating images of animals, symbols and marks upon these walls.  Although we are not completely sure of the exact meaning of these images we know that the hunt was at the center of survival.  Therefore it is not surprising that the walls are filled with images of these animals.  In some caves we even find images of the now extinct Wooly Mammoth.  



Pictographs Examples

We could define a pictograph as an image that contains an idea.  When we trace the evolution of writing we begin with pictographs.  These pictographs to the left were found carved and painted on rocks in the Western United States.  These types of symbols have been found all over the world. 


Clay Tablet with Sumerian Pictographs. 

Some of the earliest records of writing was with the Sumerians, who lived in Mesopotamia, along the Tigris and Euphrates Rivers.   Archaeologists have traced these early pictographs to what eventually became cuneiform writing.  Here is a breakdown of the pictographs to the left:
The image of the star means Heaven or God. 
The words for Head and Water will evolve from these early pictographs. 



From images of animals, nature, the sun, shapes, water and humans we are given a glimpse into what was important to these early people. 

Modern Day Logos/Symbols
 What do the logos that we are surrounded by tell us about our culture?  We recognize a Target, a Dunkin Donuts, and a Staples often by the logos as we pass by on a bus/car/bike/running sneakers, etc.  What (if anything) do our logos have in common with pictographs?

What is in a logo?  
The Dunkin Donuts logo provides us with an example of a Descriptive/Illustrative Logo.  The Cup of coffee describes the product that one would come to DD to purchase.  Like the pictographs above we see the logo expressed through simple, graphic shape.  The image of the coffee cup contains an idea.  We could go as far as describing the swirly marks above as symbolizing the power of caffeine.
 

The Staples logo is primarily typographic. It uses the colors, white and red and the placement and creation of type that we have all come to recognize as Staples.   



The Target Logo is Symbolic.  Although the store, Target has nothing to do with Archery practice we have all come to recognize the imagery of the red target.  Once again we see the logo expressed through the use of simple, graphic shape and limited use of color. 




Although we most times refer to the image to the left as a symbol rather than a logo, if we really stop and think about it there is not much a difference between symbols and logos.  The symbol to the left signifies that something is radioactive.  The radioactive symbol is a great example of an abstract symbol.  It depends on the arrangement of simple shape and color to communicate its message.





So, are our logos/symbols modern day pictographs?  I would say, yes.  The logos/symbols that are so much a part of our everyday lives communicate with us visually about danger, a place to picnic, eat or buy office supplies. 

We can divide logos/symbols into the following categories:
Typographic: Typographic symbols/logos rely heavily on type to express an idea.

Illustrative/Descriptive:  An Illustrative/Descriptive logo/symbol contains imagery that is recognizable and relates directly to the service being provided and/or the idea being communicated. 

Symbolic:  A Symbolic logo contains symbolism.  It can use literal and/or abstract imagery. 

Abstract:  An abstract logo/symbol uses abstraction to represent the idea. 


Thursday, May 23, 2013

The Shape Builder Tool in Illustrator

The Shape Builder Tool is a great tool to create, edit, combine and dissect your Illustrator Objects (shapes) in a more organic way.  The Shape Builder Tool shares many similarities to the Pathfinder Window.

So what are the differences?  The Shape Builder Tool provides you (the designer/art student/Illustrator Experimenter) with the opportunity to work and create a workflow that will feel more natural than the Pathfinder Window.  The Shape Builder Tool provides the opportunity to push the what was/is possible with the Pathfinder Window further.  (If you are not sure what the Pathfinder Window is read my blog on the Pathfinder Window.)

Let's Experiment! 

Where is the Shape Builder Tool?
Shape Builder Tool

Shape Builder Tool Fly Out


As you can see from these images the Shape Builder Tool has a Fly Out Menu associated with it.  Therefore if you do not see the Shape Builder Symbol on the Tool Bar select from the Fly Out menu above. 











1.  Create the Objects that you would like to work with on your ArtBoard in Illustrator.  Make sure that the Objects that you will be working with are active.  When an Object is active it is selected.  We always know that an Object is selected when we see its anchor points and paths as shown below. 
Two Overlapping Active Objects
2.  Working with the Shape Builder Tool hover over the Objects and Click as shown in the three below images.  
Image 1

Image 2

Image 3
 3.  Through hovering and clicking the above Objects/Shapes we have created three separate Objects.  Now working with Selection Tool (Black Arrow) and Direct Select Tool (White Arrow),
we can move these shapes/objects independently as shown below in Images 1b-3b:
Image 1b

Image 2b

Image 3b



4.  Here is another example of steps to follow to work with overlapping objects with the Shape Builder Tool.  In the above example I showed you how to Divide a group of Overlapping Objects/Shape.  In the below example we will exclude the overlapping sections.

Overview and Steps for working with the below shapes:  
1C- Make sure all Object are selected.
2C-5C - With Shape Builder Tool, click all areas where the shapes overlap.
6C- Deselect
7C- 10C working with the Selection Tool or Direct Select Tool select the overlapping shapes and delete.
11C- Final Result.  
Image 1C

Image 2C

Image 3C

Image 4C

Image 5C

Image 6C

Image 7C

Image 8C

Image 9C

Image 10C

Image 11C




















Here is a video to help with the Shape Builder Tool:

The Pathfinder Window in Illustrator

An Overview of the Pathfinder Window
The Pathfinder Window in Illustrator provides a great way to create and dissect new interesting shapes.  


In order to open and experiment with the Pathfinder window follow the below steps:

1. Window > Pathfinder

Pathfinder Window




(The Pathfinder Window contains a series of commands that can be applied to your shapes in Illustrator.  The best thing to do is to create your shapes and experiment! As you hover your mouse around this window the commands will appear.)



2.  Select and draw two overlapping shapes.  Use the Shape Tool on the Tools Panel.
Shape Tools

2 Overlapping Shapes
3.  Make sure that both Shapes are selected and then choose one of the pictures on the Pathfinder Window.
Selected Shapes



(In Illustrator an Object is selected if you can see its anchor points and paths.  In order to select multiple shapes use you black arrow, the Selection Tool, and hold down Shift.)







1. Unite
2. Minus Front
3. Intersect













4. Exclude



 Examples 1-4 are the first row of commands on the Pathfinder window.  They specify Shape Modes. 








5.  Divide

6. Trim
7. Merge

8.  Crop



9. Outline

10. Minus Back






Examples 5-10 are from the 2nd row of the Pathfinder Window, located in the Pathfinders section.  




The Pathfinder Window has great tools to use for designing logos, creating interesting patterns and so much more.