ba (hons) interactive design...

32
Lauralight BA (Hons) Interactive Design Typography

Upload: others

Post on 10-Mar-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade

Lauralight

BA (Hons) Interactive Design Typography

Page 2: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade

Cut parts out of the A using the circle tool, using the font Myriad Pro. Angled for effect.

Page 3: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade

Tint tool to create a fade effect

Page 4: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade
Page 5: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade

Font Myriad Pro

Font Myriad Pro

Page 6: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade

ee

Page 7: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade

Perpetua Titling MT

Page 8: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade

Repetition of the letter G, outlined to create a graphic effect.

Page 9: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade

h

Page 10: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade
Page 11: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade
Page 12: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade
Page 13: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade

Over-lapping letters to create a 3D effect.

Page 14: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade

To Start my book of 26 modified letters, i created a front page using a design with the letter X. I used this letter because it was my favourite modification, i like how i used repetition with the letter to create something interesting along my first page. I also decided to insert another X but this time with it being outlined to overlap eachother. I have kept a white background so its not too bold and i like how i have positioned my characters. The title for this little book is called ‘Laura Light’ where i have faded out the ‘Light’ text to enhance my name. I used the font ‘courier new’ for my text on the front page, i like it because its clear and looks professional with an arty look.

When i started to experiment with the letter forms, i found it hard at first to think about what i could do to them, but after experimenting with many tools i found that just one small edit to a letter could change the entire look of it. To create cuts to my letters i entered a letter to illustrator and clicked on Type > Create Outlines to enlarge the letter making sure i pressed shift to keep it in proportion. I then drew a box over the section of letter i want-ed to cut but made this have no fill so i could see what i was doing. With the selection tool i selected both the letter and the new box and clicked

on window > Pathfinder to create two sections to separate the letter. This is a good way to remove or rotate parts of the letter which i find interesting to use. I particularly like how i have created letters F and G because of the way i have swapped parts about and repeated them, Its almost like a mirror effect which i think looks most effective. To create the ‘M’ i used the circle

Page 15: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade

shape to cut the M in half to separarate the top half and bottom half, i even added a small green dot to give it some interest and extra detail. I have gone with a grey and green theme throughout the book simply because those colours work well together and adding a touch of colour brightens the whole thing up. I have also selected a few pages to have the green background to make some of the letters stand out or fade against that colour. For some letters i have used just the outline , i quite like this beacuse it enables me to overlap them creating pathways of lines against eachother. When designing the letter ‘T’ it reminded me a bit of a check board in the way i have designed it, placing the letter next to eachother repetive-ly, creates a whole different perpesctive of the letter and what it looks like. As a whole i am happy with how my 26 characters have turned out, they look consistant and

i have tried to keep them in the same similar style. I am pleased with my front page as i feel like it is unique and different, it appears to look quite random but i like the tools and techniques i have used to create it. If i was to do something similar again i would purhaps add more colours into my designs and experiment more with shapes and curves.

Page 16: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade

Cut in half using circle tool, added green dot for extra detail.

Page 17: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade
Page 18: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade
Page 19: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade
Page 20: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade
Page 21: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade
Page 22: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade
Page 23: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade
Page 24: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade
Page 25: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade
Page 26: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade
Page 27: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade

Font, Myriad Pro, edited so the top of the X is tilted.

Page 28: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade

Flipped to create mirror imagery

Page 29: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade
Page 30: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade
Page 31: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade
Page 32: BA (Hons) Interactive Design Typographylaura-elvin.co.uk/wp-content/uploads/2016/07/Laura-Light-26-Letters.pdfBA (Hons) Interactive Design Typography. t. Tint tool to create a fade