Showing posts with label OUGD101. Show all posts
Showing posts with label OUGD101. Show all posts

MAC SUITE. PHOTOSHOP WORKSHOP

In this session we were working on Photoshop and this time around looking once again at Colour Modes, and the best way to work within the specific program to get what you want from it in order to get your work to a professional standard to be printed.

First of all Photoshops default colour mode is RGB, which is used specifically for screen. So in order to work for Print, the colour mode needs to be changed to CMYK.


As RGB is the default colour mode for Photoshop, it has a much greater use in Photoshop to CMYK, everything is coded for RGB. This can be seen typically by viewing filters and seeing quite how much use a CMYK document has compared to the latter.
Here is a very bright coloured green that is on a RGB document, as it is meant for screen it can be this colour but by converting the document to CMYK, the colour range becomes apparent to what can be printed, this is how Photoshop has changed the coding to be what would be printed.


Here is a photo which is by default RGB, like any digital format such as scanners and cameras, but in order to print this and to know what the colours are going to look like, the colour mode can be changed to CMYK.

This is the equivalent of the same image, a much darker and duller version.


To see a warning of where colour will change before actually doing so by going to View, there is an option for Gamut Warning. This is a complete accurate representation showing the colours that could not be printed the same as seen on the screen, it appears as a light grey.


There is however an option to change the colour manually rather than just allowing Photoshop to do a default colour change. In Image. Adjustments, you can then click on Hue/Saturation to edit the colour to hopefully remove gamut to make sure the image could be printed accurately in CMYK.

Alternatively you can Replace Colour which is in Image. Adjustments. This brings up this window, which is quite easy. You simply click on the area you wish to replace to remove the gamut warning, and here you can alter the saturation until it is appropriate.


By using the fuzziness slider, it controls how much of the area you have selected to replace, so once this is done you can edit both Fuzziness and Saturation to cover and replace as much of the area as you like.

This may need to go through a couple or few processes in order to change each similar colours, depending on the image of course.

At any point you want to bring the image straight back to RGB, you can go to File. Revert, which does it instantly.

The next way to view the colour differences between RGB and CMYK is to go to View. Proof Colours. You can see straight away it changes the name of the file to ...@100%(RGB/8/CMYK). As opposed to it being just one or the other Proof colours allows to view both. The image has been created as CMYK, but like before using the green that is purely RGB it is still unchanged.


Shortcuts-
To bring up Fill box, press Shift + Backspace
To use Background Fill, press Apple + Backspace
To use Foreground Fill, press Alt + Backspace
To change to default colours, black and white, press D
To switch Foreground and Background colours, press X

Whilst applying colour on Photoshop on the Colour Picker, the view box for the colour holds both New and Current.


It is in this Colour Picker when viewing all the possible colours to use, if you are on a particular colour that is RGB and not CMYK, so it would not print accurately, a warning triangle appears next to the New and Current Selection box, so you know straight away if you want to change it or not.

By clicking on the cube diagram that you can also see on the image, brings you to the closest colour that is on the CMYK gamut range so you know it will print properly, therefore removing the warning symbol.

Swatches

Photoshop always has a default list of colours in the Swatches box, to delete these in order to make room for your own selection, you have to hold down Alt and by hovering over each individual colour a small pair of scissors appear, click now in order to delete from the selection.

Having a colour in you Foreground Paint Bucket, you can simply hover over a empty space in the Swatches, this allows you to Add a New Swatch, which instantly goes into your selection.

Once again it is really easy to another way simply by clicking Add a New Swatch whilst browsing through the colours on the Colour Mixer. This can be done over and over again without leaving the Colour Mixer.



These are just colours picked up from the image was previously using earlier. 


Once again just like in Illustrator it is very easy to add you Swatch Selection just from the Drop down menu, and is saved again by default within the program folders, so easy to then again Load the Swatches at a later date.


Spot Colours

Spot colours are used to:
-Print and use colours outside of CMYK, colours like Bright and Metallic colours.
-Get consistent colour
-Be more economical, possible for less plates.

To set up Spot Colours, you can find it in Swatches just like from in Illustrator, you can choose Pantone, Solid Uncoated for example which are all Spot Colours.

When you are working in CMYK like you should be for Print, and you add a spot colour but only want to use the Spot Colour rather than using CMYK, by clicking on the Pantone colour of choice it by default appears along side Cyan, Magenta, Yellow and Black which negates the point of it if you only want one plate for the image instead of creating five.

To create an image with just one, two, three or four spot colours the image originally has to be changed to Gray scale, then in Image. Mode there is the the option Duotone.


