Sunday, 28 October 2012

OUGD403 - Studio Brief 3 - Alphabet soup - Illustrator

Throughout our studies we have been given a brief to work on alongside our other projects.

Brief.
Produce an alphabet based on one of the letterforms you created from the Alphabet Soup, Visual Thinking brief. Once again you are restricted to using one colour and it is to be produced in CMYK (cyan, magenta, yellow, key). Although you are restricted to one colour you experiment with opacity and half tones.

Before we began to work on this brief directly we attended three sessions in which people alike to me, who had never or barely used Illustrator were able to learn the basics and begin developing these skills. The tools in which we worked with were; The pen tool, working with different weights, strokes, manipulating these via the width tool. We also worked with the Pathfinder tool, Uniting, deleting and layering shapes in order to create new forms. Using the blend tool to play with colour, layering shapes to produce other Images, and creating outlines. The below Images illustrate my development in each of these areas.


Using the pen tool to create lines and shapes whilst applying the width tool to create contrasting weights.




Creating outlines of fonts to then manipulate its original shape.



Using the blend tool to connect shapes in a range of ways, in order to appreciate the blending of colours. Layering shapes in order to establish new forms whilst applying colour to again change its dynamic.





Here I am experimenting with the media of stroke evident in the top image, the use of gaps in strokes and the start and final shape of strokes.



Here I learnt to use one of my favourite tools the Pathfinder tool. The 'g' you can see with white fill on the write Is one I have traced using the pen tool, the one on the left I have constructed via uniting, and cutting shapes away from others. Below this I have started to make some shapes and apply gradients to construct a face. I then went home and continued to play with the skills I had learnt to construct a emoticon like face of an old man.





Developing the illustrator alphabet.

When I had constructed my 10 letterforms, I had designed them to represent my word extract mor subtly then obvious. I had a focus of abstracting the term rather than representing it directly. I had however designed one character that was more visually true to the term extraction than others. However during the power crit in which we had together my partner chose 5 of my most subtle pieces. Nonetheless each of my letters were taken down, most probably due to the emphasis on my indirect designs. Due to this reason I have chosen to base my alphabet upon my most obvious design. Extracting a tooth.



In order to begin the design process, taking inspiration and using the same font (Bambi bold) I had used in the previous brief I began to draw my letters by hand, which I find most useful and successful for initial design ideas. Placing these into Illustrator, using the pen tool, I traced around the image starting with the original letters outline and then drawing around where the image of the tooth breaks the boundary of this. Then editing the width of the outlines to create more depth. In my original letter above I have used acrylic paint to develop tones and contours, when figuring out how i would translate this into illustrator I began to look at the tools and realised there was no airbrush tool. This is how I had planned to recreate these hues. Instead I began to play with the pencil tool, drawing the contours with my graphics tablet changing the width of stroke and opacity to create a form of shading which can be seen in the below right image. I will continue to use these techniques throughout my alphabet.





I had also considered as an extra idea, to create some glyphs to add to my alphabet. the first design I had thought of was for the semi colon. Where I had pictured a tooth visually being extracted from the gum, the tooth creating one half of the character and the gum underneath creating the second. I have followed the same initiative for shading, taking the colour darker for the gum to contrast the colour of the tooth.



 
I have also found whilst developing this alphabet that the same process to produce each letter does not work, this can be seen in the 'O' for example. Below is the 'O' I have quickly drawn and then traced up in illustrator. I feel that this particular process does not accentuate the O, that it is almost a step backwards from the original O from the typeface Bambi bold. Therefore I started to think of other ways I could design this particular letter so that It remained coherent with the rest. When looking at the shape of the O and attempting to link it with that of a tooth, I pictured an above perspective of a molar, I have been inspired by the image below right.




I then started to design letters that were more focused on vertical stems and crossbars. I started to think of more ways in which I could intertwine the appearance of a tooth with my original bambi bold typeface.
I began to consider using a tooth as part of a letter rather than commanding the outline of the whole letter. I started to look at other tooth types that I could manipulate into letters and came across this very useful diagram:

