Typography Shayona basu

Introduction

This unit is about learning how and where to use fonts in different locations. We did multiple things about typography. We learnt a lot about using different tools to use distortions and using the liquify tool. We also made typographic posters and comparing it between different fonts.

Environment's Fonts

School Font

this is compared to the edited version

I found this a new way of looking at my environment. I learn from my first experience that I need to take count of the letters I have and letters I don't. After the first two times of going around school, I found that I had 5 T's and 11 F's, but no W's or M's.

Home Font

Find the texts at home was a lot harder than finding them in school. It took me the longest amount of time and I found it very difficult. However, it did push me into finding text forms where I would not really look. I also found a lot of nice places around my neighborhoods that I did not know of.

Final Posters using InDesign

These are my final posters using inDesign. I had a tough time starting out, but then I got the hang of it. I think inDesign is a very useful tool and will definitely try to use it more in the future.

DESTROY: HELVETICA

From top to bottom, left to right : Distortion 1, Distortion 2, Distortion 3, Distortion 4, Distortion 5

For Distortion 1: I was inspired by a logo I cant remember where there was a wavy line cut through the middle. This motivated me to try it out on the paper. I also wanted to show the difference in distortion because I thought it would be quite cool. So, I crushed the bottom part and took a photo to see how it would look like. It was very disappointing because I could not really see the stark difference as I had imagined. I crushed it even more and scratched it and tried my hardest to distort it. Getting a bit frustrated I tried to drop some water into the distorted part. I also decided to keep a bit of space between the two parts.

For Distortion 2 sliced it up very thinly and kind of made it a curve. I just hope it will show well on the laptop

For Distortion 3, I really wanted it to be 3D. I wanted it to feel as if it was coming alive on the screen, and that it is not stagnant. I did not crush it because I wanted to play with the aspect of the distortion not being blatant.

For Distortion 4: I liked this twisty destruction, although I am worried that you can not understand this is Helvetica. I was really sold on the idea of the wavy logo. I was trying to find more justified derivative of that concept.

Distortion 5 is the one that I spent the longest on. I really wanted to elaborate on the three dimensional condition of this distortion. I also wanted to build on this wave pattern I was interested in. My goal for this was to make it seem like it was going up and down. The best analogy I have for this is like a rollercoaster. I was not sure how this effect would show digitally but I wanted to try. My first attempt I just took the paper and after crushing it, I tried to mold it so that it adhered to the shape I wanted. It never stayed long enough to take a photo so I tried another method. I cut it in the middle, if you look closely there is a kind of gap in the middle of the "e". Then with the "Helve" part I crushed it and formed it into a bow where the "e" was the deepest part and the "H" and "v" were the highest. This held its shape a lot better. I didn't try anything with the split "e" as it was going to be my connector piece. Then with the "etica" I shaped it so the "c" was the highest in height and the "e" and "a" were the deepest. This also held its shape very nicely. Then my only problem was how to get it to fit together. I had no tape, so I DIY'd some with the materials infront of me. I simply got some scrap paper, applied a libeal amount and stuck it to the two parts of the "e". It stuck together quite well, and because of the the intense distortion effect the crushing had, it was very hard to see the gap. Now, I hope it will show well digitally.

Helvetica: The making.

Taking notes:

This is after watching a documentary on the origins and importance of Helvetica. I took notes in this fashion.

The Display:

As you can see, there are some problems here. There are the shape outlines of the "h" which is not supposed to be there. It was viewable when I was editing but was not aware it would also show when I exported it. Also I had trouble making the text wrap around objects as you can see in the text at the bottom. I wanted it to be a full text box but instead of a rectangle the shape could be a triangle or be distorted in some way that it would be wrapped around the objects.

This is my Helvetica Poster. It is also my first time I have used InDesign to make a poster. I found it easy to manipulate the texts rather than when using Pages.

Back to Distortions!

This is the distortion that I liked the most but was scared if it would come out well digitally. I really like the idea of the line going through and showing the contrast. I think I am going to amplify the contrast and make it a much more stark difference. I like the concept, and it gives me a lot more ideas I can branch off. Such as making the poster into like an positive and negative take. Like, the destruction of Helvetica: in motion. At the top its clean and shapely, but as the letters are falling they become more unearthly, illegible and destroyed. Kind of like the poster is a freeze frame of an action scene. Like the poster comes alive at glance. It could also be that the line goes off into a kind of hill with a steep drop. Where the letters fall of? Thats where my thinking takes me on this piece but I do have more distortions I am working on, so I will see which one gives the best concept.

I made these variations of my Helvetica design by using the tools liquify offers such as: Forward Warp Tool, Reconstruct Tool, Smooth Tool, Twirl Clockwise, Pucker, Bloat, Push Left, Freeze frame etc. There were many options and the opportunities are endless. I played around with them and got the following results.

Displacement Maps

To improve, I would use darker blacks. I really like this distortion that I made, even though its very simple in design. I tried out different ways of placing my lettering on the displacement map, just to play with it. Then I just changed the colour and the size to play with the feeling that this simple poster brings. A recurring effect I would like to produce throughout my development process is the sense of making the poster alive. Because I like the feeling, I want to make sure it is something prominent in the viewers eyes. I also made it a point to not use plain white and black. The lightest colour was the light blue you see in the top most Helvetica, and the darkest is the background which is a dark grey/dark blue colour. I remembered hearing about how white and black are advised against being used and took that in consideration. I like the effect it creates and will continue keeping that tip in mind. I don't think the colour theme in this poster would have looked good if I did use the stark black as the background colour, it would not tie the scheme together.

Helvetica DESTROY poster

Collection of Typographic Posters that I took Inspiration from.

Ideation

This was the first page I have done, I drew my most rough ideas, but I felt that I had not understand what we had to do. I also did not like my inspiration posters that I had used and need to limit them. They were not even distortions. This is the reason that I had to do another page. I liked some of my ideas though.

This is my second page, I made my size of thumbnail actually thumbnail size. I also chose better posters to take inspiration from. But I forgot to include my red signal poster that I really like. I am excited to translate it into the computer

Final Poster !

Typographic Portraits!

This was my favourite poster as I feel that it looked the most like me.

Printing!

I chose my first typographic portrait as the one I would print.

The laser cut out.

The prints

Here are my stamped prints. After we got our laser cut out we had to do some steps to make these prints. First we put ink on our laser cutout, by placing it face forward on a table covered in wet ink, then pressing it to make sure an even layering. Then with our inked cut out, we went to a piece of paper and pressed it on there using help of a roller and a spoon. The trick was to do it quickly, the first time I did it I spent a long time on it. That is because the ink dries and then does not transport.

Text Effects

This was really hard to do a text effect for. I don't really like it. You cant even see my portrait. It is a good text effect, but it does not suit my needs.

I think this effect is better than my previous one. I had to make some changes as the tutorial was specific to letters. I used another image as my cake. There are definitely some improvements I could make but i'm not sure how to do them. This was the tutorial I used : http://www.psdvault.com/text-effects/create-delicious-pastry-text-with-dark-chocolate-photoshop/

Conclusion

This was a unit on typography. We learnt a lot about how to design typographic posters, how to alight them using indesign. We also reviewed our skills on text effects using adobe illustrator and photoshop.

Report Abuse

If you feel that this video content violates the Adobe Terms of Use, you may report this content by filling out this quick form.

To report a Copyright Violation, please follow Section 17 in the Terms of Use.