InDesign Projects - Institute of Graphic Art and Design · InDesign Domain 3 Keller Adobe CS5...

Preview:

Citation preview

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Projects

Adobe InDesign CS and CC Portfolio Building Exercises

By Bennett and Keller

1 1 1

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

INDESIGN PROJECT 1 Create a Graduation Announcement InDesign

2

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Objectives

l  Change the workspace l  Use the Type tool l  Work with the Character panel l  Work with the Paragraph panel l  Work with the Swatches panel l  Draw with the Rectangle tool l  Work with the Stroke panel

3 3 3

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Objectives

l  Apply the Corner Options command l  Adjust the Screen Mode

4 4 4

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 1

l  Limit the design of your announcement to using no more than three fonts.

l  Click the Formatting affects text button on the Swatches panel or the Control panel to apply color to your text.

l  Adjust the corner size and shape in the Corner Options dialog box.

5 5 5

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 1

l  Screen Mode options can be found under the View menu. The Preview mode allows you to view your document as it will appear when printed.

6 6 6

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 1

l  You can also adjust text, color, and strokes in the Control panel. Click either the Character formatting controls icon or the Paragraph formatting controls icon to specify the formatting options that will appear in the Control panel.

l  Conduct research on the Internet to see various graduation announcements before designing your own announcement.

7 7 7

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

INDESIGN PROJECT 2 Design a Recognition Banner

8

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Objectives

l  Change the workspace l  Use the Type tool l  Work with the Character panel l  Work with the Paragraph panel l  Work with the Swatches panel l  Draw with the Line tool

9

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Objectives

l  Work with the Stroke panel l  Align text and objects l  Adjust the Screen Mode

10

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 2

l  Limit  the  design  of  your  announcement  to  using  no  more  than  three  fonts.  

l  Click  the  Forma8ng  affects  text  bu<on  on  the  Swatches  panel  to  apply  color  to  your  text.  

l  You  will  need  to  click  the  Forma8ng  affects  text  bu<on  to  enable  the  Align  Stroke  opBon  in  the  Stroke  panel.  

11

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 2

l  Screen  Mode  se8ngs  can  be  found  under  the  View  menu.  The  Preview  mode  allows  you  to  view  your  document  as  it  will  appear  when  printed.

12

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

INDESIGN PROJECT 3 Design with Typography

13

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Objectives

•  Change the workspace •  Use the Type tool •  Work with the Character panel •  Work with the Paragraph panel •  Work with the Swatches panel •  Explore the Kuler panel •  Adjust the Screen Mode

14

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 3

l  Select certain words, and then modify the font, size, or style to distinguish them from other words. You may also choose to add color to the text frame to place color behind the text.

l  Screen Mode settings can be found under the View menu. The Preview mode allows you to view your document as it will appear when printed.

15

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Design with Typography

16

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 3

l  Explore www.1001freefonts.com for additional fonts that could enhance the visual impact of your poem.

l  When working primarily with text, you can still create a huge impact with your design. On the Internet, research typography to learn how to maximize the impact of your text.

17

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

INDESIGN PROJECT 4 Create a Flyer

18

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Objectives

l  Change the workspace l  Draw guides l  Switch between pages l  Use the Type tool l  Work with the Character panel l  Work with the Paragraph panel l  Work with the Swatches panel

19

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Objectives

l  Use the Rectangle Frame tool l  Draw with the Rectangle tool l  Work with the Stroke panel l  Apply the Corner Options command l  Adjust the Screen Mode

20

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Flyer Layout

21

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 4

l  Drag a guide from the vertical ruler until the first guides ScreenTip reads X:22p0 and the second guides ScreenTip reads X:44p0. (Note: If your ScreenTip does not display the measurements in pica, right-click on the ruler, and then choose Picas.)

22

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 4

l  Verify the frame you have drawn is set for a graphic. Select the frame, choose the Object menu, point to Content, and then verify that Graphic is selected.

l  Adjust the corner size and shape in the Corner Options dialog box.

23

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 4

l  Screen Mode settings can be found under the View menu. The Preview mode allows you to view your document as it will appear when printed.

24

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

INDESIGN PROJECT 5 Design a Greeting Card

25

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Objectives

l  Switch between pages l  Use the Type tool l  Work with the Character panel l  Explore the Kuler panel l  Work with the Paragraph panel l  Work with the Swatches panel l  Draw with the Frame Rectangle tool

26

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Objectives

l  Draw with the Rectangle tool l  Work with the Stroke panel l  Apply the Corner Options command l  Use the Glyphs panel l  Adjust the Screen Mode

27

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 5

l  Limit the design of your announcement to using no more than three fonts.

l  Click the Formatting affects text button on the Swatches panel to apply color to your text.

l  The Glyphs panel can be found under the Window menu by pointing to Type & Tables, and then clicking Glyphs; design elements can be found by changing the font to Wingdings.

28

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 5

l  Adjust the corner size and shape in the Corner Options dialog box.

l  Screen Mode settings can be found under the View menu. The Preview mode allows you to view your document as it will appear when printed.

29

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 5

l  If you would like to print your card, you must choose Print Booklet from the File menu so Page 1 and Page 4 are on one side and Page 2 and Page 3 on the other. (Note: Content needs to be placed on a page before making this selection so the page is recognized as a page by the program.)

l  Visit www.egreetings.com or other electronic greeting card websites for inspiration.

30

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

INDESIGN PROJECT 6 Design an Art Gallery Newsletter

31

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Objectives

l  Create new layers l  Name layers l  Use the Rectangle Frame tool l  Switch between pages l  Work with the Character panel l  Work with the Paragraph panel

32

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Objectives

l  Draw with the Rectangle tool l  Work with the Stroke panel l  Apply the Corner Options command l  Use the Place command l  Use the Text Wrap panel l  Adjust the Screen Mode

33

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 6

l  Verify the frame you have drawn is set for a graphic or for text accordingly. Select the frame, choose the Object menu, point to Content, and then verify the selection.

l  Using the Fill with Placeholder Text command, fill the text frames with filler text.

l  The Fill with Placeholder Text command is found on the Type menu.

34

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 6

l  Adjust the corner size and shape in the Corner Options dialog box.

l  Screen Mode settings can be found under the View menu. The Preview mode allows you to view your document as it will appear when printed.

35

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 6

l  If you are using InDesign CS4 or earlier, templates for newsletters are available in the New Document dialog box by clicking the From Template icon.

36

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

INDESIGN PROJECT 7 Design a Restaurant Menu

37

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Objectives

l  Change the workspace l  Create new layers l  Switch between pages l  Name layers l  Use the Type tool l  Work with the Character panel

38

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Objectives

l  Work with the Paragraph panel l  Draw with the Rectangle tool l  Work with the Stroke panel l  Apply the Corner Options command l  Use the Glyphs panel l  Adjust the Screen Mode

39

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 7

l  Click the More Options button if the Bleed and Slug settings are not visible.

l  Limit the design of your menu to no more than three fonts.

l  Adjust the corner size and shape in the Corner Options dialog box.

40

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 7

l  The Glyphs panel can be found under the Window menu by pointing to Type & Tables and then click Glyphs; design elements can be found by changing the font to Wingdings.

l  Screen Mode settings can be found under the View menu. The Preview mode allows you to view your document as it will appear when printed.

41

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 7

l  Conduct research on the Internet before beginning your project for samples of restaurant menu layouts.

42

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

INDESIGN PROJECT 8 Design the Front Page of a Newspaper

43

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Objectives

l  Use the Type tool l  Work with the Character panel l  Work with the Character Styles panel l  Work with the Paragraph panel

44

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Objectives

l  Use the Place command l  Use the Rectangle Frame tool l  Use the Text Wrap panel l  Adjust the Screen Mode

45

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 8

l  Look at the front pages of newspapers to see what is included in the masthead.

l  Verify the frame you have drawn is set for a graphic or for text accordingly. Select the frame, choose the Object menu, point to Content, and then verify the selection.

46

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 8

l  Screen Mode settings can be found under the View menu. The Preview mode allows you to view your document as it will appear when printed.

l  If you are using InDesign CS4 or earlier, templates for newspapers are available in the New Document dialog box by clicking the From Template icon.

47

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 8

l  Gather your information before beginning this project, type up your stories in Microsoft Word or Notepad, and then save your images, so you can simply place your text when ready.

48

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

INDESIGN PROJECT 9 Design a Bookmark

49

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Objectives

l  Use the Type tool l  Work with the Character panel l  Work with the Paragraph panel l  Explore the Kuler panel l  Work with the Swatches panel

50

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Objectives

l  Draw with the shape tools l  Work with the Stroke panel l  Adjust the Screen Mode

51

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 9

l  Click the Formatting affects text button on the Swatches panel to apply color to your text.

l  Screen Mode settings can be found under the View menu. The Preview mode allows you to view your document as it will appear when printed.

52

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 9

l  If you are using InDesign CS4 or earlier, templates for newsletters are available in the New Document dialog box by clicking the From Template icon.

53

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

INDESIGN PROJECT 10 Design a Hang Tag

54

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Objectives

l  Use the Type tool l  Work with the Character panel l  Work with the Paragraph panel l  Work with the Swatches panel l  Draw with the Ellipse tool l  Work with the Stroke panel l  Adjust the Screen Mode

55

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

InDesign Project 10

l  Click the Formatting affects text button on the Swatches panel to apply color to your text.

l  Screen Mode settings can be found under the View menu. The Preview mode allows you to view your document as it will appear when printed.

56

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Summary

l  Adjust the Screen Mode l  Align text and objects l  Apply the Corner Options command l  Change the workspace l  Create new layers l  Draw guides l  Draw with the Ellipse tool

57 57 57

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Summary

l  Draw with the Ellipse tool l  Draw with the Frame Rectangle tool l  Draw with the Line tool l  Draw with the Rectangle tool l  Draw with the shape tools l  Explore the Kuler panel l  Name layers

58 58 58

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Summary

l  Switch between pages l  Use the Glyphs panel l  Use the Place command l  Use the Rectangle Frame tool l  Use the Text Wrap panel l  Use the Type tool l  Work with the Character panel

59 59 59

InD

esig

n D

omai

n 3

Keller Adobe CS5 Projects Binder

InD

esig

n Pr

ojec

ts

Keller

Summary

l  Work with the Character Styles panel l  Work with the Paragraph panel l  Work with the Stroke panel l  Work with the Swatches panel

60 60 60

Recommended