Black will always be the first colour seeing as the image is grayscale, but it is easy to change this. Clicking on the colour, the Colour Picker will appear and just like before you can view the Swatch colour libraries, including Pantone where you can find the spot colours to choose from.
This instantly changes the outlook of the photo.


This is where you can start to add more than one spot colour over the top of each other which can be really interesting to see as the two different colours blend.


In the box to the side of the colour, there is a diagonal line, by clicking on this you have the ability to play around with the percentages of the spot colours and the different areas in which the colours are placed, such as playing around with the contrast and strength of shadows. It is just like using Curves in Photoshop to alter any image


This at any time can be restored to normal gray scale, by going to File. Revert.


There is another way to add a Spot Colour, but this is for you only want to create the spot colour simply as a selection. So you can find any section on the image you want, and grab it with any selection tool you want. I used the magic wand and decided to pick the sky. 

Once selected all I had to do was click on the drop down menu and pick New Spot Channel



This created the whole selection to be red, and be able to play with the visibility of the colour, as to how opaque the image would be, especially with there being more detail behind the colour.

When you do not want there to be any image behind the colour however, you can use the brush tool to delete the unwanted image from being red. This can be done by using the colour palette on the side, and making it default white and black. As long as the foreground colour is white you can play with where the colour lies. 

Whilst saving an image when you have used Spot Colour it is exactly the same as saving any image but it is important to make sure that the Spot Colours box is checked when saving. This will retain all of the information perfectly for visiting the program again.

VISUAL LITERACY

VISUAL SYNECDOCHE



















An X-ray, something that would only happen in a hospital. You see this you think injury, hosptial. Therefore this just a small section of what might happen there is perhaps a typical thought of hospital. It represents a hospital as a whole.





















Stethoscope, this something immediately related to a doctor. You see this you think a doctor, therefore the doctor represents the hospital. Visual Synecdoche for the hospita once again.


VISUAL METONYM




















Sign for a hospital ahead. This sign is just a simple H but it stands as a symbol to represent the hospital ahead. We see it in a format like this and it means hospital, but not every H we see means this, this is a Visual Metonym.




















This symbol represents healthcare, and is a recognised logo for healthcare, this would therefore be recognised through association to a hospital or something similar.

WALK SIGN

SIGNS



















I just think these are really interesting, just how different they can be but you know exactly what they mean, you can't really imagine not understanding. It works in the same way as for any language to exist, you need an agreement amongst a group of people that one thing will stand for another. Here though the imagery used is universal.

There are tonnes more walk signs out there, all varying in style, these are just a few but you can tell the subtle differences of the person, and whether they are on shown walking on a surface like a zebra crossing or not at all. Each of these things give us information without having to think about it.

SEB LESTER

TYPE AND LETTERING By Seb Lester













Ambigram of of the word Brutal. At first I was looking it at it for a while just because as type design I thought it was really interesting, then I actually noticed it was an ambigram- I thought it was just great, really detailed and exciting.

The whole form looks like it has taken on a medieval style, which is clearly showing it as a brutal time. Metaphor simply from its form, serifs look like axes and all kinds or armoury.

Things like this make me wish I did it.


Produced for a show at Electrik Sheep, by Seb Lester













Working with onomatopoeia, he has got typical words you might see in a comic, and given them their own form. This is played out making type the image and it works really well.
We might see things like this in the comics themselves, but these seem to have a sophistication to them and we instantly recognise what is happening. Just by applying what we think of when we hear these words into the word themselves, we get a strong graphic image.

M

POSTER FOR THE FILM M, by Fritz Lang




















I don't know who designed this poster, but the design really does suit the film- not black and white like the film, and no photography been used such as the harsh stills in the film but it creates this dark, gloomy aesthetic. The film came out in 1931 in Germany, and I think this was the poster that was produced with it- quite contemporary of its day it seems like it was pushing boundaries when produced, just like the film which caused controversy.

We can see in the background its almost like city skyline, but this is being very much so overshadowed by this powerful hand. This scary looking hand, that conjures up terror depicting the child murderer.

The colours used, seem grimy and dirty, red and green the main focus point of colour. Complimentary colours, they work with each other- both as uneasy on the eye, not calming colours used.

TURNER DUCKWORTH

WORK THE METAPHOR
HOMBASE











This set of product packaging is incredibly simple and subtle. They could easily just be overlooked but the plainness of them works right along side its purpose of practicality and supposed to be used straight for the job.

The colours chosen are interesting, the green used to be fresh and almost calming, most certainly not a threatening colour. The orange makes the green a definite background colour but they don't clash. You don't think of the two colours together but the two actually go, both with zest to them, fresh, natural colours.

Type isn't a main artefact in this piece, its only used to get right to the p
oint of the product. Simply, this piece has been designed with the full intention of meeting a commercial standard- the design doesn't need to be elaborate and stylised. Suited for the practicality of the product and intended exactly for who would need to buy the product.

