InDesign Induction

InDesign refers to images as links, and in the links palette it tells you all the images that are in the document. It says the page number the images are on, and if you hover over the image name a little window pops up saying where the original image came from. 

Even though the images look low-res on the document, when it sends to print it finds the location of the original file and swaps it for the high-res version. It does this so that the document doesn't slow down.

The opposite of a link file is an embedded file, and you have the choice to do either in Illustrator. 

If a file is missing, then a red hexagon will appear at the top of the image in the document to tell you that it is, and a link will appear when the image has a link for it.

We have to resize pictures in photoshop, you can't do it in indesign. However, if you do not know the exact size yet, you can resize it in indesign, check the scale in the links palette, and edit in to that scale in photoshop. Once you have done it on photoshop, once you have saved it, it will update itself on indesign so you don't have to redo the layout. To edit the image in Photoshop, you can do that from indesign. You can either choose the option above, or hold down alt and double click.

Once on Photoshop I changed the scale of it so that it matched the one on InDesign.

Then I edited the image on Photoshop so that I could see how it changed immediately on InDesign. I saved it and closed it, and when I went back onto InDesign it changed.

When working with a tiff file, we are working with a rectangular image which is made up of pixels, but if we use a psd file then it can have transparency, for example if you are preparing a cut out. 

I went onto Photoshop, opened a tiff file and changed the image so that part of it was transparent and saved it as a psd file.

I then went back into InDesign, placed the file, and when I moved it around, the transparency shows through anything else on the document.

To add a guide that will be on multiple pages, you click the a master slide on the pages palette, and go on layout - create guides, then when you select some they appear on all of the pages.

By pressing 'W', you can see how the document will look when it is printed.

You can change what the W shows by changing the options on the toolbar. The bleed option is useful to see if the photos reach the edge, and the presentation view is helpful if you are showing a client the work. 

To get text to wrap around an image you go on Window - Text Wrap and a little window pops up. Selecting both the image and text you can change the options so that the image does not obscure the text.The four options underneath are there to create an offset so that the text doesn't run completely next to the image.

To get text to wrap around a transparent part of an image, instead of treating like a rectangular image, you click the third text wrap option, then the Contour Option button becomes available, which you then choose Alpha Channel.

To make a shape into the text, you go on the frame tool and choose a shape, or use the pen tool, place it where ever you want and click the third text wrap option.

High Quality Print works good on the laser printer in college
Press Quality is high quality and suitable for commercial
Smallest File Size looks good on screen or issu

OUGD405 - InDesign Induction

You would generally use InDesign for preparing and laying out documents for commerical print. 
Commercial print means when you send a document to someone and it is sent for mass printing.

InDesign can work in multiple page documents. 

You can make three types of documents in InDesign: book, library or document. We opened document.
When you choose the book option, it is designed for when you have hundreds of pages, a contents and an index, with many different chapters.

In the New Document window you can choose the different page numbers you would like, and different pages sizes.

Legal, Letter and Tabloid are the American equivalent to our A4, A3 etc system.

If you are doing a magazine or newspaper, the Columns option allows you to create guides.
The gutter is the space between the columns. 

If the content will be framed by white space, the Margins option will allow you to choose what size you want, and create guides.

At the college if we wanted to create an A5 booklet, we would have to print it on A4, and if we wanted to create an A4 piece, it would have to be printed on A3, because the printer can never reach to the edges. It then has to be trimmed down, but it can leave a white edge if you don't trim it 100%. 
This means you need a bleed, meaning whatever is at the edge of a page on your document, you would need it to extend further, so that it will 'bleed' over the page. 

In the commercial print process, an industrial guillotine does the trimming.
A 3mm bleed guide is what we are going to use today.

The slug area is larger than the bleed area, and is used to contain the printer marks like bleed marks, registration marks and sometimes the cmyk squares.
The slug option is useful when doing a fold out panel leaflet, because it can mark where you need to fold.

 If the finished format is a book or booklet format, then the Facing Pages option should be checked. 

Then we clicked OK.

The black line is the edge of the page.
The pink and purple line is the page margins, so if you keep inside of that you will have a white border surrounding it.
The red line is the bleed, so if your document reaches the end of the black line, you should extend it to that line.

Each page you have appears in the Pages palette, and a little thumbnail appears.

You can add pages from using the Insert Pages option, and choose how many pages you want to add. It makes viewing each page easier, as you don't have to scroll. 

This is a facing pages document.

We can create guides more accurately, and even change the spacing of the gutter.

When adding content we need to use frames - s0 text frames and image frames.

