Search

Hilton Design

Category

Type Tour Poster

Photographs used for final piece (Thumbnails)

IMG_0150 IMG_0147 IMG_0146 IMG_0145 IMG_0144 IMG_0141 IMG_0140 IMG_0136 IMG_0132 IMG_0131 IMG_0128 IMG_0127 IMG_0125 IMG_0084 IMG_0081 IMG_0073 IMG_0056 IMG_0041 IMG_0037 IMG_0034 IMG_0033 IMG_0071

Evaluation and Reflection

1) Visual Communication:

In what ways does the visual communication/message of the piece meet the needs of the brief?

The brief says to advertise a typographic walk around Bexhill. I include photos of typography used within the area and collaged them into a landmark of Bexhill. I couldn’t really think of another way to make it more clear to as where it was and what it was.

In what ways does the visual communication/message of the piece fail to meet the needs of the brief?

I think that maybe the date may be hard to get attention from the audience because it is outlined and has no fill Though I don’t see any other failures towards the needs.

What are the strengths of the visual communication? Why?

I believe my strengths within my poster as the collaged images and the type used on the important information. this is because both of them are well-balanced for their importance.

What are the weaknesses of the visual communication? Why?

I think the poster comes across too dark maybe, which kind of gives out the wrong message to my target audience unfortunately. I also thing the image is a little too dark and blends in with the background too much? Also I’m annoyed that I couldn’t sort out the pixelation on my image.

In what ways could the piece be mis-read or mis-understood by the audience? Be specific about who the audience is.

Like I answered in the previous question, I’d be worried that typographers and students may avoid the dark layout and maybe not pay much attention to it. Though saying that, it does make it stand out from the others.

In what practical ways could the piece be developed or improved?

I’d may want to explore purchased fonts and get a better variety on them, and also again with the image quality, the blending is a little harsh and shows a chunky cut out.

2) Reflection of own working practices:

How was my time keeping?

I found my time keeping skills well set out, apart from having to juggle work and this together, can become rather stressful and doesn’t give me the chance to give 100%. I think ill have to maybe cut down on my work hours.

How was my analysis of the brief?

I’m not really good at analysing my own work but I think I done alright for my first attempt in this course.

How was my research?

I find research a drag! but I think I got the main parts I had to look up, and researching something you enjoy does give me a bit more enthusiasm.

How did I draw conclusions from my research?

I’m not so sure, I just gathered my research and analysed it. I had to relate the research to my project and how it would help me out and give me an advantage.

How did I use research to generate and develop ideas?

I used a technique in one of my blogs called PMI on some posters that influenced me, PMI is where you pick out the good and the bad points of something you are analysing, then finding interesting things within it and saving them ideas for another time.

How did I use evaluations to help with my ideas generation and development?

I learnt from my mistakes, instead of evaluating my own work as I went along, I involved others instead to get an outside point of view.

How did I use experimentation during the project? How can I make this more effective?

I like to play around on software and discover techniques my own way making it a little more unique. To make this more effective I will do my best to find quicker and more efficient ways of doing the techniques I learn myself.

In what ways did I show that I had achieved the Learning Outcomes? How can I improve this next time?

I blogged about my progress frequently and documented mostly everything I done. Although I could blog more about the lectures and maybe document in a little more detail next time to improve.

What parts of the project did I enjoy most? Why was this the case?

All of it, I felt as if I was doing it for a real-time client.

What parts of the project did I enjoy least? Why was this the case?

The decision out of the two posters I had produced. This was difficult because they both had two completely different approaches to them.

At what times did I work best? Why might this be the case? How can I ensure that I work well at all times?

Working with the software. I love using computers for graphical designs. To ensure I stay working like this I will look up tutorials on more complex techniques in my spare time and pay close attention it lectures.

What areas inspired me? Why was this the case? How could I follow these up?

