How To Get People To Read More?

Group Research



We had a given theme of printed text & reading. And then we did a spider diagram of the things we could research within that topic.

From this i received signs which i thought i could research into quite a depth. We had to do 3 design boards from our research here are mine:

Image Design Board

Image & Text Design Board One.

Image & Text Board Two

Then from this research we gave a little mini crit to the rest of our group where we told each other what we research and then we was given a more focused brief question for our task.

How To Get People To Read More?

 This is the first design I thought of due to the idea of a bookfly as a butterfly. I wanted to have the stickers in the flying trail as in one of the murals its quote is "To read is to fly'. The background i am very happy with although i think the flowers and the bookfly makes the audience to be targeted more towards a girl viewer, so i want to keep the flowers as that is what makes the background interesting and change the main subject into animal illustration what is created on the murals which will then also flow more with the who brief.

 This is the second idea where I have used the giraffe illustration as I still wanted to show improvement by working upwards. Then I decided to break up the giraffes neck to dedicate different levels a sticker.

 Then i came up with the idea of having the the spot as the stickers and also hanging the speech of the giraffe as the instructions such as "You must read books to make the giraffe get his spot back and be happy again!" Although my group preferred the original giraffe poster for the reward chart, so we agreed to use the original poster, as they thought that it would take too long to fill the giraffe up fully.

These are the stickers that I have created for the reading chart. These have quotes from the murals have been edited to make smaller but have relevance to the quotes used within the brief. I choose to use red due to that been the best colour to stand out against the background of the giraffe. They had to be very simple and clear rather than complicated & clustered as it needs to match the simple shaped of the illustration & simplicity of the font.

Final Printed Out Versions

Evaluation Of Own Work

This is my work i did within my group. I am very happy with the results as its very appropriate for the target audience and matches with the rest of the groups project fluently. I have learnt how to create stickers in the digital dungeon and how to set up the document. The colours have come out very well and bright which was my aim. Although i think if i needed to do more  would make it a bigger poster rather than A3 and maybe put more detail in the background, with more stick chart spots.

Speech Made Visible

Accents interpretation

Essex

Russian

Pirate

French

Welsh

Australian

Irish

Geordie

These are just some of my accents as i must have lost some in transition of tables. 

The task from last session was used in this session we had to try and guess what accent the who are you? was from the layout of the phrase. The most understandable was:

IRISH
FRENCH
RUSSIAN
PIRATE

These was mainly due to the aesthetics of the layout not necessarily the kerning or boldness etc...


 CEEM TEAM'S 5 Fundamental Rules of Type

• Be cautious with overly decourative fonts
• All fonts should be ledgible
• Never reduce kerning in bodycopy
• Make sure the font coice is in suitable context
• Never use more than 3 fonts

 
When then did a pub quiz based on Design Principles and we came second here is our paper:

Visual Literacy

Visual Literacy

The Language of Graphic Design

SEMOTICS:

Sign

Signifier

Symbol

VISUAL

Metaphor - Something can stand for something else. Therefore can control what people read.

Metonym - A figure of speech in which one word or phrase is substituted for another with which it is closely associated

Synecdoche - Which a part is substituted for a whole or a whole for a part

Apple logo next to statue of liberty would therefore change meaning. 

Synecdoche is when a part is used to represent the whole. Has to be something related (inherited links) to the subject, has to be already known as if we don't already know it wouldn't make sense.

Visual metaphor is a transferred meaning from one image to another. The big apple New York was a horrible place so they thought if they named it The Big Apple it would transfer its meaning on NY. As it took all the meaning of an apple (Crisp, fresh etc...) & took it onto city. Made people want to go. 

Visual metonym is a symbolic image that is used to male a reference to something with a more literal meaning. The cab is not intrinsically linked to NY but its still largely associated with it.

Readability: Understand & recognise how easily read.

Legibility: Character & glyphs

Hierachy: Delivery & control of the information

Newspaper - first think jumps out tops - most successfully sold.

Magazine - Siginficant element and you start to work with type & image working together.

Emphasis - Bold Light

Volume - Size of Point

Pace - Point Size    

In groups we had to say who are you in different volumes and emphasis on different words and the others create the phrase using bold & point sizes to show the emphasis. Here are that was said in my group below:

 

These are arranged in all the different ways I could with different point sizes and boldness.

 Beth's accents & volume changes she used when saying who are you.

 Caitlin's phrases when she put accents in on some words.

   Ellen's phrases when emphasising certain areas of the phrase, based on volume too.

Photoshop Workshop

Photoshop Workshop(Lesson One)

You have to know what you want the output to be before you start creating the design on photoshop. As you can not change the size afterwards.

72pixels Screen

300pixels Print

RGB colour mode (Light)

CMYK colour mode (Ink)

