Wednesday, 20 November 2013

OUGD504: Creative suite - Indesign.

Creative suite session. 
Indesign.





In the file menu there is a section at the bottom called blurb book creator, this is where we can go to set up our books for print, selecting different options such as the bind style. 



If the document is mostly text based you can select the primary text page option which will insert a text box on every page. 

Start page number can be altered to the start page of your liking.
Swtaches in idesign are alrady global swatches.

By default our colour is going to be made by its ink mixture. Recommend sticking with this ink name. 


For all shapes filled the same colour, double click on the swatch and move the percentages to edit them all.




Select a swatch and in the swatch menu select new colour swatch. 


Move the tint levels, these colours will have a tint percentage after the colour mix percentages in the swatch pallet.  
we are still using the same hue but have established tonal variations. 

solid uncoated swatch colours, new tint variations with produce different tones using only 1 ink. 


When placing an image from photoshop into indesign that has used spot colours, the spot colours will also travel to indesign and be automatically added to the swatch pallet.



Photoshop images: 
300 dpi.
Need to make the image actual size in photoshop. 
Another reason why we shouldn't resize images in indesign is it may take too much processing when saving in formats such as pdf. 
Make sure any colours we are working with are CMYK.
If we are working with transparency eg. cut out images, we should save this as a psd so that it will keep the transparency in indesign. Tiffs do not support transparency. 

In illustrator we do not have to consider resolution. 
You can select the vector artwork in illustrator and paste it into indesign as indesign also works with vectors, the pasted image is also still editable in indesign. Any spot colours will be imported into the swatch pallet as well. 


Five inks to print this document. this can be separated into individual inks. 


Seperation preview pallet. 





Turn separations on.


Making the black seperation visible. 


When we make just one colour visible, below is the magenta, it shows us where the magenta will print in the form of a greyscale. 




Each of these separations is printed onto a thick transparent film. 

Do not leave unused swatches in your separation pallet! if you have been experimenting with other colours, make sure to clean up your swatch pallet to avoid extra charges at the output. 

Indesign print dialogue box. 


Look at the output section. Where it says colour we can change this to seperations. 


We can use the print icons to uncheck certain inks to prevent them from printing. 
When we print 5 positives will then come out of the printer, as positive for different inks. 

The seperation process only works on these laser printers. Ink jet printers use a different technology, you cannot ouput seperations from those. 



Over printing or knocking out. 

When minusing the yellow we can see that indesign removes the cyan from where the colour cross over, this is knocked out so that a lighter colour (yellow) does not print transparently over the cyan. 

Black over prints, this is because black is a very opaque ink and therefore no colour can visibly be printed ontop. 

We can change this in the attributes pallet when we can select the yellow to overprint. 















If too much ink its applied. the piece will exceed its ink limit and the paper may get too wet and tear and rip. We can see if we have exceeded our ink limit by checking in the seperations menu. 


We can take the principle of overprinting inks one step further. 
It allows us to set of swatches of two different spot colours. 

We can use the over print option, combined with a series of tints to create a larger range of colour. This is only possible with indesign, and a conversation with the print would have to be had. 

New mixed ink swatch. we can then mix percentages of these inks, to create a new swatch which is a different colour. 

Sunday, 17 November 2013

OUGD504: Design for web - Colour Pallete and fonts.

Design for web. 
Researching colour pallets and fonts. 
Choosing colour pallets and fonts. 

Before I could make these design decisions I went to look at other leading Frozen yoghurt Brand websites. The current colour pallet that Frurt uses, seen below, is much too organic and ultimately boring for a frozen yoghurt brand aimed at students. It is understandable that the colours, greens and yellows, have been used to promote the healthy agenda of frozen yoghurt, however the website needs to have some fun injected into it. Currently the site communicates that the yoghurt is healthy, however this is not all that is great about frozen yoghurt, about the tart zing that first hits your tongue, quirky flavours, toppings galore, and being able to enjoy the dish with your friends. 




 Pinkberry:




The Pinkberry website has a core duo of colours this being, a lime green and a warm pink. Both of these colours are used in the logo and throughout the website. The vibrant green is used mainly, and the contrasting pink shade as an accent colour. These are sometimes combined with other colours of a similar pallet such as a lighter green and a blue green. Pinkberry uses photographs where possible and a minimal use of illustration, I assume this is due to the target audience. The audience for pink berry froyo is young business people. This is evident in the professional appearance of the website, and truth in which they use photographs, Pinkberry is known as a yoghurt bar where employees can come together during their breaks at work and enjoy some good yoghurt. The choice of font is sans serif, as the website is not of a formal type, or of high importance. Sans serif fonts display a sense of informality, a more casual attitude and cleaner appearance. 


TCBY:







TCBY does not particularly follow a colour scheme, However its 3 main colours used consistently throughout the site are a bright red toned pink, an orange and a turquoise toned blue. Although there are different colours, TCBY are constantly employing new pallets of colour for different adds on their website. This keeps the website, new, fun, exciting, fresh and unpredictable. The website uses mostly illustration, and a range of photographs which are edited to almost have an illustrated effect. This is due to the audience being both young people (students) and families. The larger mass of text is always completed in sans serif font, however sans serif is used on rare occasions as a special addition. Most of the text used on the site is of a web safe font, however some other fonts, which would not be found only every computer have also been employed onto the site. These have been integrated into adds, and part of an image, and so these will still come up as the original font chosen, even when not loaded on a computer with the font installed. This could be something to bare in mind for the logo and advertisements. 


16 Handles:





Red Mango:





I decided that after looking at the websites above It might be best to use a pallet of both pastel and bright colours across a range of shades, rather than keep it to a range of blues, or pinks etc. The combination of a number of colours keeps the website fun, fresh and young. As students are my target audience, this sort of colour pallet would attract them. I went onto a website called design seeds and started to look for colour combinations. Here I decided to save all of the pallets which I thought would be most relevant to frozen yoghurt, choosing a range of pastel and bright colours, which would also appeal to my young audience. 

Pastels - Pale pink/green and mid green.



Pale pinks and greens.


Lilac pink and blue.


Green and both pinks. 


All colours.


Pink and blue gradients.


Pink and green.


Colour pick bright green, bright pink and green.

Bright orange.


Bright pink.

I took all these colour pallets into illustrator and began to pick out the colours which I thought were most appropriate for my website, creating a pallet of both pastel and strong bright colours. 



The next step I took was looking into web safe colours. I tried to find the web safe colours which were most similar to the set of 6 colours I have chosen above. 

Below is the list of the 216 web safe colours. 




The original set of colours seen left, and the web safe colours seen right:


There is not much difference to the human eye as far as the web safe colours look compared to the original colours. The biggest difference you can see is the contrast between the pinks, the original colour is very light compared to the web colour which is slightly darker, however this doesn't cause much of a problem as the tone hue and saturation of the colour are of similar levels. 

The fonts that I have chosen to use are sans serif, this seems the most appropriate for my website as I am portraying Frurt to be a fun and casual place to visit rather than overly formal. 
My font family choice is:
Helvetica, Arial, Sans-serif.