What inspired me during this project was pretty much the whole project itself. Getting influence from my typographic walk in Bexhill really made me think on how to improve things others weren’t so successful on. Also looking into others posters online gave me influence and tips on what work well together and what don’t.

What areas were challenging or difficult? Why was this the case?

The only area I found challenging was the print stage as there was a lot of running about due to faulty printers, this is a reminder to not print last-minute.

How can I go about developing and improving the parts I found difficult?

Learning more into the software I used to develop my project, hopefully we will be learning a lot more in lectures and work experience.

Do I need to develop certain skills? Do I need these now? Or later?

I had developed a few easier ways of producing effects, but nothing exactly new. I will be using these new techniques though in the future.

Any other points?

I found it a little hard at the end to decide which of the two posters I had made to send off as the final piece. I thought long and hard and took in others opinions to reinforce my decision and I had to go with my first poster. The reason being was that it felt more original and matched the brief more than my second attempt did, I may not have liked it but it’s not about that, it’s about if it matches and stands out from the others which I found it did. It is also annoying how the poster looks a lot more appealing in person than through a screen unfortunately. so my final piece is THE WAVE POSTER.

POSTER MK3

Project Experiment (B Pebble)

15/10/15

With this design I went for a more simple look compared to my other poster (The Wave). I was thinking of giving it a more friendly and a little more professional look to it. Through posters I had seen around me and on the world-wide web I wanted to improver them and put them in a better use of my opinion. I saw many posters with the use of full fitted A2- A3 single letters with the information printed around it. I found that the single letters were boring in just black or white so I thought to myself to maybe do the same as what I did in the previous poster, catching an image into it.

This was my rough sketch of how id want it to look like.

IMG_2814

The letter I chose which I thought would work the best was the letter “B”. This is because it stood for Bexhill and it had quite a lot of white space within the letter to insert all the information. also it related to the Beach Pebbles in the photograph I chose to put within the silhouette. I did try using a typographic image as well but it didn’t really work in my opinion as it didn’t show much type due to the big gaps within the letter. I also experimented with a few fonts which may have helped the typography stand out a little more but it didn’t.

Screen Shot 2015-10-15 at 12.51.27 Screen Shot 2015-10-15 at 12.58.16 Screen Shot 2015-10-15 at 13.01.19

Here’s where I decided it wasn’t a good idea to use the photograph I was using. my lecturer told me it didn’t have to particularly be an image of typography. I did feel need to try it though and show others that it didn’t work as much as it could have.

The font out of the three that I had used, I chose Noteworthy Bold because it gave a fun kind of old feel to the poster. I used a photo I took while I was on the beach to capture the feel of the seafront on a nice day.

IMG_0098

The technique known as the clipping mask, I used to cut out the B shape into the photo I simple made sure the text layer was behind the image, hover over the line between the two in the layers menu, hold alt and click, then it turned out like this.

Screen Shot 2015-10-12 at 16.32.21

I then selected the two and enlarged the Image to fit the whole screen and bleed off too. I did this so then it didn’t feel so restricted and tightly placed in like this.

Screen Shot 2015-10-15 at 13.32.42

Also having it like this wouldn’t give me many options on where to place the text.

With the text I wanted it again nice and readable in a formal approach, so I used a pretty basic font called Perpetua Tilting MT. Using this typeface came a lot in handy as it had a bold option so I could highlight the main text pretty easily without any hassle.

Screen Shot 2015-10-12 at 16.45.48 Screen Shot 2015-10-12 at 16.55.23 Screen Shot 2015-10-12 at 16.54.47

I loved the way the information just fitted so well within the huge letter, it made the importance of both the photograph and main text equally balanced, making the whole thing stand out as one whole piece, instead of parts being separated in an order.

I felt the need to experiment with the alignment a little as I wasn’t so satisfied with it. In the end I managed to get it a little neater in my opinion. Bellow is my final piece.

Poster2  *FINAL PIECE PDF File*