An incredibly useful tool is to go onto Type > Fill with Placeholder Text and it fills the frame with text so you know how it will look like without having the copy.

A way of putting text into frames is to create a frame, and go on File > Place and choose the file that you want.

The little red square means that the frame isn't big enough to hold all the text.

By clicking the red square, it creates another frame with the rest of the text in, and adjusting these frames allows the text to move from one frame to another.

When we are preparing for images to go into InDesign we need to consider:

Photoshop
1. We need to make sure that the file format is correct. Use either .tiff or .psd files, and not jpegs.
2. 300 dpi
3. Colour mode has to be CMYK, greyscale is also fine
4. When making images, make them the actual size before we put them into InDesign

Illustrator
1. Save it as a .ai file
2. You can resize Illustrator artwork because you don't have to worry about resolution
3. CMYK

OUGD405 - Photoshop Workshop

Today we are doing some more Photoshop techniques. Firstly we are going to use a lot of images that Photoshop will make one image out of. We went to File > Script > Load Layers

We browsed 128 images which were of the bean, which will turn into one compressed image. Before we press OK we have to click 'Create Smart Objects after Loading Layers', then it starts turning the image into a smart object.

This is what the photo looks like after it has finished turning it into a smart object, and to completely get rid of the people we need to do this:

It then looks like this:

To make the sky crisper, we need to pick one of the images were the sky looks good, and place it on top of the image.

I then rasterised the layer because it was a smart object. To get rid of the people and the buildings I need to use the quick selection tool to select everything except the sky. Once I've done that, I just delete the selected area and it reveals this:

I made a contact sheet on Photoshop using the automate > contact sheet option, with all the photos on that I took for this session. I had to take photos around college using the shape 'square'.

Once I did that, I placed two of the images that I took and placed them on top of each other. I then saved them, one with both layers showing saying front, and one with a layer hidden saying back.

I then opened Adobe Acrobat and chose to combine two files:

Once I did this, I combined the files,  and saved them as a pdf. I then opened them, and because the files are combined both the images are in one document. Then when I go to print, it will already be double sided, there are just a few settings that I need to change, like short edge and long edge binding.

Photoshop Workshop - Colour Modes and Adjustment Layers

We are going to learn the basics of Adobe Photoshop today. It is an essential part of being a graphic designer, and we have to learn it.

To work in a professional way, we need to work in a non destructive transformation. A destructive transformation is when something is irreversible. 

There are different paper sizes, print and web, that we can choose from.

When we make a new document it has to be the same size as the image that you are going to create/edit, as it does not work with vector graphics, but with bitmap. Bitmap is made out of pixels, so if you enlarge an image in Photoshop it will pixelate. 

Resolution
300 for print
72 for web

A billboard is made up of 48 sheets.
A bus advertisement is made up of 12.
Because these are such large scale, a bigger resolution than 300 would be used.

Retina displays now have a lot more pixels, meaning a lot more pixels are needed.

Colour Mode
RGB is colour made out of light 
CMYK is made out of ink and toner

A lot of the colours used in CMYK, are not available in RGB, so if working for both screen and print, it is best to use the RGB Colour option.

Another reason we work in RGB Colour, is that we are working on screen, so what we are seeing isn't CMYK, as the colours cannot be reproduced on screen.

When using a camera, it captures photographs in RGB, because it captures light into the lens.

A Proof is something that you can use to check what your ideas will look printed like in a quick and easy way. 

The Gamut is the range of colours that a colour model is capable of doing. 

This shows what parts of the image are out of gamut. 
To alter this in a non destructive way, we keep the gamut screen on, and make an adjustment layer. We can then change a lot of the options to reduce the gamut, which is how it would look in print.

We desaturated it a little bit, but to keep it bright we changed the colour to red as that works better. 

We then started to work on a different image, and this is the original:

We wanted to increase the detail in areas of the image.

We created an adjustment layer, and started to change the layers.
The black triangle represents the shadows
The grey triangle represents the midtones
The white triangle represents the highlights

As there are certain areas we want to change, we are going to create a layer mask, so that adjustment layer won't apply to those areas. Once we've done that, we can change the levels, and using the paintbrush, paint were we want that to apply.

Now there is a lot more detail in the image.

For the next image, we want to make the shadows a lot higher:

I used the Quick Selection Tool to highlight the statue, then added an adjustment layer. I chose Levels, and when I altered the highlights, it dramatically increased the lightness and detail in the statue. 

We are now going to make a panorama image in Photoshop. I went on File > Automate > Photomontage, and chose these settings:

Then I clicked okay, and it connects the three images like this:

I then cropped it: