Magazine Layout Design. and Adobe InDesign basics

Transcription

1 Magazine Layout Design and Adobe InDesign basics

2 Click on Document on the right side of the pink and black box in the center of your screen. To create a document If this box does not pop open, go to the top left corner, click on File, then click on New, then click on Document.

3 Creating a Spread Change number of Pages to 2. Change Letter to Tabloid You can change the number of columns if you want, but you don t have to. Click OK when satisfied.

4 Fixing your pages You want your pages to touch, not be on separated like they are right now, so do the following: Click on Pages at the top right. A pop out box will occur with the following appearance. Click on the word A-Master and both page boxes will turn blue, then double click on A-Master and your pages will now meet in the middle.

5 Making Picture and Text Boxes Click the Rectangle Frame Tool for pictures (square with an X) Click the Rectangle Tool for text boxes (solid square) Then, click on your page and pull until the box is your preferred size.

6 Inserting a picture Once you have made a picture box, drag the desired picture over and into the box OR right click on the box and select Paste Inside. The picture may need to be resized or centered, but BE AWARE that there are two layers to every photo: the window layer, outlined in blue, and the photo layer, outlined in brown.

7 Resizing and Centering Pictures When resizing a picture, click the box repetitively until the brown outline appears and the blue outline disappears, as shown to the left. Once you see a brown outline, hold down the SHIFT key and drag from a corner until the picture is your preferred size. When the brown outline is apparent, you can center the picture as needed within the box by simply clicking and holding the cursor, then moving it, or with the arrow keys on the keyboard. To resize the blue box, or the window through which you see the picture, click slowly and repetitively until the blue outline reappears. You are then able to move, resize, and rotate the picture box with the BLACK cursor without changing the picture itself.

8 Text boxes and other text When inserting a text box, click the Text Box option (the solid box without an X in it.) Drag the mouse to make the text box. The size can be changed once the box is made. This technique is very similar to making a picture box. Add regular text to Text boxes by clicking on the box then clicking on the large T, the Type Tool, then placing the cursor in the box. Change the font by highlighting the text and using the tools as seen below.

9 To create a text box that goes around something on your spread, first, create a box that covers the thing text should fit around, then a box for your text over the top of the first box. After both are created, break the side of the one in which you want text and make it move around the other. Go to OBJECT, then PATHS, then OPEN PATH. Grab the corner you want free of text and move one part of the text box to outside the photo, ***Go to next slide***

10 then move the line for the other part, then OBJECT, PATH, CLOSE PATH. When you close the path, it will cause the line to cross from one point of OPEN PATH to the other, so Repeat the process to OPEN PATH, move line, and CLOSE PATH.

11 To make your photo box rotate, RIGHT CLICK on it, go to TRANSFORM, then ROTATE. You will then need to choose the degree of rotation and the final result will look something like this. To change the shape, go to OBJECT, CONVERT SHAPE, then choose a shape.

12 To print text on a path, first create a path by using the pencil tool, then click on the big T and hold down to choose Type On A Path Tool, then click on the place where you want it to begin. When you finish, you can change the weight of the line by clicking on the pencil, them right click on the line, choose Stroke Weight, then change it to zero and it will disappear but yo0ur text will still be on the path you created.

13 To remove the background on a graphic or any other file, do the following: Cleaning up graphics Copy the file you want to edit, then open a NEW FILE in PhotoShop and paste the file copy in it. Once it is showing, right click on the layer named BACKGROUND and choose to delete it.

14 Then click on the MAGIC WAND tool and use it to click the area you want to disappear. If there is more than one area, hold down the SHIFT key while clicking with the Magic Wand until all areas have a wiggling outline. When you are sure the wiggling outline surrounds all portions you want to become invisible, simply tap your delete button.

15 All portions which now show as a checkerboard are invisible. If you need to, you can now crop, rotate, and/or resize your file before copying and pasting into another location or file.

16 To cut and paste, simple click on the dotted square button on the left and outline your file, then click EDIT and cut or copy, then paste into any other PhotoShop or InDesign file.

17 To create a snap grid, on Create Guides, create the number of rows (left to right) and columns (up and down) you want and fit them to the margins. Snap Grids

18 Everything you add to your spread MUST BE aligned.

19 This is a mock-up of what you are to do. You must include, on your TWO PAGE SPREAD: a TITLE, SUBTITLE(s), your BY LINE, GRAPHICS, an ODD NUMBER OF PHOTOS, the TEXT OF A 5-PARAGRAPH ARTICLE (Font 12 or 14), PLANNED WHITE SPACE, BACKGROUND, and FOLIOS. All elements MUST BE ALIGNED use rulers, snap grids, and other tools to do so. You will need to plan your design, so look at the following examples for ideas, but do not assume that they have all of my requirements. They are for design IDEAS.

20 Advanced Graphics For advanced graphics work, you can change colors and text to suit your topic. Many techniques are modeled on YouTube.

21 Look up the YouTube video: Creating outstanding layout effects in InDesign CC and Photoshop CC For a How-To on doing cool things with InDesign Layouts.

22 This is a 2-page spread with a title, a primary photo and 4 small photos, a subtitles, a short article, thoughtful use of white space, and lengthy captions.

23 This is a 2-page spread with an eye-catching title, a film-strip photo montage, 2 small photos and 2 ads, a caption, good use of white space, a subtitles, a few graphics, and an article.

24 This is a 2-page spread with an attractive title, a primary photo, 2 medium photos and 2 small photos, several graphics, several subtitles, almost no white space, several captions, and an article.

25 This is a 1-page photo essay with a title, a primary photo that should have been bigger, 3 medium photos, and 3 small photos, an article, a subtitle, almost no concern for white space, and several lengthy captions.

26 This is a 2-page photo essay with an interesting title, several subtitles, no primary photo but a montage of cleverly angled photos, very little white space consideration, an article, an explanatory list, interesting folios, and several graphics.

27 This is a 2-page photo essay with an interesting title and graphic, a subtitle, a vaguely primary photo, 3 medium photos, and 3 small photos placed at dancing angles, several captions, an article, folios, refreshing use of white space, and several graphics.

28 This is a 2-page photo essay with a title, a subtitle, a huge primary photo, one medium, and one small photos, an article, a caption, and LOVELY use of white space.

29 This is a 2-page photo essay with an interesting title, several captions, a film-strip of photos, a lengthy article, folios, lovely use of white space, and one explosive graphic.

30 This is a 2-page photo essay with an interesting title, several subtitles, a primary photo and 4 progressively smaller photos, a short article, some consideration for white space, several lengthy captions, and folios.

31 This is a 2-page photo essay with an interesting title, an eye-catching primary photo, a filmstrip of photos, a short article, several captions, lovely use of white space, and several interesting graphics.

32 This is a 2-page photo essay with only 1 photo, an interesting title and subtitle, a 1-paragraph article, a couple of graphics, and almost no white space.

33 This is simply an example of ways one might arrange a cascade of photos, but there are too many on this spread and no article.

34 This is a 2-page photo essay with a primary photo, 2 other large photos, 1 medium photo, and 1 small photo, a title lost in the middle but many subtitles, an article, several lengthy captions, 2 bulleted lists, and almost no white space.

35 This is a 2-page photo essay with primary photo and 4 small photos, no title or subtitle, several graphics, folios, and nice use of white space. Note: alignment is off at bottom of big photo.

36 This is a 2-page photo essay with an obviously primary photo and 2 small photos, a stand-out title, an article, a bold caption, nice and bold graphics, folios, and a lovely use of white space.