While creating this poster I had learnt from my many mistakes in my previous one. I also took a different approach to it, giving the poster a more friendly feel compared to the dark colours in my previous one. though they are both great I’m going to struggle to choose my final piece. What I am planning on doing is getting others opinions on which one they find more effective and friendly.

Project Experiment (The Wave)

13/10/15

Here I am going to show how i managed and completed my first version of my Typographic poster. Our objective was to create an A2 poster to advertise our typographic walk around Bexhill.

It was important to know the area and who our target would be and to catch the feel of the area. I was thinking for my audience along the lines of students like myself and professional typographers would be my main target and possibly tourists. I found Bexhill a little dark in places but once at the seafront it felt like a stress relief from all the fairly big buildings around the built up area.

The poster had to include the following text “Typographic Walk around Bexhill 30th October 2015 For further information please visit out website http://www.typetours.com.”. The text that had to stand out in my opinion were “Typographic Walk”, “Bexhill”, “30th October 2015” and “www.typetours.com”. I had to get the message across that it was a typographic walk in Bexhill, to help me do that other than making the font stand out, was to use the photographs i took there to help give away more that it was Bexhill.

Here is my rough sketch up of the poster idea.

IMG_2811

to start of I got a few of my images and imported them into Photoshop. The tricky part was to then crop all the images neatly and rotate them to look like they’ve been roughly placed in to a collage. I was thinking of making a tidy collage but it wouldn’t have worked as that the images were all different sizes once they were cropped. the reason why I cropped them was because it would look very rough with patches that aren’t subject to Typography.

Screen Shot 2015-10-07 at 14.31.40

Screen Shot 2015-10-07 at 14.46.17

To crop some of the images I had to use the quick selection tool to separate the parts I didn’t want to the parts of the image that I did want, like here I did not want the middle portion of the logo so I had to select the part I didn’t want and delete it.

Although some images where easier than others due to how I took the photo. with some of the posters I took photos of, they where pretty straight and head on so I could simple draw a square/ rectangle over it, rasterize the image so I could cut it from the original and copy and paste it in to a new layer, thus deleting the original image.

Screen Shot 2015-10-08 at 22.43.00 Screen Shot 2015-10-11 at 19.05.23 Screen Shot 2015-10-11 at 19.16.18 Screen Shot 2015-10-11 at 19.16.24

Once I collaged all my images together I realised that the silhouette I was going to use wouldn’t fit all the images within it, therefore I had to shrink them down and experiment a little bit more on where I was putting the images, being very careful on which ones to prioritize.

Screen Shot 2015-10-11 at 19.35.19

Right now that I got the collage sorted it was then on to getting hold of the silhouette. Luckily I captured the sculpture perfectly for this opportunity, I got a head on landscape shot of the whole Wave sculpture by the De La Warr Pavilion.

IMG_0072

To get the silhouette I again had to use the quick selection tool in Photoshop to crop out the image. Once I cropped the image I then popped it on to a clean black finished background.

Screen Shot 2015-10-08 at 22.22.41

There was a problem though, it didn’t blend so well into the background. It came on to harshly, so I had to experiment with the blending tools to make it smooth and a little more cleaner.

Screen Shot 2015-10-08 at 22.23.17Screen Shot 2015-10-08 at 22.23.13

I had a few choices on how the contrast and brightness of the sculpture would look like with a black background, I liked a few of them and it was hard to choose out of the lot. I wanted it to stand out and be bright to represent the seafront (nice and colourful) compared to the background which represents the high built town area (filled with shadows of buildings).

Screen Shot 2015-10-11 at 19.09.10 Screen Shot 2015-10-11 at 19.11.06 Screen Shot 2015-10-11 at 19.10.25 Screen Shot 2015-10-11 at 19.10.06  Screen Shot 2015-10-11 at 19.09.17Screen Shot 2015-10-11 at 19.10.02

I chose this one at the bottom as that it looked light but also blended in very nicely with the background.

