Desk Top Publishing for AS Media (#1) by Cadbury Sixth Form College

Desk Top Publishing #1 Using Adobe InDesign & Photoshop

September 2008

CONTENTS Introduction....................................................................................... 6 What You Will Learn.......................................................................... 7 Section 1 - InDesign (Mastheads) Task 1 - Opening & Saving a File....................................................... 8 Task 2 - Text & Mastheads................................................................ 10

Frame Tools........................................................................... 12

Type Tools............................................................................. 13

Zoom Tools............................................................................. 13

Adding Colour........................................................................ 14

Character Formatting............................................................ 16

Drop Shadow......................................................................... 21

Section 2 - InDesign (Front Covers) Task 3 - The Front Cover.................................................................. 25

Formatting table.................................................................... 29

Text Frame Options............................................................... 32

Task 4 - Inserting Images.................................................................. 35

Place Command..................................................................... 36

Arrange Command................................................................ 37

Section 3 - Photoshop Task 1 - Taking a photo..................................................................... 40 Task 2 - Opening & saving a file....................................................... 42

CONTENTS Task 3 - Understanding Layers......................................................... 44

Deleting Layers..................................................................... 44

Layer Visibility...................................................................... 45

Task 4 - Editing the image................................................................ 46

Lasso Tool............................................................................. 48

Magnetic Lasso..................................................................... 49

Contract, Smooth & Feather................................................ 50

Magic Wand ......................................................................... 51

Task 5 - Manipulating Images.......................................................... 53

Scale...................................................................................... 54

Task 6 - Adjsuting the lighting......................................................... 56

Brightness & Contrast.......................................................... 56

Levels.................................................................................... 56

Adding a drop shadow.......................................................... 57

Task 7 - Completing the cover and further work............................. 58 Appendix

D E S K TO P P U B L I S H I N G

AS Media Studies Foundation Portfolio - Print For AS Media Studies your coursework requires you to produce a 2 Throughout this

print based projects that fulfils the following briefs:

booklet you will find helpful hints and tips

Preliminary exercise:

in this side area - you can also use it to make

Front page of a new school or college magazine featuring a

notes about the booklet

photograph of a student in medium close up plus appropriately

instructions

laid out text and a masthead. An additional mock layout of a contents page is also required to demonstrate your knowledge of DTP. Main task: The front page, contents and double page spread of a new music magazine. To do this you will need to use two different pieces of software to construct the different elements of your production. The two software packages that we use are: Adobe InDesign (used for type & layout) This is used for producing the magazine or advert layout and type. You will use it to construct your product using its powerful typography, layout tools and using your images that you create using Photoshop. InDesign is also industry standard software is used extensively by book and magazine publishers. Adobe Photoshop (used for photos & logos) This is used for editing and manipulating images. You will use it in your coursework to edit photographs you have taken or have scanned in. It is also good for producing any logos you might require for your magazine. Photoshop is industry standard piece of software and is used by most professional graphic designers, photographers and other print based media producers.

INTRODUCTION What you will learn The Photoshop and InDesign workspaces can appear extremely daunting at first. This guide is designed to help you master the techniques you will require in order to complete your Media studies coursework. In this booklet will show you how to: • Gain skills that you will be able to transfer to your final production • Be confident in the basic interface and features of the two programs • Add text to your document to produce mastheads, coverline, sell lines paragraphs and other types of formatting • Edit and manipulate your photos by removing the background and other unwanted elements • Crop your images and save them in an appropriate size & format for further use and printing You will do this by re-producing a magazine cover and double page spread using a variety of techniques. Assessment These are assessed tasks - please follow the directions for saving your work when requested. Additional Resources There are many more options, effects and techniques available should you wish to attempt something not covered in this booklet. If you have something in mind please ask the technician, or your tutor.

TA S K 1 : O P E N I N G & S AV I N G A F I L E

Task 1. Opening and Saving a file 1. Open InDesign from the location specified on the left page. When the program has loaded you should have a screen like the one below - this is the main workspace.

Where to find InDesign on the computers

2. Go to

File

Open

Locate the M:drive on the network

Now find the Media Folder

Open the Practical Induction Folder

Open the InDesign folder

Finally open the masthead file

DTP - INDESIGN (MASTHEADS)

3. A file should now open. This is the document you will be working on in the next task. It should look something like the illustration at the top of the this page. 4. As this is a Read Only file you need to Save it to your own area before you begin the next task. 5. Go to

File

Save As (You will not be able to use Save)

Locate your area on the network

Give the document an appropriate name (such as â&#x20AC;&#x153;magazine mastheadâ&#x20AC;?) and click Save. 6. You are now ready to begin the next task

T ask 2 : T e x t & M astheads

Task 2. Adding Text and Creating Mastheads When creating a magazine publication the first thing to start with is your masthead. This will establish your magazines identity. Many of the ideas you have and the design decisions you make (such as font or typeface choices) should be influenced by the look of this element. In this task you are going to learn one of the basic skills of using InDesign - inserting and manipulating text. You will recreate 6 different magazine mastheads that have been chosen to reflect a variety of different font use and target audiences. The magazines are • Marie Claire •Elle • Dazed & Confused • GQ • Company • Total Film And you can see examples of covers and the mastheads on the opposite page. Although some of these masthead designs may seem simple you will find that they all require subtle manipulation of the letters to make them look effective. When creating your own masthead for your coursework you should use all the skills you learn during this task to alter your text and refrain from simply typing in your text and making it bigger. Paying careful consideration of the fonts you use and the way you change them will go a long way to making your front cover a success or faliure.

DTP - INDESIGN (MASTHEADS)

T ask 2 : T e x t & M astheads

Toolbox

Masthead 1 - Marie Claire 1. Find the toolbox and select the Rectangle Frame Tool. On the first page in your “masthead” file (the one you opened and saved in task 1) click and drag to create a large rectangle across the top of the page - in roughly the same place you would find a magazine masthead. Make sure that the box you create reaches between the pink lines. Your page should look something like the image below

Rectangle should look like this

2. In the toolbox find and select the Type tool. Now double click inside the rectangle you created in the previous step. A small flashing cursor should appear in the top right hand corner. Rectangle frame Tool

3. Type in “marie claire”. The words should appear inside the box. The letters are quite small though so you are going to use the Zoom tool to enlarge your view of the document.

Type Tool

4. Find the Zoom tool in the toolbox and select it. In the same way you did with the rectangle tool click and drag to create a large rectangle the roughly the same size as the one you created in step 1.

Zoom Tool

Release the mouse button.

DTP - INDESIGN (MASTHEADS)

5. On releasing the mouse button the image should be enlarged and you can clearly see the text. This technique of enlarging different parts of the image to make them easier to view is really important when you are using the program so get comfortable using it. 6. To zoom out of the document you need to hold down the Alt key (bottom row next to the spacebar) and repeat the same action. 7. Alternatively you can also use the percentage magnification option at the bottom left of the screen or hold down the CTRL key (bottom left and right of the keyboard) and the + and - (plus and minus keys - top row next to the numbers) to produce the same effect. Try all of these to find the option you are most comfortable with. 8. With the Type tool selected highlight the text by clicking and dragging over it (as you would do in Word for example). It should now have a black rectangle around it. 9. Find the Character Formatting options at the top of the page. They should look something like this

This is where you can change most of the options you will require to create your mastheads. Some of these options should be familiar from programs such as Word. 10. First find the Font option. This probably says something like “Times New Roman” at the moment. Click on the arrow on the right hand side of this so the menu of available fonts appears and select Adobe Jenson Pro. The text on the page should change to this font. 11. Now find the Formatting option below the Font option. Again click on the arrow to see a list of possible formatting options - this probably says “Regular” at the moment. Select Bold from the drop down menu - again your type should change to reflect this.

Percentage Magnification

T ask 2 : T e x t & M astheads

12. With the text still selected find the Tracking option - it looks like this

Click on the arrows until -30 appears in the box like the illustration above. Tracking makes the letters that make up the text move closer together or further apart - making the type appear looser or tighter. 13. With the text still selected find the Vertical Scale option - it looks like this

Click on the arrows until 80% appears in the box like the illustration above. Vertical Scale stretches or condenses the font making it appear taller or shorter. 14. Now find the Font Size option and make this 121pt. You will need to type this into the box - it should look like this

This should increase your font size so it looks like this

Colour Tab - click on this to open the colour options.

15. If you check back on page 11 you will see that your masthead now closely resembles the original one - all we need to do now is change the colour. 16. Using the type tool highlight your text. On the bottom right hand side of the screen find the palette with the Colour tab and click on it (the palette also has tabs for Stroke, Transparency and Gradient). The Colour palette will be vital for changing your colours of your text and you will use it a great deal. Look at the next page for an introduction to its different uses.

DTP - INDESIGN (MASTHEADS) The Colour Palette Click on the triangle to display the options for colour. Clicking on RGB will transform the palette into the one illustrated below.

The palette now displays the full range of colours available

Colour Palette - What things are and what they do. Palette Icon

What is it called?

What does it do?

Formatting effects text/frame option

Changes between adding colour to text or frame. You will add colour to frames in section ???

Colour picker

Pick the colour you want here.

RGB Silders

Moving these will change the colour of the selected text or frame

Black/White option

You can pick black or white by clicking on these boxes.

No Colour

This option will remove any colour from any selected text or object.

T ask 2 : T e x t & M astheads

17. Find the triangle at the top and click it to open up some more options. Select RGB from the list - the colours should change from black, white and shades of grey into full colour. See the illustration on the previous page for an example of how this should look 18. With your text still selected drag the “R” (for Red) slider over until the number in the box on the right reads 255. See the illustration on the previous page for an example of this. 19. Deselect the text by clicking anywhere else on the page - you should notice your text has turned red and your masthead is complete. 20. Save your work.

Masthead 2 - Elle Using the techniques and options you have used to produce the “Marie Claire” masthead you should be able to complete the masthead for “Elle” quite easily. Refer back to the previous illustrations and task should you need to. 1. On the next page in the document (zoom out if you cannot see it) draw a rectangle using the Rectangle Frame Tool as you did in step 1 of the previous masthead task. 2. Using the Type Tool insert the text “Elle” in the rectangle. It all needs to be in uppercase (capitals) so don’t forget to use the Shift key. 3. With the text still highlighted apply the formatting detailed in the table at the top of the next page using the Character Formatting options. You used all these options for the “Marie Claire” masthead - if you cant remember how to use them refer back to the previous exercise.

DTP - INDESIGN (MASTHEADS)

Elle masthead Font

Modern No 20

Size

72pt

Tracking

1500

Vertical Scale

300%

Colour

Red

4. When you have applied this formatting the text will have moved outside the paper edge - this is due to using such a high Vertical Scale option. Your page should look something like this

5. Find the Selection Tool (the black arrow in the toolbox ) and select it. Using this tool - click, hold and drag the masthead into the correct position. The tops of the letters should be in line with the top of the pink box. 6. You can move all objects like this by clicking and dragging them with the selection tool. This is an essential part of the program so get used to using it! 7. Save your work.

Continued

Selection Tool

T ask 2 : T e x t & M astheads Masthead 3 - Dazed & Confused Again this masthead should pose no problem if you have completed the previous task successfully. 1. On the third page in the document draw a rectangle as you have done in the previous tasks. 2. Using the Type Tool insert the “Dazed” text. Again this all needs to be in capitals. 3. Apply the formatting detailed in the table below to the text Dazed & Confused masthead Font

Haettenschweiler

Vertical Scale

102%

Colour

Your choice - original was pink

Tracking Size

- (minus) 40, but apply to letter ‘A’ only 265pt - don’t panic if your text disappears! See the next step!

4. If the masthead has disappeared use the selection tool to select the frame. Move the arrow over one of the small boxes on the edge of the frame and click, hold and drag this to the right. The text should reappear.

Drag this square to the right using the selection tool to enlarge the frame

5. You may encounter this same disappearance of text during other tasks in this booklet or during your own work. You can use the same technique to get it back.

DTP - INDESIGN (MASTHEADS)

6. For the “& Confused 85” text you will need to make another frame (smaller this time) and enter your text as normal. Apply the following formatting Dazed & Confused - ‘confused’ text Font

Haettenschweiler

Vertical Scale

102%

Colour

Black

Tracking Size

- (minus) 40, but apply to letter ‘A’ only 20pt

7. Move this text frame to its required position - it should line up and be more or less the exact width of the last “D” in Dazed. 8. You should have a finished masthead like the one below

9. Save your work

Continued

T ask 2 : T e x t & M astheads

Masthead 4 - GQ This masthead should pose no problem if you have completed the previous task successfully - it also requires a second box for type. 1. On the fourth page in the document draw a rectangle as you have done in the previous tasks. 2. Using the Type Tool insert the “GQ” text. All needs to be in capitals. 3. With the text still highlighted apply the following formatting using the Character Formatting options GQ masthead Font

Gill Sans MT

Formatting

Bold

Colour

Orange

Tracking

- (minus) 140

Size

170pt

4. This should give you the “GQ” text. Now create a smaller text frame and add “October 2004 £3.30” to it. Use the following formatting GQ masthead - ‘date’ text Font

Franklin Gothic Book

Colour

White

Size

6pt

5. Use the selection tool to move this text into the required position on the letter ‘G’. 6. Save your work.

DTP - INDESIGN (MASTHEADS)

Masthead 5 - Company This masthead introduces a new effect called Drop Shadow. This effect adds a shadow around the text that gives it the illusion of being lifted off the page - many professional magazines use this effect on front page type. 1. Draw your frame and add the text as normal. Then apply the following formatting Company masthead Font

Franklin Gothic Demi Cond

Colour

Red

Tracking

- 20

Size

138pt

2. This should give you the basic â&#x20AC;&#x153;Companyâ&#x20AC;? masthead. To add the Drop Shadow select the frame using the Selection tool and then go to the following

Object

Drop Shadow

A new dialogue box should appear that looks something like the one below

Drop Shadow

3. Click in the drop shadow box in the top left corner to activate the effect and then click on the preview option (on the right) to see the effect as you apply it to the masthead.

Preview

T ask 2 : T e x t & M astheads 4. Format the drop shadow options to the ones listed below Company masthead - drop shadow

The drop shadow should resemble the shadow on this ‘C’

Mode

Multiply

Opacity

75%

X Offset

- (minus) 0.5 mm

Y Offset

- (minus) 0.5 mm

Blur

0 (zero) mm

Click OK to accept the effect. You should now have a drop shadow added to your main masthead. 5. You now need to create a second text box to enter the ‘magazine’ text into. This should be formatted as follows Company masthead - ‘magazine’ text Font

Franklin Gothic Book

Colour

White

Size

13pt

6. This text also needs to be rotated so it faces vertically upwards. Do the following • Select the frame using the selection tool • In the toolbox find the Rotate tool • A crosshair should have appeared in the middle of the text frame.

Rotate tool

• With the Rotate tool still selected click on one of the corner points of the frame and drag it clockwise or anticlockwise to rotate it. • Rotate the text so it is facing vertically upwards. If you are having difficulty making the type go straight up, hold down the Shift key and rotate - this will keep the rotation in 45 degree increments. 7. When it has been rotated move the text frame using the Selection tool so it is in the correct position. 8. Save your work.

DTP - INDESIGN (MASTHEADS) Masthead 6 - Total Film This final masthead combines all the effects you have used throughout this task and adds a new one - Stroke. 1. Create a large text frame to hold the film text and enter your text - just enter the ‘Film’ text first, you will add the ‘Total’ later. 2. Apply the following formatting to the text Total Film masthead - ‘Film’ text Font

Gill Sans Ultra Bold

Colour

White

Size

170pt

3. In addition to this you need to add a stroke to the text. A stroke is simply another term for an outline. To create a stroke do the following • Using the type tool highlight the text • Open the colour palette. In the top left corner find the icons for fill and stroke. The illustration below details how to use them Selecting this option will apply the colour to the text. At the moment the text is black - changing colour will also change this.

Selecting this option will apply the colour to the stroke. The red line indicates that no colour is applied to the stroke.

This option will apply the colour to the text or the frame.

• Select the stroke option - it should bring it to the front. At the moment is has a red line through it indicating that there is no stroke currently applied. Change this to black. • Your type now has a black line around it.

T ask 2 : T e x t & M astheads • You need to turn your text white. Select the type option (as illustrated above) to colour the type and turn it white. • Using the selection tool click anywhere of the page to deselect the text - it should now be white with a black outline 4. Add a drop shadow to the text with the following options applied Total Film masthead - drop shadow - ‘Film’ text Mode

Multiply

Opacity

75%

X Offset

1 mm

Y Offset

1 mm

Blur

3 mm

5. Now create a new text box and add the ‘Total’ text to it. Apply the following formatting Total Film masthead - ‘Total’ text Font

Gill Sans Ultra Bold

Colour

Red

Size

26pt

and also add a drop shadow with the following effects Total Film masthead - drop shadow - ‘Total’ text Mode

Multiply

Opacity

75%

X Offset

1 mm

Y Offset

1 mm

Blur

3 mm

6. Use the selection tool to move this text into the correct position. The masthead is now complete. 7. Save and Print a copy of your work.

D T P - I N D E S I G N ( front covers ) Task 3. The Front Cover In this task you will build upon the skills you have learnt to create a mock up of a teenage magazine cover. This will involve adding and changing elements of a “blank” (below left) cover given to you to create a “finished” cover (below right).

This task will reinforce the skills you learnt in the previous task as well as introducing some new ones - particularly those involving inserting and manipulating images. To start you need to open the file “magazine cover” from the following location and then Save it to your own area

M:drive

Media folder

Practical Induction folder

InDesign folder

magazine cover file

T ask 3 : the front cover

1. When you have opened and saved the file you should end up with a document that looks like this

You need to change every element on the page. Each text element on this page can be changed by either â&#x20AC;˘ selecting the frame with the Selection tool then changing type by selecting with the Type tool OR â&#x20AC;˘ Double clicking with the Type tool and selecting the text In addition every text frame is locked in position and you will not be able to move it. Try moving a frame now with the selection tool - a small padlock icon will appear over it.

D T P - I N D E S I G N ( front covers ) 2. The first element you are going to change is the masthead. • Select the masthead type in your preferred way • Replace the word “masthead” with “teengirl” • Apply the following formatting to the text (all of these techniques you learnt in the previous task - look back through the booklet should you require any help or ASK!) Teengirl masthead - text formatting Font

Cooper Black

Size

130pt

Colour

Yellow

Stroke

Pink

• Also add a drop shadow with the following options Teengirl masthead - shadow formatting Mode

Multiply

Opacity

75%

X offset

2.469mm

Y offset

2.469mm

Blur

1.764mm

Note: these are the default values - you shouldn’t need to change them, only turn them on by putting a tick in the box. 3. You should now have a masthead like this

Look at the completed cover in the appendix (or there might be copies on the classroom wall). You should now be able to see what you are going to do with this task.

T ask 3 : the front cover

4. In the strapline textbox above the masthead delete the current text and add the “Britains No1 teen mag” text. Format it as follows “Britains No1 Teen mag” text Font

Cooper Black

Size

25pt

Colour

White

Stroke

Black

5. Now format the price and date, issue number and website as follows... Price, date, issue and website text Font

Cooper Black

Size

16pt

Colour

White

Stroke

Black

When you are doing this check with the copy in the appendix of this booklet to see that it looks correct. 6. Using the same technique of selecting and changing text and with the table opposite as a guide complete the coverlines and their associated sell lines numbers 1 - 4. Remember... • Don’t forget to Save your work at regular intevals. • Use the copy of the finished cover in the appendix and the colour copies on the classroom walls as a guide - keep referring to these to see if it looks correct. • When you are working on your coursework always use a real magazine as a guide to see how accurate yours is.

24pt

Yellow

Blue

Opacity - 50% x offset - 1mm y offset - 2mm Blur - 1mm

50pt

Orange

White

Opacity -75% x offset -2mm y offset -2mm Blur - 2mm

Size

Colour

Stroke

Drop Shadow*

*Drop Shadow Mode is always Multiply

Ariel Italic

Eras Bold ITC

( 3 lines)

Sell Line #1

Font

Coverline #1

Opacity - 75% x offset - 2mm y offset - 2mm Blur - 2mm

White

Pinky Red

40pt

Franklin Gothic Heavy

Coverline #2

Opacity - 50% x offset - 1mm y offset - 1mm Blur - 1mm

None

White

22pt

Ariel Italic

Sell Line #2

Table 1. - Formatting for coverlines & sell lines numbers 1 - 4

Opacity - 75% x offset - 2mm y offset - 2mm Blur - 2mm

White

Orange

40pt

Franklin Gothic Heavy

Coverline #3

Opacity - 50% x offset - 1mm y offset - 1mm Blur - 1mm

None

White

22pt

Ariel Italic

Sell Line #3

Opacity - 75% x offset - 2mm y offset - 2mm Blur - 2mm

White

Blue

40pt

Franklin Gothic Heavy

Coverline #4

Opacity - 50% x offset - 1mm y offset - 1mm Blur - 1mm

None

White

22pt

Ariel Italic

Sell Line #4

Drop Shadow*

Stroke

Colour

Size

Font

D T P - I N D E S I G N ( front covers ) 29

T ask 3 : the front cover

7. After completing the formatting instructions in table 1 your front cover should resemble the illustration below and is beginning to look like a front cover.

Donâ&#x20AC;&#x2122;t worry if some of these white coverlines are not readable - when you add the images in step 16 they will be much clearer

8. Coverlines #5 and #6 and the strapline at the bottom of the page are slightly different as the text is inserted inside either â&#x20AC;˘ A text frame with a colour outline (stroke) â&#x20AC;˘ A text frame with a colour outline and a coloured interior (called a fill) By applying the skills you have learnt stroking and colouring text you are now going to learn these effects. 9. Select the text for coverline #5 and apply the following formatting Coverline #5 Font

Ariel Black

Size

18pt

Colour

Orange

Stroke

White

D T P - I N D E S I G N ( front covers )

9. Using the selection tool, make sure that the frame is selected and check that the colour palette is open. It should look something like this (this should already be familiar as you used it in Task 2). Selecting this option will apply the colour to the inside of the box - this is called a fill. At the moment the box is transparent.

Selecting this option will apply the colour to the outside of the box - a stroke. The red line indicates that no colour is applied to the stroke.

This option will apply the colour to the frame or the text.

10. Making sure that the option for the stroke is selected choose a red colour from the colour bar. The outline of the box should become

Stroke Tab

red. 11. Below the colour tab is a stroke tab. Click on this to open it. This palette gives more options for changing the width and style of the stroke. Find the Weight option at the top. â&#x20AC;˘ Making sure that the frame is still selected change the weight to 2pt â&#x20AC;˘ The line should now increase in width and be more visible â&#x20AC;˘ Experiment by making the line larger to see what happens - return the line to 2pt when you are done. 12. The frame you have created should now look something like the illustration below

You will notice that the text is very close to the top of the frame and is obscured by it. This needs to be moved away from the side an located more centrally.

Weight Option

T ask 3 : the front cover

13. Using the selection tool, select the frame and go to the following option

Object

Text Frame Options

Then from the dialogue box that appears find the option for Inset Spacing. 14. Enter 2mm into all the boxes in this section. The dialogue box should look like this

Inset spacing option has been adjusted to 2mm

Click OK when this is done. 15. You should now have a text frame like the one below

The text should now fit inside the â&#x20AC;&#x153;innerâ&#x20AC;? box and be much easier to read. This option is well worth remembering for your coursework as it will add a much more professional look.

D T P - I N D E S I G N ( front covers ) 16. Add the text to coverline #6 and complete it with the following formatting Coverline #6 - text Font

Ariel Black

Size

18pt

Colour

Pink

Stroke

White

and apply the following formatting to the frame Coverline #6 - frame Stroke

Pink

Size

2pt

Inset Spacing

2mm to all the options

Coverline #6 should now be the same style as coverline #5. 17. Now enter the text for the sell lines #5 & #6 and format them as follows Sell lines #5 & #6 - text Font

Ariel Italic

Size

20pt

Colour

White

Sell lines #5 & #6 - Drop Shadow Mode

Multiply

Opacity

50%

X Offset

1mm

Y Offset

1mm

Blur

1mm

18. Save your work.

T ask 3 : the front cover

19. The final change to text you need to make to the front cover is to add the strapline at the bottom of the document. Highlight the type and replace the text with the required wording and then format it as follows Bottom Strapline - text Font

Arial Rounded MT Bold

Size

30pt

Colour

Purple/Pink

Stroke

White

Bottom Strapline - frame Stroke

Purple/Pink

Stroke Size

2pt

Fill

Orange

Inset Spacing

2mm all options

20. The cover should now look like this - all you need to do to complete it is add the images!

D T P - I N D E S I G N ( front covers ) Task 4. Inserting Images In this task you will add a couple of images to the front cover to complete it. When used in conjunction with Photoshop inserting (or placing) high quality images (which are required for printing work) excellent results can be produced. PLEASE read the brief notes in the appendix on how images work in InDesign and the section on images from the internet - this will help you in avoiding common mistakes students make when producing coursework. 1. On the magazine cover click on the “pug” image uisng the selection tool. A frame should appear around it like in the image below

The pug has a frame around it like the text frames you have been working on.

Delete this using the delete key - the pug should disappear. 2. Select the “dominant image” image that forms the background to the main page - again a frame should appear around it. Delete this using the delete key. 3. You should now have a cover with a completely white background ready for inserting the finished photo and pug. 4. Make sure that nothing is selected on the page - you may have to click the cursor off to the side to make sure of this. If anything is selected, when you insert an image in the next stage it will appear inside the selected object or frame.

T ask 4 : the front cover

5. In the menu bar at the top of the screen go to

File

Place

6. The following dialogue box should appear

Locate the file â&#x20AC;&#x153;dominant imageâ&#x20AC;? from the following location

M:drive on the network

Now find the Media Folder

Open the InDesign folder

Click on the dominant image file

Select it and click Open.

Open the Practical Induction Folder

D T P - I N D E S I G N ( front covers )

7. Back on the main screen your cursor should have changed to the Place icon. 8. Click anywhere on the screen. After a couple of seconds the image should appear. Use the selection tool to move it into the correct position so it covers the whole of the front cover of the magazine. Your document should look like this.

9. Donâ&#x20AC;&#x2122;t panic because all your text has disappeared! You will now use a new command called Arrange to move the image behind the text. 10. As you create frames and objects in InDesign they are layered on top of each other in the same order they were created (this is sometimes called the stacking order). For example the first object created in behind the second, the second behind the third and so on. This is not always apparent when they are next to each other but when they overlap or are on top of each other (as in the document you are working on) it is obvious. The Arrange command allows you to move objects through the stacking order.

Place Icon

T ask 4 : the front cover

11. With the image selected go to

Object

Arrange

Send to Back

The image should now be behind all the text and your cover should look nearly complete. Pug - A breed of Dog

12. The final touch is to add the finished pug. In the same way that you added the dominant image add the I love shopping pug from the same location. Don’t forget to delete the pug first before you add another one. 13. The pug needs to be put at a slight jaunty angel to make it a bit more interesting. You can use the Rotate tool to do this (you used the Rotate tool in the “Company” masthead in task 2 - refer back to

Pug - An item in page design

this should you need to). 14. If you want you can also add a drop shadow to the pug to make it stand out a bit more - try changing the shadows effect to make it look like it has been “stuck on” and can be peeled off. 15. In the next section you will complete the cover by taking and editing a photograph.

D T P - P hotoshop

Introduction In this section you are going to use Photoshop to edit and manipulate some photographs that you will need to take. These will then be inserted into the front page you have created in InDesign to complete the cover. All the skills you learn here will be of use when you produce your coursework.

Photoshop makes it simple to edit your images.

Photoshop is a huge program and you will only learn the basics in this induction task. When you are producing your coursework should you wish to produce an effect that is not covered in this booklet please ask your tutor or the technician who will advise you further. Coursework & Original images In this tasks you will have to take one photograph to edit. For your coursework you will also need to produce completely original images - that is photos you have taken yourself. All your photos should be carefully considered and edited photographs and not just snaps! You must have a minimum of 4 for your final coursework.

T ask 1 : T A K I N G A P H O T O

Before you start this task you will need to obtain one of the departmental digital cameras to use. You can borrow these from the technicians room. In addition it is important that you know how to use the camera before you start taking any photos with it so you should read through and understand the instructions on its operation and uploading file in the appendix on page 62. In this task you need to replicate the pose of the model on the front cover of the magazine before taking a photo and editing it in Photoshop. You will need to find a willing model for this!

Task 1. Taking a photo 1. Set up your photo so that the pose is similar to the one on the front cover of the magazine. Make sure you pay attention to the following... • The framing and shot distance is the same. Your image needs to be a medium close up (MLS) with your models body clearly visible above the legs. Look at the images opposite to see what this shot looks like • The background is as clear and uncluttered as possible. It will make your life so much easier if you have nice white background to remove in Photoshop rather than a shot of a classroom or corridor. • You should also take more than 1 photo! If this ends up looking a bit rubbish when you get it into Photoshop then you will need to go back and set up the shot again. If you take 10 or 20 shots you are bound to have one that is of use. 2. Take your photos and upload them to your area. Select the image you want to use and make a note of it. You are now going to open it in Photoshop.

Big Close Up (BCU)

Close Up (CU)

Extreme Close Up (ECU)

Medium Long Shot (MLS)

Medium Shot (MS)

Medium Close Up (MCU)

Long Shot (LS)

Extreme Long Shot (ELS)

Moving Subject (MOV)

High Angle (HA)

Low Angle (LA)

Over Shoulder (OS)

Two Shot (TS)

Tilted Frame

Examples of shots used in photography and video/film making.

T ask 2 : O pening and saving

Task 2. Opening and Saving a file 1. Open Photoshop from the location specified on the left page. When the program has loaded you should have a screen like the one below - this is the main workspace.

Where to find Photoshop on the computers

2. Go to

File

Open

Locate the your area on the network

Now find the images you took in task 1

Open the image you are going to edit

This is the document you will be using in the next task.

D T P - P hotoshop 3. Your image should look something like the image on the left hand side. During this task you will edit the models so they look like the image on the right.

It is always best to re save this image so you are not working on the original file. To do this go to...

File

Save As

Locate your area on the network

Give the image an appropriate name (like Model Edit)

Click Save

4. You are now ready to begin the next task.

T ask 3 : understanding L a y ers

Task 3. Understanding Layers When creating and editing images in Photoshop you are bound to come across layers. Open the scissors file from this location..

Locate the M:drive on the network

Now find the Media Folder

Open the Practical Induction Folder

Finally open the Photoshop folder and inside is the

scissors file

How layers work Working with layers is similar to placing portions of a drawing on different sheets of acetate (transparent plastic). These individual sheets may be edited, repositioned and deleted without affecting the other sheets. When the sheets are stacked the entire composition is visible. 1. In the layers palette you will see that the image contains 3 layers. They are named as Layer Visibility Icon

• scissors • red • transparent At the moment you can only see one of these, the top one, scissors. 2. Find the Layer Visibility icon at the side of the “scissors” layer (it looks like a open eye) and click on it - it will disappear.

without affecting the other sheets. When the sheets are stacked the entire composition is visible.

•edited •repositioned • deleted

In the illustration above the layers are shown how they can be viewed as 3 separate layers of paper or acetate. These individual sheets may be

D T P - P hotoshop 45

T ask 4 : E D I T I N G T H E I M A G E

3. Your image will have turned red. The scissors image has not been deleted but has just been turned off (made invisible). Now turn off the Red layer by clicking its Layer Visibility icon. 4. Your image should now have a “checkerboard” background. This is how Photoshop displays transparency. You will learn 5. Turn all the icons on again. Your image should be as it was in step 1. 6. Now click on the red layer - notice that the layer becomes highlighted in blue. This means that the layer is active and is ready for editing - any changes you make to the image will effect this layer only. 7. Click and hold the red layer and drag it above the scissors layer. • The image will turn red. Layer Delete icon

• This is because the red layer is now above the scissors. • Use the layer visibility icon to turn this layer off - the scissors will reappear. • Turn the red layer back on 8. Click and drag the red layer down into the Delete Layer icon at the bottom of the layers palette (it looks like a dustbin) • The red layer is deleted • It will disappear from the layers palette

D T P - P hotoshop

9. Your layers palette should now look like this 10. Save the file to your area. You will re use this image later in the induction. This is just a very brief introduction to layers - you have covered • Using layer visibility • Moving layers • Deleting layer as you progress through the booklet more options and techniques will be explained to you.

Task 4. Editing the image In this task you are going to edit the image of the model you saved in

Move Tool

the first task. 1. Open your image if it is not already open and find and select the Move Tool in the toolbox. 2. You are now going to create a new A4 page (the same size as the front cover). This will make it easy to see how big your image will be on the front page. Go to...

File

New

And select A4 from the Preset menu. After pressing OK you should have ended up with a blank file. Keep this file open as you will use it in a while.

Lasso Tool

T ask 4 : E D I T I N G T H E I M A G E

3. Open your image of the model you took and find the Lasso tool

in the toolbox and hold the button down to reveal more options. They reveal more options. They should look like this Select the Magnetic Lasso tool at the bottom of the list. 4. Using this tool click alongside the image of your model - a shoulder or leg would be a good place to start. Do the following... • Move the mouse slowly around the outside of the figure - a line should follow your lasso cursor • Click at different regular points around the outside of the figure - a square will appear at this point and the line will continue as you move it around • When you have got all the way around the figure, move click around the outside of the image until you get back to the start point and then double click. 5. A black and white moving line should appear around the area you

Marching Ants

selected. This line is often called “marching ants” because of its similarity to a line of ants moving around the edge of the image. • The Lasso tool is a bit tricky to get the hang off - you might find that you need to redo this step before you have a selection you are

D T P - P hotoshop

The selection area is a bit uneven and requires some work.

happy with. For example in the image on the opposite page the marching ants dont quite meet the edge of the model. As the Magnetic Lasso works with straight lines you might find the selection a bit square looking compared with the soft rounded outline of the figure. You can smooth out the selection using the Modify set of commands. 6. With the image still selected go to

Select (in the Menu bar at the top)

T ask 4 : E D I T I N G T H E I M A G E

Modify

Contract

A dialogue box should open asking you how many pixels to contract - try 1 or 2. This will contract the selection slightly making it look a bit neater (you may not notice any difference though!) 7. Now go back to Select in the Menu Bar and choose

Modify

Smooth

A dialogue box should open asking you how many pixels to smooth - try 1 or 2. This will soften and smooth out the selection slightly making it look a bit neater (again you may not notice any difference) 8. Finally go back to the Select menu and choose

Feather

This time a dialogue box will open asking you how many pixels to feather - again try 1 or 2. This is a great effect for softening selections so you donâ&#x20AC;&#x2122;t end up with such a harsh edge to the selection. 9. Now go back to the select option and choose Inverse from the options. This will reverse your selection and allow you to delete the background. Press Delete now. 10. You should now have ended up with an image similar to the one at the top of the next page with a pure white background. Ideally we would like to have that transparent so we could insert a coloured background into it.

D T P - P hotoshop

You can see in this image that the classroom background has been removed - we now want to remove the white area to back the background transparent. Also note that the classroom area is still visible inside the models arm.

11. In the Layers palette double click on the Background layer. A new dialogue box should open with a new layer option - click OK. 12. In the layers palette the Background layer is now called Layer 0 (zero). You will now be able to delete the background. 13. Find and select the Magic Wand tool in the toolbox. This tool is used for selecting large areas of image - particularly if it is all the same colour or tone (such as the white behind your model).

Magic Wand

T ask 4 : E D I T I N G T H E I M A G E

14. With the Magic Wand selected find the Magic Wand Options at the top of the screen - it looks like this... This is where you can change options for your tool to adjust how it works. You can do this for every tool you select but the options will look different for each one (you can now begin to see how complex this program can be). 15. You may have noticed that the marching ants don’t march exactly around the edge of the image. This tool selects areas of colours and tones by matching them with other areas of a similar colour. By increasing the tolerance you can make the wand “pick up” or select more colour. 16. In the Magic Wand Options find the option for Tolerance. In the option box type 64 (it probably says 32 at the moment). Click on the white area using the Magic Wand - you will see that the white has been selected. 17. Press the delete key on the keyboard. • The white should be deleted. • Because the layer underneath the scissors is transparent you should see the checkerboard pattern beneath the scissors. 18. Your image should look like the one at the top of the next page. 19. Should you need to continue to use the same techniques to remove any other areas of the background. Like many of the options and techniques in Photoshop there is often more than one way to do something. The Magic Wand tool is very good at selecting large areas of colour but is not very useful for cutting out objects that may need to be more finely selected.

D T P - P hotoshop

The transparent area has been revealed after being selected with magic wand and then delete. Again note that the classroom area is still visible inside the models arm and needs further editing.

20. When you have finished, Save your work.

Task 5. Manipulating Images The image has now been edited and have had its backgrounds removed. In this task you will manipulate the image by enlarging and transforming them and then adding a coloured background. 1. In the toolbox find and select the Move tool. Click and hold on the

Move Tool

T ask 5 : M A N I P U L A T I N G I M A G E S

image of the model. If you move the mouse now you can move the image where you require on the screen. 2. If It is still too small though so you will have to use the Transform command to Scale the image. In the menu bar go to

Edit

Transform

Scale

A box should have appeared around the image. 5. Now do the following • Hold down the SHIFT key (these are the upward facing arrow keys on the right and left hand side of the keyboard) • With the Move tool still selected drag one of the corner boxes outwards (see illustration below).

Dragging any of the corner boxes with the SHIFT key pressed will enlarge the image.

• Upon releasing the mouse button the image will resize to the same size as the box. Press ENTER to apply the transformation.

D T P - P hotoshop

6. Dont forget that however you Scale your image you must keep it a similar size to the one on the front cover you are working on. 7. The next step is to add a graffiti background to the image. To do this open the graffiti.psd file from the following location...

m:drive

Media

Practical Induction

Photoshop

8. When this file is open, select the Move tool (black arrow) and click, hold and drag the graffiti background into the file the image of your model is on. The graffiti should now be over the top of the model. 9. Using the layers palette move the graffiti layer (probably called layer 1) underneath the image of the model. You should now have an image that looks something like this...

The main cover image is now nearly complete

T ask 6 . A d j usting the lighting

10. The image is now complete. Save your work.

Task 6. Adjusting the lighting You might find that either your model or the background look a bit flat- perhaps your model looks like they are stuck on or floating. There are a few ways you can adjust this to make your image look more realistic. You may not need to use all of these effects but below are a few ways to subtly adjust the look of your image. Dont forget you can adjust the lighting on your model and your background (or a combination of both) to achieve the best results.

1. Brightness & Contrast The easiest setting to adjust and can make a real difference. To use this go to...

Image

Adjust

Brightness/Contrast

And then adjust the sliders until you are happy with your image. Its that simple!

2. Levels For the more adventurous use levels which allows you to adjust 3 different tonal ranges within your image. Go to...

Image

D T P - P hotoshop

Adjust

Levels

With this tool you need to experiment in moving the 3 sliders up and down the graph (called a histogram) to add more depth to your shadows, brightness to your whites and range to your greys. These options are signified by the 3 triangles on the slider. When you move them the following will happen.. • Black triangle will add or subtract more black to your image particularly your shadows. • White triangle will add or subtract more white to your image - particularly your highlights or the brighter parts of your image. • Grey triangle will add or subtract more depth of colour to your image - particularly in the central range. This is often where you can improve your image dramatically.

3. Add a drop shadow You will be familiar with drop shadows from you InDesign work but you can also add them to layers in Photoshop. With this option it is best to apply it to the image of the model rather than the background. To apply a shadow do the following... 1. Double click on the layer in the palette with your model on it - you should have a Layer Style palette open. 2. Click on the Drop Shadow option - a load of options for adjusting your shadow should appear. 3. Adjust these until you are happy with the result - remember keeping it simple and subtle will be far more effective than a wacky purple shadow. Aim to be realistic!

T ask 7 . C O M P L E T I N G T H E C O V E R

Task 7. Completing the cover & further work The cover is now complete! Save your image and open up Indesign and the teengirl cover you have been working on. Now do the following... 1. Using the selection tool select the blue cover you inserted in task 4. 2. Go to

File

Place

and locate the image you have been working on in Photoshop. 3. Your completed image should now be the front cover of the magazine. Save your work.

Assessment task By this point you should be confident in the basic operation of InDesign and Photoshop Now, using the skills you have learnt you need to... Design and complete a front page of a new school or college magazine featuring a photograph of a student in medium close up plus appropriately laid out text and a masthead. An additional mock layout of a contents page is also required to demonstrate your knowledge of DTP. This task is a requirement of the course and should be completed to the best of your ability. In addition a selection of template files have been created for you to use at this location...

M:drive

Media Folder

Practical Induction Folder

Assessment Task folder

And you should open and Save these to your area. Heres a few things to do and think about before you start.... • Do some quick sketches to decide on a rough layout • You may want to base the layout on the cover you produced in the previous section • Manipulate and edit all your images first so you are happy with them. Don’t forget to Save them. • Think carefully about typefaces you are using. Look at the list of fonts in the appendix of this booklet. Which ones would be suitable for the masthead and which ones good for the coverlines? • To be successful your cover should have a consistent use of layout, colour and type - try not to use more than 2 or 3 colours or fonts. Remember to keep it simple! • The contents is a draft version only and does not have to feature all the detailed text and images - just a consistent, successful layout. The best contents pages will reflect the look and feel of the cover in its use of fonts and colour. Use Placeholder text (see appendix) to add text rather than typing it all in. • Your teacher may require you to hand in the work you have produced for assessment. Please follow the instructions they give you to do this.

A ppendi x Appendix

Using a camera.................................................................................. 62 Using the college digital cameras Downloading images to your computer............................................ 64 How to get images from the camera to the computer Handing in work................................................................................ 66 How to save in PDF format Placeholder Text................................................................................ 68 Using randomly generated text to make create layouts Placing .............................................................................................. 70 Or how InDesign and images work Resolution ......................................................................................... 72 Or why using images from the Internet is a bad idea Font List............................................................................................. 74 Illustrative list of fonts available Sample Pages Finished Cover

USING A CAMERA

Using a digital camera - FUJI F11 This is the standard still camera you wil use to undertake your Media Studies coursework. It is very simple to operate and has a large screen so you can see exactly what your pictures look like as you take them. Once you have finished taking your pictures follow the instructions on the next couple of pages to get them onto your computer.

Taking a Photo 1. Turn the camera on by pressing and holding the power button on the top of the camera. The camera should turn on with a beep, the fig 1.

lens should open and the screen on the rear should light up. After a couple of seconds this screen should display whatever the lens is pointing at (see fig 1.). 2. Make sure the dial on top of the camera is set to AUTO. This setting will give the camera full control over the image - all you have to do is compose your photograph (see fig 2.). 3. When you are ready to take your image press and hold the shutter

fig 2.

button HALF WAY. The camera will beep twice and will auto focus on your subject (see fig 3.). 4. Press the shutter button fully down to take your picture. The camera will play a â&#x20AC;&#x153;clickingâ&#x20AC;? sound and your image will appear briefly on the screen at the back of the camera. 5. You are now ready to take another photo. You can see how many shots you have left by looking at the number in the top right of the screen.

fig 3.

A ppendi x

Viewing & Deleting a photo 1. If you want to look at a photo you have taken press the PLAY button on the back of the camera. The last image you took should appear on the screen. 2. Use the left & right ARROWS on the MENU/OK button to move through your images. To delete an image press the UP ARROW on the MENU/OK button (there is a little picture of a bin here too) • The message ERASE OK? will appear in the top right of the screen. • To ERASE the image press the LEFT ARROW and then the MENU/OK button. • To CANCEL just press the MENU/OK button. 3. Press the play button again to start taking images again.

Other things that might be of use Use this setting for very MACRO

close up work (below 50cm) Turn of the flash by

NO FLASH

repeatedly pressing the flash button Press this button to

WIDE/ZOOM

zoom in or out from the subject.

USING A CAMERA

Downloading images to your computer When you have taken your images you will need to download them onto your computer before deleting them and returning the camera. This is done by removing the memory card from the camera and either inserting it into a card reader built into the computer or into one connected to it. In either case follow the instructions below to do this. 1. Open the battery compartment on the bottom of the camera and remove the memory card. The card is the small, slim piece of plastic by the battery. Press down the memory card to release it. It should pop up.

2. Remove the card and place it into the card reader on the computer or the one connected to it. There should be a diagram next to the computer to show you how to do this - if you are unsure then ask your teacher or the technician. 3. Open up My Computer (make sure you have logged on first). You should have a list of available drives on the PC that look something like this...

This is the sort of list you should see in My Computer. One of the Removable Disks is where your photos will be at the moment.

A ppendi x 4. Double click on Removable Disk (F:) - this is probably where you’re photos will be - you should have a folder called DCIM visible. 5. Open the DCIM folder - you should now have a folder called 100_FUJI. Double click on this to open it. 6. You should now have several image files visible - they will probably be called something like DSCF1184. These are you’re photos. 7. Copy these images and Paste them to a suitable place on your hard drive. The best way to do this is to make a separate folder for your images (called something like Media Photos) an put them in there. 8. You can now open these images in Photoshop for editing. Delete all your images off the camera and return it to the technician.

Top tips for managing photos • Always put images in named folders in logical places on your area. Its no good having photos for Media coursework in your Business Studies folder. • Its a good idea to give the folders names that reflect what the images are photos of. For example “Front Cover images” is much better than “New Folder”. • After editing your images in Photoshop save them with correct file names. Searching through 25 files called “untitled” for that really good shot you took last Thursday will become very boring, very quickly. • Don’t delete any photos you use in your magazine until it has been handed in and printed off. If you delete images before then it will print a poor copy.

USING A CAMERA

This is the sort of list you should see in My Computer. One of the Removable Disks is where your photos will be at the moment.

H A N D I N G I N W O R K I N P D F F O R M AT Handing in work When you have finished your coursework you will not have to hand a printed copy in to be marked but will instead save a digital version that will be printed out for you. You can save your work from any computer in college that has InDesign installed BUT it is very important that this file is saved in a particular way so it can be printed and cut correctly. For this reason please follow these instructions very carefully and if you are having any problems please ask a teacher or technician. 1. Open all the work you want to hand in InDesign. 2. Go to the Menu Bar and select the following options...

File

Export

The following dialogue box should now appear

3. In the Save as type option box at the bottom make sure Adobe PDF is selected. 4. You need to select the following location using the Save In option at the top of the dialogue box. Locate the folder below...

A ppendi x

M: Drive

Media

AS Media Coursework

5. Upon opening this folder you should see a folders with different blocks - open the one that you are taught in. Open this (you should see a list of other folders with peoples names on) and make a new folder with your own name on. 6. Click on the Save button. A new dialogue box should appear...

These are the options you will be using when saving your PDF.

7. Click on the Marks and Bleeds option. Find the first option for Marks and put a tick in the box for All printers marks. 8. Finally click the Export button. You should now see a progress bar and within a minute or so your PDF will have saved. If you have an error message about missing links please see the technician. 9. When it is complete repeat steps 2 - 8 with the other pages you wish to hand in. 10. The work will now be printed - if it is a draft version it will be handed back to you via your teacher in the next few days.

D E S K TO P P U B L I S H I N G

Placeholder text When you are constructing your pages (particularly your double page spread and contents page) you can use the placeholder option to insert text that you may not have written yet. Placeholder text allows you to insert text and format it so you can see what a layout will look like. This is especially useful when producing large amounts of text for articles and so on. To use placeholder text do the following... 1. Draw a text box in the normal way and double click in it - you should have a flashing cursor in the top corner. 2. In the menu bar go to...

Type

Fill with placeholder text

3. You should now have a lot of text appeared in the text box that may or may not look a bit like a foreign language (see opposite page). In fact it is just random text that helps you see what the layout looks like. 4. If the formatting is not how you wnat it then highlight the text and change it as you need. 5. See the opposite page for ideas how to use placeholder text.

A ppendi x This is place holder text. Cum nosto dunt utat wis alit, quis nim zzrilit dit alissequat volut prat, core dionse velisl diatum do cor sum niscip eliquat.Xerit, quate mod eugait nit, summolenim exerit vullan verostin ea core commod tat, commodo loreet, con hent accummy nos aut prat, sum volortisim iure eum exercil in voloborperos n You can change the formatting as required to see what the type will look like. Here I have changed it to Franklin Gothic Book Italic. Andit ipit eratue min erostie feugiamcommy nismodolore etum quis do commy nis ea feugait prate voluptatue do dolore tat acidui bla am quipit ilisciduip el incipisit autpatem erit acipsustio odolore molorpe riureet venit in ea aliquis doloreet, quam, venim quat, volum zzril ut nullandrero dio etum doluptat, conumsandre mod tincilit elit venit acil ea feuis et praessed mincincing erostin henibh ectem dolor amet, con ulla feum zzrit iriustrud er ipit ulputet, vel iurerat. Borem nissi.

Dont Forget you can make headlines too! And change spacing, underlining etc...acidui enisl er ad dolore el el in ulput am, cor ad tat ut loborperos ad ectem quis nis ea augiat ad ex enisci tem vero conullutat ver siscip eui bla consequat, venis at. Guercil luptatumsan ut la alis dolortin verit vel utem velenibh exer sum velit vel ing euismolumsan hent adigna feugait velessed ea facillan ut aut estrud magnit lummy nisisse dolor iusciliquat, qui tions do odo cortion sendrem quisim et autet iure tie del dolore doluptat irit lorper irit, velendiat, vulla feum ex exerci bla faciduisi. When you have found the style you like you can format the all the text as required. Mmolenim exerit vullan verostin ea core commod tat, commodo loreet, con hent accummy nos aut prat, sum volortisim iure eum exercil in voloborperos nulputem venim dolute core magna facin ulluptat etum dui tat. Ut nim verciduis deliquam nons nulla aut dolenibh er ad tatueros et inisit utpat loreet augait nullutat loboreet volore min eugait ea acipisim zzriure velestie feuguercil enim venim iureetueros non henim ver sumsan hendre magna feugue et lorper alismolor sendit prat, si tissendre dignim vel et nis ex estrud tem dolore dit veratum ea faci eu feugait at vendit ercing

PLACING

Placing - How InDesign and images work. In most pieces of software (Microsoft Word for example) when an image is inserted or cut and pasted into a document it actually becomes part of that document and the file can be saved and used on any other computer without any problems. In addition any images that were used in that files can be deleted if they are not required again. When an image is placed (as inserting is called) in InDesign it does not become part of the file - the image you see on the screen is only a reference point for the file. The reason for this is that image files for printing are very large and inserting several into a document would slow down the program so much it would be unusable. Because of this you should always • Save ALL the images you use should be first as Photoshop files (using Photoshop - see task 5) and then inserted using the Place command. • DO NOT USE “Cut and Paste” like you would in other programs - you will get a poor quality image • All the images you use should not be deleted until you have printed out and saved a final copy. If you do delete one the reference picture will remain but again it will print poorly • If on opening your InDesign document you have a warning box appear warning of “missing links” please see Gareth, the technician who will help you out.

link” warning.

“magazine cover” file you will get a “missing

to another folder or altered, upon opening the

command. If the images are deleted, moved

have been placed into InDesign using the Place

and they are all Photoshop files. The images

PUG.psd

dominant image outline.psd

barcode.psd

the “images” folder and are...

“magazine cover”. The images are saved inside

which are placed into the InDesign document

This front cover is made up of 3 images

+ =

APPENDIX 73

IMAGE RESOLUTION

Image Resolution - Why using images from the internet is a bad idea For many students Google is the first place to look when an image is required. This is fine for most things - and is especially useful for essays and PowerPoint presentations. Problems arise when students use the same images in Photoshop and InDesign. This is all to do with image resolution. Most images that are used on the internet are saved at a resolution of 72dpi. This means that there are 72 pixels (the little dots that make up images on screens) per inch of image. This resolution is fine for screen use. In contrast most images that are used in printing are at least 200dpi, many are above 500dpi and top quality glossy photographs will be printed in excess of 1500dpi. This makes the image print extremely clearly. Internet images are often small. When they are used by students for their magazines they often need to be bigger so they enlarge them using Photoshop. This is where problems start. Enlarging a image that is 72dpi to A4 size will make the image look blurred and pixilated (squares covering the image). This is because the image does not have enough information contained in its pixels to make the image appear clear Because of this you should always • Use original images that you have created using a digital camera whenever you can. You need to have at least 3 original images for your coursework anyway but good use of original images always look much better. • Create and Save all your Photoshop files at 200dpi. Go to Image, Image Size and put 200 (dpi) in the box for Resolution • If you need a “found image” find a paper copy and use the scanner to scan it at 200dpi (or above if you want). A teacher or the technician will show you how to do this. • DONT get images of the internet!

show more detail in most classrooms.

There are colour versions of these images that

els and therefore twice the amount of detail.

200dpi has more than twice the amount of pix-

square inch of an image. You can see that the

(that define the amount of detail) in each

The grids above show the amount of pixels

taken from the internet are 72dpi.

200dpi one and appears blurred. Most images

one. The 72dpi has much less detail than the

difference between a 72dpi image and a 200dpi

These 2 versions of the same picture how the

APPENDIX 75

FONT LIST

Agency Fb

Californian FB

Algerian

Calisto MT

Arial

Adobe Caslon Pro

Arial Black

Casteller

Arial Narrow

Centaur

Arial Rounded MT Bold

Century

Baskerville Old Face

Century Gothic

Bauhaus 93

Century Schoolbook

beesknees ITC

Chiller

Bell MT

Colonna MT

Berlin Sans FB

Comic Sans MS

Berlin Sans FB Demi

Cooper Black

Bernard MT Condensed

Copperplate Gothic Bold

Blackadder ITC

Copperplate Gothic Light

Bodoni MT (OTF)

Monotype Corsiva

Book Antiqua

Courier New

Bookman Old Style

Curlx MT

Bradley Hand ITC

DFW5 Printer

Britannic Bold

Edwardian Script ITC

Broadway

Elephant

Brush Script MT

ENgravers MT

Caflish Script Pro

Eras Bold

FONT LIST

Eras Demi ITC

Gill Sans Ultra Bold

Eras Light ITC

Gill Sans Ultra Bold Condensed

Eras Medium ITC

Gloucester MT Extra Condensed

Eras Ultra ITC

Goudy Old Style

Felix titling

Goudy Stout

Footlight MT Light

Haettenschweiler

Forte

Harlow Solid Italic

Franklin Gothic Book

Harrington

Franklin Gothic Demi

High Tower Text

Franklin Gothic Demi Cond

Impact

Franklin Gothic Heavy

Imprint MT Shadow

Franklin Gothic Medium

Informal Roman

Franklin Gothic Medium Cond

Adobe Jenson Pro

Freestyle Script

Jokerman

French Script MT

Juice ITC

Garamond

Kristen ITC

Adobe Garamond Pro

Kunstler Script

Georgia

Letter Gothic Std

Gigi

Lithos Pro

Gill Sans MT

Lucida Bright

Gill Sans MT Condensed

Lucida Calligraphy

Gill Sans MT Condensed Bold

Lucida Console

FONT LIST

Lucidia Fax

Parchment

Lucidia Handwriting

Perpetua

Lucidia Sans

Perpetua Titling MT

Lucidia Sans Typewriter

Playbill

Lucidia Sans Unicode

Poor Richard

MS Reference Sans Serif

Popular Std

Magneto

Pristina

Maiandra GD

Rage Italic

Matisse ITC

Ravie

Matura MT Script Caps

Rockwell

Microsoft Sans Serif

Rockwell Condensed

Mistral

Rockwell Extra Bold

Modern No. 20

Script MT Bold

Myriad Pro

Showcard Gothic

Niagra Engraved

Snap ITC

Niagra Solid

Stencil

OCR A Extended

Tahoma

Old English Text MT

Tempus Sans ITC

Onyx

Times New Roman

Palace Script MT

Trajan Pro

Palatino Linotype

Trebuchet MT

Papyrus

TW Cen MT

FONT LIST Tw Cen MT Condensed Tw Cen MT Condensed Extra Bold Verdana Viner Hand ITC Vivaldi Vladimir Script Wide Latin Batang Kozuka Gothic Pro Kozuka Gothic Std Kozuka Mincho Pro Kozuka Mincho Std MS Mincho Arial Unicode MS

teengirl Britains No1 teen mag

£2.10 July 2005 Issue 24 www.teengirl.co.uk

Weird Dreams What do they really mean?

Fit Footie Fellas! Practice your dribbling, girls!

Self Harm

Help is here for tortured teens

Beach Body BiBle • Get bikini brave instantly • Silky summer skin secrets • Foolproof fake tans 256 shopping ideas

Scorching summer Sales! Friends Forever?

Will your friendship survive the summer?

Win a surfing holiday in Spain!