Creative Suite Session 3 : InDesign

InDesign

The page size should always be the trimmed size of the print e.g. if its A5 it is set up as A5

Bleed - compensates for any inaccuracies of the print
3mm is a standard measurement 

Slug- is used for printers marks/ fold marks/ crop marks

Primary Text Frame- Will put a text frame on every page

for saddle stitch bind, the number of pages has to be a multiple of four

Document Setup will allow you to change any of the choices from a new document

If you need to find the swatch palette

Swatches show as a mixture of inks

When working with text in the swatch palette a small t appears this means you can change the colour of the text using this icon

(not advisable to change the stroke of the text, it could affect the legibility of the letters)

swatches are named with their colour values (percentages of ink)

they work like the swatches in illustrator, the grey square means they are global, by editing the swatch the whole colour scheme can be changed , across multiple items of that colour

it will also change on all the other pages 

Spot Colours 
change the colour type to spot

then in the colour mode all the spot colour libraries will appear

You can search for any colour using the reference number bar

The name needs to remain as its reference

The square colours have now changed indicating that it is a spot colour

Tints 
The percentage shows of the tint 

You create these by selecting your original swatch and then using the tint slider

And then click new swatch

Preparing images for InDesign on 
Photoshop:

1. make sure that your image is in CMYK colour mode
2. its at actual size (making them bigger will loose quality, smaller will result in extra processing)
3. 300 dpi
4. tiff or psd file type (JPEG may result in extra processing, and it loses quality each time, psd allows you to keep your layers and transparency )

Illustrator

1. CMYK (make sure the colours that have been applied within the document are all CMYK, as you can work with both)
2. save as an ai (you can copy and paste into indesign)(never do this with photoshop)

File >

Place 

Will place your image at its exact size

The spot colour(s) moved over with the document

this will also happen for illustrator documents 

What happens once you have sent your document to print 

When you turn on the view of the separations, ti shows you the image at its full quality, the same as going to over print preview

 You can see there is no difference between the two images, this means that you would be paying for a plate and ink that you didn't need.

You can see how the image will be built up through the printing process, as if they where separate plates

delete colours that aren't being used before sending of to print

Separations, so you can print each positive for each colour separately e.g. for screen printing, commercial print

printer has to be black and white

You can select which ink you want to print,  using the printer icon

the frequency and angle can be manipulated in order to produce half tones- tints in print

Moiré patterns can be made manipulating the angles

so you know which positive page is on the marks and bleeds option you can select page information, and it will tell you the colour below or you could use the slug area yourself

overprint preview

knocking out 
when one colour prints over another and it is blank where the other colour meets

overprinting
black will always overprint

you can change your colours to this overprint option by going to 
window> 
output>
attributes

and selecting overprint

useful for screen print , and so that you can see this

e.g. overprinting mixes the inks and you can get a third colour for no extra cost
you would need to speak to a printer about the availably of this option though

spot colours can specify a spot varnish

you can use a pantone and tell the printer that that process will be a spot varnish and not a colour

you can only see how the inks are going to overprint / knock out when the overprint preview is on 

Web Session 3: Getting Started

first button (home button)

to insert the rollover button

insert >
image > 
objects >
rollover button

images have to be saved as PNG 24 , with transparency

all 4 buttons

# tells the link its not going anywhere

 home button= index

all the pages linked to new pages ready to be made

to correspond the pages to the links you have to create a new page, to do this you have to save the file as the corresponding button i.e work.html, as work.html, this will create a new page, to have a visual indication of this we changed the type to match the corresponding page, so home, index.html was 'this is the HOME page', work, work.html 'this is the WORK'

Box model

the width all gets added on to the div id to get the total width, so if you wanted padding the content box would not be the total width 

minus the width of the padding etc , of the total pixels 

to put in columns it has to be after the nav bar code and in the container (the overall frame)

I had typed in the width measurements wrong in the CSS style sheet (328px, instead of 382px)

lorem ipsum

- gives you fake text (like placeholder on indesign)

Image with a background and photographs need to be saved as a JPEG
Image with no background save as a PNG

Video 

use vimeo 
upload the video the website will compress it for you for web

you can get the embed code, 

on the video you can also change the option e.g
the colour
the size
show which parts of text or not 
show descriptions
autoplay
loop 

copy and paste the embed code into the place where you want it to go


for an image with a background on photoshop 
> save for web 
save as a jpeg 
change the size to the size you want 
try make the quality as low as possible without sacrificing the quality of the actual image

save in the images folder of your site

in the code 
insert it where you want it 
insert 
> image

<p> paragraph ( separates it like the text )