Next I had to group my collage together and clip out the shape of the sculpture out of it and choose a specific section of the collage. I then had to drag it into the document in which I was working on the sculpture with the black background and lay the collage over the sculpture.

Screen Shot 2015-10-11 at 19.35.23 Screen Shot 2015-10-11 at 19.37.54

I felt the need to mix the two together as if the images were actually printed onto the sculpture, to do so I had to mess around with the opacity to get it spot on. The screenshot from the top was before, the one bellow it was after experimenting with the blending. The reason why I chose this part of the collage was that I felt it was the part of the collage with the most variety of different fonts.

Moving on to the type on my poster within Illustrator, I wanted to give a straight bold font to my audience so that the message came through clearly and was easy to read. I used Arial Black and Arial. On my first attempt I thought to put the title and information on to the right hand side of the poster and making the Around outlined due to its importance. so it looked like this.

Screen Shot 2015-10-11 at 20.24.16

To fit Bexhill in to the title I thought it’d be a good idea to make the B over sized reaching the same level as “Walk”, looking like this.

Screen Shot 2015-10-11 at 20.28.48

I had to experiment with the size, kerning and lining of the lot of them to make it neat and not look scrabbled. I thought to make the B stand out a little more I’d outline the single letter.

Screen Shot 2015-10-11 at 20.33.48 Screen Shot 2015-10-11 at 20.50.57

Moving onto the style of how I’m going to present the date. I was thinking of making it in a numeric format instead of how it says in the brief, though after I did ask and my lecture said I could not do so. but here is how it looked in a nice bold font and outlined. I also looked at making the main title outlined too without any fill and making “around” a little less transparent.

Screen Shot 2015-10-11 at 21.40.02

This being my first version of my poster I was pretty proud of how it was layout, but this was only step one of the big road ahead! from going to the above to the one bellow I will explain how I did so.

Screen Shot 2015-10-12 at 18.45.28

Thus included getting feedback from over five people and fixing things to how they suggested. some advice and feedback I didn’t react to as I found it wouldn’t have helped.

Things that needed adjusting and looking at after feedback:

  • The date
  • The information box
  • The contrast and brightness of the sculpture
  • The alignment of the text at the top

… So pretty much everything needed revisiting!

So where should I start? I had to start on the top text and date, I started from scratch on both these and came up with a few ideas.

Screen Shot 2015-10-12 at 10.41.17

I had to make “Typographic” stand out more than “Bexhill” so I thought id get the same style as I had “Bexhill” in previously. This didn’t look too bad at the time.

Screen Shot 2015-10-12 at 10.47.00

Then I realised maybe I should centre the whole lot and add some shapes to the title slightly breaking it up a little. horning both the T and C in “Typographic” and the B and L in “Bexhill” looked good at the beginning but then started to look a bit odd and not right, you will see I change my mind later on in the process.

Screen Shot 2015-10-12 at 11.20.04

Moving on to the date format, this screwed me over a little as it didn’t look right once I put in “October” so I experimented with the alignment to reach satisfaction.

Screen Shot 2015-10-12 at 11.41.42 Screen Shot 2015-10-12 at 11.53.49

Centring the date I thought made it more readable and showed the audience its importance and that it’s the next thing they should look at after the sculpture. Also I put the information in a single line at the bottom of the page, keeping the website bold.

I started by going back into Photoshop and sorting out the contrast and brightness on the sculpture making it a little more bolder.

Screen Shot 2015-10-12 at 11.55.33 Screen Shot 2015-10-12 at 12.23.33

Here was when others and myself realised that the horns on the top text didn’t go to well as well as the outlined T and C. So yet another change I had to make, which I didn’t mind as that I love experimenting and taking other people’s thoughts in.

Screen Shot 2015-10-12 at 14.26.35

I was also told by another lecturer to get rid of the rectangle underneath “Typography” as that it can distract the audience.

Screen Shot 2015-10-12 at 16.15.23

