Development of Vector Portrait

I decided to start my design process with a vector image. I sketched a fine line flapper wearing a Cloche hat and used it as a guide line In Illustrator. I used the pen tool to draw around the curved outline and then started looking at incorporating colour to the design. I thought the brown pattern fits in with the older Flapper 1920’s style

Introduction to Illustrator and tool panel

Here i have taken a screen shot of my first introduction to using Adobe Illustrator. We created a vector of the model portrait as a starting image and used this as our first layer.

I experimented with the lines and gird tools for the outline and used the line segment tool to create a correct curve.

I edited sections of the image like the eyes, mouth and hair onto different layers. I locked each one before moving on, to make it safer when going back and editing sections later on.

When editing the eye, i experimented with the gradient and eyedropper tool for the models eyeshadow.

I used the Fill and Stroke tools to created different effects by highlighting the jaw, neckline and collarbone on my image

I enjoyed my first lesson in Illustrator and look forward to improving my skills further to produce a variety of designs.

Typographic Grids

In graphic design, a grid is a structure (usually two-dimensional) made up of a series of intersecting straight (vertical, horizontal, and angular) or curved guide lines used to structure content. The grid serves as an armature or framework on which a designer can organize graphic elements (images, glyphs, paragraphs, etc.) in a rational, easy-to-absorb manner. A grid can be used to organize graphic elements in relation to a page, in relation to other graphic elements on the page, or relation to other parts of the same graphic element or shape.

A grid can be used to show dimension in images as shown in the image below –

Below you can see an example of how a grid has been used to place the text in an organised layout.

Kerning

In typography, kerning (less commonly mortising) is the process of adjusting the spacing between characters in a proportional font, usually to achieve a visually pleasing result. Kerning adjusts the space between individual letter forms, while tracking (letter-spacing) adjusts spacing uniformly over a range of characters.^[1] In a well-kerned font, the two-dimensional blank spaces between each pair of characters all have a visually similar area.

Below are some images of Bad Kerning which results in the communication being read in-correctly