(http://lawsofsilence.blogspot.co.uk/2011/10/aucamville-project-10-teeth-in-walls.html)
I realized that the tooth drawn bottom row 4th from the left, has a visual similar to that of an incisor would work well for letters with vertical stems. And so I created a stencil first for the I, which I then re-used and manipulated slightly for each of the following letters.

 

 


As you can see in the stencil, the part of the tooth that would be visible and breach the gum, forms the top of the spine of each of the letters. The part of the tooth that wouldn't be visible as it would be below the gum line is shaded, by drawing strokes that range between 5 and 10 pt, and turning the opacity down between 5 and 20%.





After designing many of the letters in the alphabet, I decided to come up with a second design in which I could use for letters that had an emphasis on the vertical and horizontal in order to create range. These letters had more of a visual focus similar to figure f (molar) on the image above (bottom row) Again I created a stencil in which I manipulated for each letter, often designing a letter, and then flipping it to create coherency within the alphabet.



For the last alternation of letter type I took the letters which had a larger emphasis on the curve for these I followed the same guidelines as the first letters I designed, altering the shape of the whole letter subtly to resemble that of a tooth. However I then began to add features that mirrored the visual of a tooth below the gum line, these attributes in particular would be seen breaking the borders of the letter form.  



I then began to play with stroke and opacity, making some letters darker than others in order to create more depth. I also experimented with the width tool solely on the black outline of each letter form to increase intensity.
Darker opacity's and tone can be seen in Glyphs such as C,G and Q. 



I have also created a second glyph in which I have deleted the bottom full stop from the semicolon, In order to leave the tooth which shall resonate as the full stop. 

Finished typeface.



When considering what stock to print my alphabet upon I had considered to use either matt or a more textured paper, Although the matt paper would have looked crisp and clear when printed upon, I wanted to chose a paper in which would really accentuate the tone, and appreciate each of the different opacity's I had used. Therefore I chose to print on Harman FB paper. A paper in which would highlight the range of tones. Below is the final piece printed out on Harman FB paper.






I am very pleased about how the alphabet has printed and the quality of print on this style of textured paper. Something I have noticed since printing is that the alphabet almost appears to be hand drawn which I consider quite effective as it is an illustrative type. One thing that is quite frustrating about printing A1, is only being able to see it at actual size once you have printed your final piece. Next time I would consider doing a test piece on my own A1 paper (cutting the print cost to £2) to check the appearance at this scale, and also compare colouring and tone. If I could go back and change something about this piece it would be to apply darker opacity's to a few more letters in order to increase coherency.











OUGD404 Design Principles: What is visual literacy?

Visual Literacy
The Language of Graphic Design.

Notes taken down from presentation led by Fred Bates Tuesday 23rd October 12.

- The ability to construct meaning from visual images and type.
- Interpreting images of the present, past and a range of cultures.
-Producing Images that effectively communicate a message to an audience.

Visual communication is a process of sending and receiving messages using type and images.
Visual communication is based on a level of shared understanding of signs, symbols gestures and objects.
Visual communication is affected by audience, context, media and method of distribution.

All that is necessary for any language to exist amongst a group of people is the concept that one thing will stand for another.

Semiotics
Symbol- What the image represents.
Sign - The brand/ company in which it is representing.
Signifies - What it suggests and implies.

Image from: http://edibleapple.com/wp-content/uploads/2009/04/silver-apple-logo.png
Symbol - Symbolises an apple.
Sign - Apple mac computers.
Signifies - Quality, creativity, lifestyle, independence.

Visual language of Graphic Design. 

Semiotics - The way in which we interpret things according to a set of rules.

Frame
Format
Figure/ form
Ground
Composition
Type
Image
Colour
Layout
Legibility
Readability.
Tasks

Based on the fonts available on the college network Identify 5 fonts with different characteristics.
Print these out on a4 paper. 5 uppercase and 5 lowercase.

Find 4 images of Graphic design, 2 you like and two you dislike and say why.

Sunday, 21 October 2012

OUGD403: Alphabet soup. Putting your typeface into context.

In response to the group crits we had on friday we were asked to put our typefaces into context, which had to be off a smaller scale. 
i have decided to test the scale of my typeface, which I thought would only be legible on a large scale by applying it to a business card sized publication. I have chosen to use my typeface in the context of branding as due to its nature I thought it would look appropriate to identify that of a hair salon.
I will adapt my typeface to a business card size publication via the use of smaller pen with a smaller nib weight such as 0.1 for strands of hair and 0.3 for letterform outline. I will also employ the use of illustration that I find is on the same semantic level, such as scissors or a mannequin head. This is my design below. 

Although the piece I have done below is not of business card dimensions, When minimised in size the text still reads as legible. Although to further improve its legibility I think it would look better digitalised.
Business card dimensions: 8.5 cm x 5.5 cm.
Below piece original dimensions: 17 cm x 11 cm.






Sunday, 14 October 2012

OUGD403. Alphabet soup: Typeface.


The Brief.
Design a typeface for a full alphabet and glyphs (a to z, !, ?, @, £,:,.) that represents the personality/ character of your partner. You will discover their personality/ character through a series set of questions.
Using your new found appreciation of the anatomy of typographic forms and the wealth of reseach that you have already gathered, focus on the manipulation of existing letter forms in order to solve this problem.

Background/ Considerations.
EXPERIMENT with a range of possible line qualities, marks, colour and paper types. How will colour help the communication? What papers can you work with? Do you need to draw, copy, photograph, collage, trace or combine processes?
Your final resolutions should read as convincing, well crafted and clearly presented typographic forms. 

Mandatory requirements and Deliverables.
The typeface you create must be based upon an existing typeface that you will manipulate, produced in only black ink. Type must be laid out in given format, ( Grid 4x8).
Each resolved letterform should be supported by a broad range of visual investigation in the form of design sheets and note books, which is documented on your blog.
Letterforms must be presented on A1 true grain poster with a name badge for your partner (45mm x 90mm).

Response.
Questions and Research.


WHAT IS YOUR FAVOURITE COLOUR? white.
WHAT IS YOUR EARLIEST MEMORY? play outside in the sun, in the garden with her sister.
WHICH LIVING DESIGNER DO YOU MOST ADMIRE AND WHY? seb lester. because his pieces are beautiful, alongside his quotes and interviews.
WHAT IS YOUR MOST TREASURED POSSESION? pandora bracelet.
WHAT WOULD YOUR SUPERPOWER BE? paranormal senses.
WHICH PIECE OF GRAPHIC DESIGN DO YOU WISH YOU HAD CREATED? apple logo.
WHO WOULD PLAY YOU IN THE FILM OF YOUR LIFE? cameron diaz.
WHO WOULD YOU INVITE TO YOUR DREAM DINNER PARTY? batman.
WHAT MAKES YOU UNHAPPY? running out of money and no sleep.
WHAT WOULD BE YOUR FANCY DRESS COSTUME OF CHOICE? a queen or a princess.
WHICH WORDS/ PHRASES DO YOU MOST OVERUSE? erm and like.
____________________________________

After we answered eachothers questions, I found I wasn’t satified with the amount of information I had to build upon, and so I continued to ask questions to gain new intelligence of Amy’s character and personality.

I started first with design based questions exploring dimentions of both typography and graphic design. From these I learnt that Amy’s favourite style of design is didgital collage, this followed by her like for softer and more fluid forms, ones without harsh lines and angles. Already knowing that Seb lester is one of her favourite designers I then asked her, what is your favourite type designer? to which she answered Siscott. 


 
First Image: 
http://www.arkstudio.co.uk/blog/inspiration/si-scott/
Second Image:
http://typefornow.co.uk/category/typography/editorial/page/3/

From looking at Siscott’s work, a couple of examples pictured above, I fell in love with his handcrafted illustrations, I could see why Amy liked them so much, and so from this point on I decided that I would create a type in an illustrative format. Although in our discussion Amy classified that she was quite shy, I couldn’t tell this from first impression. To compormise this idea I have chosen to create the typeface solely lower case to exude her averse personaily. However to also encompass my first impression, I have chosen a font to build upon that subsumes sensitivity with its soft curves, yet shows a sense of dominance through its constant change between this state in a heavy weight and the use of slighter serif arms, terminals, apex’ , and crossbars. Thus being the font I have chosen is called ‘Halvar’ from http://www.dafont.com/halvar.font pictured below.


______________________________

I began to take letters from the alphabet in seperate forms using each to represent one of Amy's characteristics from my research. I adapted these concepts and drove the design with direction from Sicott's illustrations. 

When I spoke to Amy she revealed that if she could have a super power it would be to gain paranormal senses. I have taken inspiration from different sources in order to create a letter that would illustrate this approach. The first time I pictured the letter 'h' (the letter I had chosen for this hypothesis) with illustrations , I imagined a stereotypical haunted house piercing through the outline of the shoulder. Following this I traced the 'h' from halvar and layered it on layout paper with a haunted house image (http://www.cartoonfactory.com/free-stuff/cartoons/holidays/halloween/haunted-houses/content/haunted-house007_large.asp) placed under the body. I then began to consider what detail I could add in order to bring the stem into the illustrative format. Reading through a book I had borrowed from the Leeds college of art library (Playful type, gestalten) I came across an illustration of a tree ( page 54, designer: Sarah King) I found that its organic texture would look great in pen, thus I incorporated it into my design. I have also experimented with darker pencil marking here to evoke a darker sense. However I feel the black is too shocking in colour and not truly reflective of Amy's character. As I carry on with illustration I will use a higher ratio of white as this is Amy's favorite colour. 


 


With these new conclusions I began to create a sequence of letters based upon Amy's personality, traits and characteristics, as well as things that I had picked up from her and first impressions. below is the letter 'a' I have designed on my first impression of Amy. The first thing when meeting her that I noticed was her statement long blonde hair. This being so, I have chosen the first letter of the alphabet to represent this immediate impression. I found a piece of work that inspired this particular design in the book 'Playful type' (gestalten) in which an illustration of wavy hair ( page 31, designer: Alina Günter)  intertwines between the kerning and anatomy of each letter. Inspired by this I began to think about the way in which hair acts, how it blows in the wind, moves in water, and how it becomes caught or wrapped around certain things. With these images in my head, and the extract from playful type, I illustrated the a below.

 


When I asked Amy if she preferred to holiday in the beach or the city she immediately answered with the beach. Using the 'i' I began to design a beach/island inspired character. Influenced by the ideas/ visualization of a message in a bottle, I began to compose both inside and outside the letters. Inspired by a couple of outside sources for the design idea, the leaves of the palm tree (http://www.webweaver.nu/clipart/trees.shtml) and the shapes of the rocks(http://www.vectorstock.com/royalty-free-vector/cartoon-rocks-vector-299576). 




More letters I brainstormed and designed for this project were a tiger inspired font for 't' as this is Amy's favourite animal, this letter also inspired by a piece of work in playful type (Page 12. Designer: Damien Vignaux), and a tiger print texture from (http://www.istockphoto.com/stock-photo-441661-xdesign-tiger-background.php?st=ed38edd). I then modified the terminal of the t to replicate that of a tigers claw. 

 



A 'z' to represent Amy's hate for lack of sleep, this is one of the things that she concluded made her unhappy. to represent this I have designed a nocturnal inspired illustration. I brainstormed what tangible properties exhibit the night time, in which I found the night sky (http://www.colourbox.com/vector/cartoon-stars-in-night-sky-vector-1717207)and owls (http://www.miketyndall.com/todd_goldman/) were most prominent. With these two images I then designed the letter adding in other details at a later point, such as the illustration of a dark forest.







following on from the theme I committed  to for my 'h' letterform, I revisited the same concept but down an illustratively different path. The illustration compromises a ghost (representative of Amy's choice to take on paranormal senses) escaping through the bars of a gate. I found a cartoon Image of 6 ghosts (http://www.how-to-draw-funny-cartoons.com/cartoon-ghost.html), the sixth of which when I saw I thought would look effective escaping from the g's counter. 



Continuing from these I then created my last few letterforms before attending the group crit. The next letterform I designed was an 'm' with an appearance of a money box, inspired by a clear piggy bank I had found, (http://www.drprint.co.uk/printpreview.aspx?id=111176) to demonstrate Amy's hate for not having any money. Followed by a 'v' in which I have included a drawing inspired by a photography of Venice as this is one of Amy's favourite holidays she has been on (http://www.travelblat.com/visiting-venice-for-the-first-time/). The last letter form I created before group crit wasn't particularly based on any other type of image I had seen, It was solely an illustration, which I had thought of in response to the information amy had given me. Amy had told me that her favourite type of food was italian, meals such as pasta and pizza were at the top of her list. I took the idea of pasta (spaghetti) as my starting point, and processed it in the same way I had drawn the 'a', with the pasta visually wrapping round and getting caught on the different anatomy of the letter.








_____________________________________

GROUP CRIT - Friday 12th October.

4 days into the brief we had a group crit where we presented our ideas to 5 other students, and two of our course tutors. It was invaluable to get more of a one on one experience with tutors as well as gather other feedback from students who were of course completing the same brief. It was interesting to see how other students had started to process the brief, all beginning their own journey in response. After presenting my ideas and refining the crucial feedback I had been given, I three things I will take away or as an outcome the three things I will do are;



1. Focus on a solid idea!


I have experimented with a lot of ideas from the information my partner Amy had provided. Focusing on Siscott inspired illustration I had tried to create a different illustration for each letter to represent each of Amy's characteristics. However after going to the crit I was advised not to over complicate things and stick to one idea, therefore one of Amy's characteristics. After most of the group favourited one particular letter form I had illustrated I decided to create a set of letters based upon this piece.



2. Always bring visuals to a crit! 
Although I brought a few examples on concepts I had been working on, few people turned up to the crit with solely ideas in their head they had considered to pursue but no material to work with. Tutors and students can not give feedback without viewing any ideas on paper.
3. Experiment with fill and line.
As Amy had said her favourite colour was white I was afraid playing too much with fill may combat and override the information I had been given. However I plan to experiment more with line weight etc in order to work with not against the answers I received. 


________________________________________
 
After being advised to choose one idea from the group crit, I decided to make progress with one of the first Ideas I had come up with, the 'a' character. Looking at the starting point of my final idea I decided that I should do some more research in order to gain a more visually authentic typeface. As the concept was based upon hair intertwining with letters, I began to look into how hair appears and how It behaves. 




The three main characteristic traits I focused on are;


1. How hair moves in wind.


 


Image top left: http://www.flickriver.com/photos/chrisjohnbeckett/213126369/
Image top right: http://www.flickr.com/photos/markjsebastian/3303349658/
Image bottom centre: http://www.makeherup.com/2011/10/12/brave-windy-weather-head-on/



2. How hair moves in water.


 


Image top left: http://weheartit.com/entry/31890614#
image top right: http://www.superstock.com/stock-photos-images/1838-7115
Image bottom centre: http://vanipy05.deviantart.com/art/70-ft-hair-Underwater-175956870?

3. How hair wraps around objects. 

 
           First Image: http://andrewtokely.wordpress.com/2010/08/20/hair-loss/      
Second Image: http://charlotelizabeth.blogspot.co.uk/2011/12/babyliss-wand-hair-styler-easy-everyday.html

________________________________________

After finding this selection of images I began to draw out a series of motifs that I could apply to each letter in order to create coherency. I found through my research that the motifs that came from hair moving in water and wind were similar in appearance. These particular motifs infused with the perception of wrapping hair, created a great balance with an almost ethereal visual, that presented itself calmly, which due to her shyness was a characteristic of Amy's. 



I then begin to apply these motifs to two letter forms 'i' and 'k'. In the process of doing so I experimented with line quality, weight and fill of each letter. Below are experiments that include;
White letterforms with black hair strands.
White letterforms with white hair stands.
White letterforms with black and white hair strands.
Black letterforms with white hair strands.(All with same standard outline weights.)
White letterforms with white hair strands.
(Letterform has a thicker outline to stands of hair).

 

After experimenting with these fill and outline types I concluded that, the letters should have no fill due to Amy's preference to lighter colours, and being that her favourite colour is white. I did however want to create a contrast between the letterform and lengths of hair, and so I designed each of the characters to have a slightly thicker outline in order to improve legibility.
Below are images of all the letterforms and glyphs drawn out, and then traced onto a1 trace paper with the applied line weights. 

 

_______________________________________
GROUP CRIT 2 - Friday 19th October.
During this crit where we viewed other peoples work as well as the typeface in which our partners had created for us, we were told what we had done well and how we could progress with our work.

Below top : My groups work at the crit.
Below middle : My typeface based on Amy at the crit.
Below bottom : Amy's typeface based on me at the crit. 






I was told that I had taken good observations and turned them into visualisations, my first impressions of Amy being her long blonde hair and her interest of siscott represented in the fluidity of my work. However alike to most people, I was asked what my typeface would look like on a smaller scale? I had designed my name tag in a smaller scale and in pen, wanting to stick to the roots of the project. As pictured the name tag consists of silver pen on black card. When in the design stages the colour of ink was supposed to be white however I found that the white pen I had did not show up well on the black card and so I changed to silver. The use of silver however, was also interesting as I was able to play with light.


In response to this group crit I will design my font on a smaller scale.