Finally to finish off my poster I just had to centre it all making sure that when it prints it doesn’t cut important parts off (I learnt this the hard way!). I also experimented with the spacing on the top text to get the best and well-balanced feel to it. Also reducing the oversized T was required to get full satisfaction…. FINALLY!

Here are the Three versions of this poster.

POSTER MK1 POSTER MK2 POSTER MK3

*PROTOTYPE 1 PDF File*     *PROTOTYPE 2 PDF File*        *FINAL PIECE PDF File*

Giving the audience a taste of what typography there is around Bexhill at a high quality and quantity I thought would advertise the walk fantastically. Also presenting it in a well known sculpture to that area would give the audience a guarantee of nice artwork within the area. I think in this poster the message is very clear and readable, but I can’t be the judge of that seeing as if it were to go on show it would be seen by thousands.

Sketched ideas for final project

11/10/15

I thought it’d be best to do a few rough sketches for a few of my written ideas. I took in to account who my target audience are going to be, where it’s going to be posted and how it’s going to be different and stand out.

Idea 1


Here I am thinking of drawing out a simple icon of a camera in illustrator and collaging some of my images into the shape. The font will be simple and clean and both “Typography” and “Bexhill” will stand out as that they are the main text. In the background I would make squares with a fill of colours that represent Bexhill.

Idea 2


In this design, I wasn’t going to include a typographic photo but instead a landmark photo. With the type I would want to bunch it up into a box form apart from the website, which would be located at the bottom.

Idea 3


This being my favourite idea out of the lot, I’d get the wave sculpture and crop it out, then I’d get all my images collaged and merge both the sculpture and collage together. Again the type will be simple and clean.

Idea 4


Here I would collage all my images on the whole scale of the page. Pretty much the photo explains it all.

Idea 5


This idea was only a quick final sketch which I thought up on, it’s simple with the image layout and balances the importance of both the type and photos.

Idea 6


The same as my third idea, I really like this one because of its simplicity. The big B stands for Bexhill, and that will then balance out the importance of where it is to what it is about, “Typographic walk” will be big and bold and for the rest of the text will still be big but not bold.

Typography

09/10/15

What is Typography?

Typography is an art and technique of arranging type to make written language readable and appealing when displayed. The arrangement of type involves selecting typefaces, point size, line length, line-spacing (leading), letter-spacing (tracking), and adjusting the space within letters pairs (kerning). The term typography also is applied to the style, arrangement, and appearance of the letters, numbers, and symbols created by the process. Type design is a closely related craft, sometimes considered part of typography. Typography also may be used as a decorative device, unrelated to communication of information.

type-leading

leading refers to the distance between the lines of type. as you can see that on the left is a bad example of leading as that the type looks very squished and as it says, some of the letters collide making it hard to read. on the right side however, the spacing is very clear and not all jumbled up together.

kerntips-4

Kerning is adjusting the spacing between individual characters, bringing the characters more together or further apart. Tracking on the on the other hand is the spacing of a group of characters. so kerning is individual and tracking is groups.

With type applications like illustrator there are two different categories to choose the way it looks, they are the typeface and font. A typeface is a family of fonts, meaning a specific design like Arial. However, font is one particular style within a typeface family, Meaning Arial Black. you’d want the type to be unique so most typographers use fonts and maybe even play around with the kerning and such on them.

Also alignments are important when it comes to readability. Alignment to the left is the most common and best way because we are used to reading from left to right. When we have Chinese text, it may be advisable to align to the right since Chinese is read from right to left. Another use for alignment to the right which i researched, was that when we want to highlight a message from the text it can slow down the process of reading as that we are not used to the different direction of read. Centred alignment has a different effect. When used properly, it can give your text a touch of class, but if you fail to do so, it may confuse others.

You must be so careful with what type you use in projects especially ones within the advertisement industry, as that your work will be on show to the public and other experienced typographers. Most peoples eyes catches the bad things in everything first rather than the good things, but if you take your time with your fonts then you shouldn’t have any bad points on your final project which will then direct the eyes to the good points.