COCA COLA






























Another set of products designed by Turner Duckworth- this with the famous Coca Cola. This set has been designed for a Summer production.
Just by simple pictures chosen to represent summer- we have typical images chosen to represent this American Summer to connect and to those of the country, such as the stars - a patriotic move.

The incredibly famous logo of Coca Cola, the whole thing doesn't even need to be shown for the audience to know exactly what it is. With this can with the glasses, part of the type is hidden, fitting in exactly with this reflection of the glasses.

LIPPA PEARCE


WORK THE METAPHOR
BY Harry Pearce



















Designed by Harry Pearce, which is half of the Lippa Pearce team, I think however they left to join Pentagram.
This is a poster for the 'Children at War' series and was designed for Witness, a non-profit organisation that tries to opens peoples eyes to human right violations. This poster has been designed so effectively in order to communicate exactly what Witness want. For me when I saw the poster I immediately knew what it was about.

The typography is crisp, and has a strong impact- it has been placed to be the immediate focus point, with the simple change in colour for the end of the word the meaning is twisted and opens up the intended meaning of the poster. We see just this stark photo of a boy holding a gun, just a child and we know he has been forced into war, infantry, a soldier at the front line.

The colours used are important, just red and gray scale used it creates a serious tone, and a colour pallet that you would expect from a poster showing the brutality of war, and the unfairness of it. Things that you would connect, war and red- blood, this makes the image ever more terrible seeing just this young child being put through this.


BY Domenic Lippa













Once again we have this raw image, where the work truly speaks for itself and portrays the exact message of Macbeth, this bloody, murderous series of events.

Working just using the blood splatters to create the negative space of the type. The type is subtle yet at the same time, it is so striking. On first glance you know exactly what is being conveyed, pretty much everyone knows of Macbeth- and I'm sure that this was taken into account as even if you didn't know you could imagine. For all those who know what the play is about, it creates this grim simple poster that brings you back to the legendary part of trying to wash the blood of his hands.

R2DESIGN

TYPOGRAPHY REFINADO
I saw this on Type For You, from Portugal these
photos are from the front of a Doctors Surgery. Designed by R2Design, the work created is really impressive and is so out of the ordinary. I really think this is good design.

PAUL HOLLINGWORTH

Graphics for dance venue in London, TRENDSETTER. The concept of the work, was based straight from the name and nature of the event itself. Also, as any trend the logo has been designed to alter in appearance throughout various applications.I really like the design, and think the thought process of having different letters obtruding from the rest is very clever as it represents standing out and therefore setting trends.




























TYPOPHILE FILM FEST 5

Typophile Film Festival 5 Opening Titles

I can't remember where I first saw this but I bookmarked the page because after watching the video, I thought it was just so well designed and thought out. A lot of work had gone into the video, and it explored so many ideas all within the one video.

"The Typophile Film Fest 5 is a one hour selection of typographic films hailing from all over the world including Argentina, The Netherlands, Russia and the United States. The films vary in subject matter and style; creating a dynamic presentation of motion design, typographic animation, short stories, documentaries and interviews."

Typophile Film Festival 5 Opening Titles from Brent Barson on Vimeo.

KARSTEN SCHMIDT - TOXI

Karsten Schmidt known as Toxi, is a designer from London, and has done numerous design including digital concept and design of installations.
I was on Printmag.com when I saw the front cover of a previous edition, i thought it looked really interesting, but on the actual website I couldn't see much about the actual piece.
I managed to find more information about this type sculpture, he used the 'Gray-Scott' reaction diffusion model in a processing sketch to generate a 3D typographical model. That 3D file was then printed with a 3D printer and photographed for the cover. I found it all quite hard to actually work out what was done, as I don't really know the processes or how to even start with the sketch up. This is probably why I find this so interesting.

JASON LITTLE

Lecture Poster
By Jason Little, found on Behance Network, in Owner Portfolios. I couldn't find out too much about the actual piece of design but I think the choice of colour and the way its been explored is really sharp. The type is readble, but balanced well enough enough between instant recognition and the type is interesting enough to really capture the audience.

BRIGHTEN THE CORNERS

From the last post, it also reminded me of this site I had bookmarked ages ago, thinking it was really interesting. There are two books in the shop section of Brighten The Corners, each is a short story, with the pictures being made entirely from letterforms of one kind or another- letters or glyphs, in different fonts.
A strong, bit suitable sans serif font had also been chosen to narrate the image. The font has been chosen to be quite simple yet elegant to not distract from the imagery of type making pictures.

STANLEY & MARVIN
















VICTOR & SUSIE