They reproduce two totally different range of colour. Non-destructive if working in RGB.

All photos that are captured from a camera will be in RGB colour mode, as camera capture light.

You can see colour mode by going to image > mode > then a tick next to the one it is been created on.

If you want to print a RGB photo then you need to:

Destructive: Image > Mode > change mode to CMYK. (Dull, looks like what it will look like when printed). Discarded all the extra colours. Once saved can not turn back.

 Non Destructive: Proofing what it will look like when printed View > Proof colours. To go back to original View > Proof colour & untick.

View > Gamut warning: Showing all the colours that are out of the CMYK range.

Once you have click Gamut Warning: You can change the colours by:

 Levels is not going to work for this photo as it depends on the type of photo you are adapting.

This is the photo which is shown in Gamut Warning as we have changes the hue and saturation to allow it to be able to print correctly, like on the screen.

Editing photo with layer levels

We need to adjust the levels as we want to make it lighter but not been destructive to the original image.

Not we can see more detail within the bottom of the photo as it was rather dark before.

All white so therefore its masking everything but the selling is now too light so therefore we can change this by:

We need to make sure we have black to the foreground and also choosing a soft brush and then choose the brush tool while you have selected the levels layer.

This has now restored the ceiling and kept the detail at the bottom.

Self Trial

 This is the photo before i used the levels panel to enhance the detail in the ceiling and masked out some of the lighter parts .

This is the final photo editted as you can see a lot more detail and i have still kept the same lightest on the ceiling as it became too light to be able to see it.

Quick Selection Tool

Because there is such a definite contrast between the sky and the status we can use the quick selection tool. Then if you hold the closed bracket and click over the statue it should select the whole of that area.

I have now while the statue been selected by the dotted lines has clicked layers > levels. Then you move the arrows to suit the photo. Now you can see it has only adjusted the white part on the square on the layers panel.

If you needed to choose a photo that need the gaps not adjusting if it was an obvious distraction you could use the magic wand tool.

Photo Merge

Use all the automatic settings. There are many different settings you can choose for example cylindrical which i similar to fish eye etc... You should always ave blend images together and then you can choose to create a vignette effect.

This is the panorama I have created using photo merge in Photoshop. From three photos of San Francisco.

This is the image cropped down so you can't see any of the choppy edges and you receive a seamless photo of the scene of San Fransisco.

Photoshop Workshop (Lesson Two)




Stack Photos & Median

 We want all the bean photos to all be in one file when transported so this is how you load multiple images on one file.

This is what will come up is when you click the load files into stack you have to chose your folder with your photos in. 

Attempt to align sources images would be good if not used a tripod.

Smart object is when you want to have all them one layer. If you don't click this it would open them on all on different layers. 

 The icon in the bottom right hand corner means that its a smart object.

This is the next step this creates the median out of all the images so you just get what is the most common in the photos. There is 200+ photos that you take every 30 seconds set up infront with a tripod.

This is the final of the median. Although there is always people underneath the bean so if you look closer up on the bean it is very ghostly and blurred in effect of that. Now i want to change the sky as it is not a very nice effect.

 This is the new photo i chose of that nice sky that i wanted to paste over my median photo. I have then quick selected tool the sky and then select>Inverse it should have selected the bottom.

I have deleted the bottom now and it has cleared the bottom of the photo with the nice sky but the sky is still there layer over the median photo.

Contact Sheet

This is how you create a contact sheet to check photos against others.

You need to choose your folder where you want your photos are saved. You need to change the page size to A4 because its set to American letterhead. Also change the resolution to pixels per inch and 300 then the thumbnails how many you want per page etc...

This is the outcome of the contact sheet. This could be used in an interim crit or to send to a client of the photography you have done.

PDF- Portable Document Format.You need it to be in this to create a double sided document.

Print Based Format: Loss less- look as good as possible don't don't want to lose any information. (TIFF)
Screen Based Format: Lossy- compresses all the images so you lose quality and lose information so it opens immediately mainly for web. (JPEG) 

This is the tiff save as option as it shows no image compression. We are just going to leave it as default settings.

This saving as jpeg. Saved as maximum quality on jpeg.

The size of the jpeg is alot smaller and the tiff has not effected the file in size format.

We want to use acrobat to double side print so we are going to combine files into PD.

 This is what pops up so we choose our files we want to double side print.

 You need a small file size for screen based files and large file size for print based files.

Then we save the acrobat version as a PDF and save it in same file.

Then when we have saved we will open it in preview as thats the easiest way to print the double sided document.

 Need to make sure that the two sided is click.

 Make sure it is not scale to fit as we want it at A5 not A4. So make sure its scale & 100%.

 Layout>Border
Portrait- Long Edge Binding
Lanscape- Short Edge Binding