P.M.I

09/10/15

PMI Is evaluating an object or inner case a poster that has influenced you. It involves picking out all the pro’s (Plus(P)), Cons (Minus(M)) and Interests for another time maybe (I). From one of my recent blogs I had to find five posters that caught my attention and gave me some inspiration, now I am going to take a couple and perform a PMI test on each one.

IMG_2791

P = The use of Gradient, the bold text, use of type is neat, readability is slightly hard but it makes the audience want to see whats behind the main font, use of just two colours.

M = The indent on the type could confuse the audience and make it hard to read, the font size of the information bellow, kerning.

I = White space, text overlay, drop shadows.

For my poster I could use the gradient tool for the background to get rid of the feel of too much white space. Using a nice simple to read font would be best for the target audience I’m aiming at. Avoiding bad kerning is essential, I must make sure all the spacing is balanced, maybe it was intentional they done this to go with the message they were giving the audience, but bad kerning is a big fat no NO! I am interested in the use of the drop shadow effect to try to make some of the text stand out, in fact it works extremely well as it looks like it’s trying to push out the text to the audience through the red text.

IMG_2787

P = The silhouette of a character cut out an illustration, big bold font, centred text making it very formal.

M = The readability of the text bellow again may be too small.

I = Shapes within the illustration creates some of the main features on the character.

Maybe for my project I will get a silhouette of a landmark from the area then add photos into it some giving away some features of the landmark. With my title I will most probably try to keep it in the centre of the page as that it will stand out a little more. I may make the main text nice and bold like they have done in this photo.

Influence

08/10/15

I’ve been looking around on the Internet and books at the college I’m studying at, to find posters that would help and give me influence to my project. I spent some time to find five which grabbed my attention imidiantly.

  

This one I love because Mario has always been my favourite games character! I love the use of shaping type into a particular object.


These Star Wars posters look great with the background merging together with the silhouette of the well known characters also giving the features of them too from the background. In my project I’d like to get a simple silhouette and do the same kind of thing but with my photos instead of simple scenery.

   
Again another image created by type, but instead in black and white giving it a more bold look funnily enough.

 

In this example I like the way the font on top is the main text and stands out so well in the colour red. It also makes me want to read the faint font in the background. This gives the poster anedgy look! Nice, bold, clean and straight to the point, with a touch of mystery!  

The same as the one above, it’s mysterious, bold and pretty straight forward. The colours and font together work together very powerfully! 

Although my project must include photos, I am going to take these posters to give me advice towards the typography used in my poster, I’m looking at the style of the star wars poster imagery and possibly the forth one down for the type in my poster

Mindfulness and Empathy

05/10/15

Learning about both mindfulness and empathy has helped me understand who my target audience is and how they will view my poster. Empathy is understanding someones emotions, thoughts and feelings. Also instead of feeling sorry for others, you listen to them and relate some of your own issues to theirs. There are a lot of differences between sympathy and empathy, sympathetic people are shown to not really caring as much as empathic people.

Sympathetic people usually say things along the lines of, “you’ll be fine” “at least you didn’t….” Also saying I feel sorry for you and not actually feeling it is sympathetic. Sympathy is just all talk and no actual feel for it, it sounds heartless in a way.

Empathic on the other hand is taking all their issues in, evaluating them and relating them to similar issues of your own getting a better understanding of their feelings. Being able to say you know how they’re feeling comes across more supporting.

Now Mindfulness is when no matter what situation you’re in you should be looking at things in a different ways compared to others. You should also start to notice more around you, taking in things that not everyone else does. Mindfulness is the presence from the heart.

Within the lecture we took part in a task in noticing things within the room that we’d hadn’t noticed before. Things I noticed were there was a jet wash box on the table in the corner, five skate boards sat on a desk near by, a tiled section on the ceiling above me and that the floor runs up the wall a little.

Blog at WordPress.com.

Up ↑