Você está na página 1de 35

Lesson Plan

Course Title: Introduction to Desktop Publishing


Session Title: “The ABCs of Desktop Publishing with Adobe InDesign”

Performance Objective:

Upon completion of this assignment, the student will be able to demonstrate an ability to
understand the how to create a simple newsletter for school in Adobe InDesign software to the
satisfaction of the instructor.

Specific Objectives:

Design a newsletter layout and sketch preliminary work.

Organize the content of the newsletter into a compact and eye-appealing format.

Create a four-page newsletter on the computer following beginner methods (text wrapping
around graphics, image placement inside of text block, header design, text blocking) in Adobe
InDesign software.

TEKS Correlations:

125.93(C)(1)(D)
…apply the competencies related to resources information, systems, and technology in
appropriate settings and situations…

125.93(C)(2)(A)
…demonstrate effective oral and written communication skills with individuals from varied
cultures, including fellow workers, management, and customers…

125.93(C)(3)(B)
…demonstrate knowledge of electronic and other image generation devices for reproduction
photography…

125.93(C)(4)(C)
…demonstrate knowledge of new and emerging technologies that may affect the field of graphic
communication…

125.93(C)(5)(A)
…compose types and related images using computerized or other equipment and processes in
art and copy preparation as directed…

125.93(C)(5)(C)
…create communication materials utilizing color, text, and graphics…

Interdisciplinary Correlations:

Technology Applications – Computer Science I:


Graphic Arts I: The ABC’s of Desktop Publishing with Adobe InDesign
©2003 Texas Trade and Industrial Education
1
126.22(C)(1)(A)
…demonstrate knowledge and appropriate use of operating systems, software applications, and
communication and networking components…

126.22(C)(1)(B)
…compare, contrast, and appropriately use the various input, processing, output, and
primary/secondary storage devices…

126.22(C)(2)(A)
…demonstrate proficiency in the use of a variety of input devices such as a keyboard, scanner,
voice/sound recorder, mouse, touch screen, or digital video by appropriately incorporating such
components into the product…

126.22(C)(3)(A)
…discuss copyright laws/issues and model ethical acquisition and use of digital information,
citing sources using established methods…

126.22(C)(5)(A)
…acquire information in and knowledge about electronic formats including text, audio, video,
and graphics…

English:

110.xx(6)(A) – Vocabulary Development

…expand vocabulary through…listening and discussing

110.xx(7)(H) – Reading Comprehension


…draw inferences such as conclusions, generalizations, and predictions and support them from
text…

Journalism:

110.62(2)(F)
…use different forms of journalistic writing such as reviews, ad copy, columns, news, features,
and editorials to inform, entertain, and/or persuade…

110.62(2)(L)
…demonstrate an understanding of the function of headlines through the writing of headlines

110.62(3)(A)
…identify the variety of journalistic publications and products such as newspapers,
newsmagazines, and newsletters…

110.62(3)(B)
…design elements into an acceptable presentation…

110.62(3)(C)
…use illustrations or photographs that have been cropped, to communicate and emphasize a
topic…
Graphic Arts I: The ABC’s of Desktop Publishing with Adobe InDesign
©2003 Texas Trade and Industrial Education
2
110.62(3)(E)
…prepare a layout for publication…

Instructor/Trainer
References:
Adobe software education resource page - http://www.adobe.com/education/main.html
Book Adobe InDesign
Found inside software package
Sample of student produced newsletter in .pdf format
http://www.adobe.com/products/indesign/pdfs/gig_harbor_CS.pdf

Instructional Aids:
Adobe InDesign PowerPoint Presentation.
Adobe InDesign PowerPoint Presentation – Slides.
Adobe InDesign PowerPoint Presentation – Handouts.
Adobe InDesign PowerPoint Presentation – Notes Pages.
Newsletter Proofing Rubric.
Four-Page Newsletter Rubric.

Materials Needed:
Printer Paper
Plain paper
Pencil
Equipment Needed:
Computer
Printer Paper
Printer
Adobe InDesign software
Projection device from computer
Learner
Our learner will need a working knowledge of Photoshop and/or Illustrator to do this project
successfully.
Computer
Printer Paper
Printer
Adobe InDesign software
Introduction
Introduction (LSI Quadrant I):

Brainstorm:
ASK: “Does anyone have any ideas for something that could be produced as a newsletter?
Maybe a classroom assignment that might be easier understood as a newsletter than say, a
written report?” (Ask the students for a show of hands and contribution of ideas… write ideas on
the board.)

SAY: “OK, now that we all have plenty of suggestions, I would like to show you how to produce
your ideas as a newsletter in a relatively new software program called Adobe InDesign.” (Ask
students if anyone has ever used it before. Most will not have, at least at the current writing.)

Graphic Arts I: The ABC’s of Desktop Publishing with Adobe InDesign


©2003 Texas Trade and Industrial Education
3
“With the popularity of Adobe Photoshop and Illustrator in the graphic design and publishing
industries, many people are trying InDesign because it feels familiar to them and it does many
of the things that other programs do.”

(Read the following testimonials – “The Adobe InDesign package saved our company
significant amounts of money. Not only that, but our designers and production staff are thrilled
with the increased creativity and productivity that InDesign provides.” Tim Hale, Senior VP,
Fossil, Inc.
“With Adobe InDesign, we can produce an ad in approximately half the time it took with our old
system.” Tricia Burke, Graphic Design Production Manager, Trek Bicycle Co.)

SAY: “We begin with InDesign because of its ease of use with other Adobe products, its low
price tag, and the increase of creative tools and speed of learning curve as compared with the
more difficult programs.” (Ask for any questions, and proceed from here. Refer students to the
.pdf file on Adobe.com http://www.adobe.com/products/indesign/pdfs/gig_harbor_CS.pdf)

*Side note: If you want to “try before you buy”, Adobe InDesign is providing a free fully functional
30-day trial on the Adobe Education website. All you have to do is register as an Adobe user,
and you may download the software for this lesson onto your students’ hard drives.
Outline

Outline (LSI Quadrant II):

I. View PowerPoint called “Simple Elements Working Together”.ppt This should give the
students an idea of the depth of the assignment that they will undertake in the Independent
Practice segment.

II. Review each of the Elements as presented in the ppt

III. Have students take notes

IV. Define terms as they are encountered


A. Text wrapping
B. Placement
C. Text Frames
D. Header

V. Introduce students to the Help section of the Adobe InDesign program

This is one of the most in depth Help sections of any graphic software, and it is very easy to
navigate and understand. Students will remember the terminology better if they look it up and
then write it down. This can be a requirement of the assignment, although it is an optional check
for understanding.

Application

Guided Practice (LSI Quadrant III):

Graphic Arts I: The ABC’s of Desktop Publishing with Adobe InDesign


©2003 Texas Trade and Industrial Education
4
▪ Students will then be asked to get out a pencil and paper and do a quick sketch of what they
think they would like their two-page newsletter to look like. Ask them to choose a class in
school that they can use some extra credit points in! (They might choose to do a story about
creative writing for their English teacher. They could do a story on banking for their Math
teacher… Maybe they could do a newsletter on foreign trade for their Geography teacher.)

▪ Then they should research their topic and come up with the content for their pages. At this
point, they may need to take some digital photos or research on the internet for copyright
free images to use in their newsletter.

▪ Some teachers subscribe to an image bank such as the one that I use (AbleStock.com).
This can be a valuable resource for student work as well.

▪ Students should create their sketches and turn them in for a quick teacher check before
proceeding on to the next step.

Independent Practice (LSI Quadrant III):


Return the sketches with any suggestions you may have, and then ask the students to proceed
with the first page layout in InDesign. This is where you will notice if they have had any prior
experience in any other page layout program. If they have, they will immediately begin to lay in
the text frames and the first graphic. If they have not, they may need assistance finding the
correct tools to do the job.

They need to find the “rectangle frame tool” to put in the text frames. To get text to flow into
these boxes, find the text tool (it is a capital letter T) and click on the left side of the text frame.
Then find the document that you are taking the text from and double click on it. InDesign will
automatically lay in the text for you. Any further character changes can be made inside of the
character palette.

Students can then frame in a picture using the same technique but instead of using the text tool,
the will go to File>Place. Then they can find the saved file and place it into the document.

Using a similar technique, students can create a new layer and lay in a background and then
create text wraps around their graphics as shown in the PowerPoint presentation. When they
have completed their 2-page layouts, they should print them and exchange them with five of
their classmates for “proofing” (our informal assessment) using the Newsletter Proofing Rubric.

Once five classmates have assessed their work, they should move on to the summary segment
below.
Summary

Review (LSI Quadrants I and IV):

Checking for understanding: (Q&A Session)

The reason that it is important to create a sketch prior to working on the computer is… (It is a
starting point for the job and it gives you a roadmap for your work.)

It is becoming more common to see Adobe InDesign being used in schools and in industry
Graphic Arts I: The ABC’s of Desktop Publishing with Adobe InDesign
©2003 Texas Trade and Industrial Education
5
because… (It works well with any of the other Adobe graphics products such as Illustrator and
Photoshop, both industry standards.)

What kind of file format works well to bring in a background that was created in Photoshop for
the newsletter? (A .tif works well because it provides a sharp, clear image for placement behind
text.)

What are the main components of the newsletter that we are creating for this project? (Text
boxes, body text, background image, graphics, and header.)

What is text wrapping? (Text wrapping is when body text flows around a photo or a graphic
within a text box.)

How does InDesign accomplish text wrapping around a Native Photoshop graphic? Hint: There
are only three steps! (1. Choose Window>Text Wrap. 2. Click on the “Wrap Around Shape
Object” icon. 3. From the pop up menu, choose Alpha Channel. This will activate the text wrap
effect.)

What does the term “place” mean? (The term “place” is really a term that asks you, the
computer user, to tell the program where to put the object. If you “place” a graphic inside a text
box, it will automatically adjust the text to allow the graphic to be inserted. So essentially,
File>Place is the same as asking, “Where do you want this to go?”)

How many spelling errors are acceptable in a printed piece? (Even the national publications let
one slip through every so often, but every attempt should be made to have NO spelling errors
whatsoever. Spell Check leaves us with a great tool to prevent sloppy spelling or bad typing.)

How can I get photos to use in my newsletter? (You should probably take your own photographs
whenever possible. Experience with photography is a real asset to any publication design team.
There are some photo search engines on the internet, but only use free photos with no strings
attached. Read carefully for copyright restrictions.)

Is the best way to create a newsletter headline to use Illustrator? (It works very well. There is
vector-based, which is mathematically based rather than pixel based, text in Photoshop now as
well. You can still create headlines within InDesign too! There are any number of ways to set
text for your newsletter headers.)

Can you compose your text using a program other than InDesign? (Yes, place your text from
Microsoft Word by double clicking on the word.doc after going to File>Place.)

Can you have control over the text once it is placed? (Yes, InDesign allows the designer to be in
charge if they do not like the automation of text placement that the program comes up with. The
human is always the boss.)
Evaluation

Informal Assessment (LSI Quadrant III):

When they have completed their 2-page layout, students should print them and exchange them
with five of their classmates for “proofing” (our informal assessment) using the Newsletter
Proofing Rubric.

Graphic Arts I: The ABC’s of Desktop Publishing with Adobe InDesign


©2003 Texas Trade and Industrial Education
6
Formal Assessment (LSI Quadrant III, IV):

Students will be asked to complete a project similar to the introductory project they completed in
the Guided Practice section, only this time the subject matter is of their own choosing, and the
length required is now doubled to four pages. This is a front page, an inside spread, and a back
page.

This may take them quite awhile at the introductory level, so give them some time to be creative
and to have fun. The main purpose is to give them time inside the software package to begin to
feel more at home with the tools and the capabilities of the program.

Some students will produce some amazing things on only their second project in InDesign.
Others may need more time to develop. The minimum requirements are to be met, however, or
they may be moving too slowly.

Use the Four-Page Newsletter Rubric to evaluate the assignment.

Extension/Enrichment (LSI Quadrant IV):

A suggestion for extension and enrichment would be to work in conjunction with school
administration or perhaps a journalism department to create and produce a school newspaper
as the students in Gig Harbor did. See
http://www.adobe.com/products/indesign/pdfs/gig_harbor_CS.pdf
for more information on how to create a winning school publication.

Graphic Arts I: The ABC’s of Desktop Publishing with Adobe InDesign


©2003 Texas Trade and Industrial Education
7
Graphic Arts
Desktop Publishing :
Simple Elements Working
Together in Adobe InDesign

©2003 Texas Trade and Industrial Education 1


How can I get started with my
newsletter?
z Simply create a master page with 3 text
boxes and one photo inserted into the right
text box.

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 2
Can I import an interesting
background for the newsletter?

z Create one in Adobe Photoshop and place it


into InDesign as a .tif file. This adds color and
interest.

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 3
Where will the text be created?
z Work in Illustrator to create an interesting
headline to save as a .tif and place in
InDesign.

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 4
What about the body text?
Where will that be created?
z It is as simple as creating a document in
Microsoft Word. This can then be placed
directly into your text boxes.

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 5
Will the text come in as it was
formatted in Word?
z InDesign will set the text up in the columns
that are already designated on your page.

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 6
Will the text flow nicely around
my inserted graphics?
z Yes, with a few simple steps, you can get
professional results in typesetting integrated
with graphics.

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 7
Remember these tips:
z With nothing selected in your document, choose
File>Place.
z Go to your saved graphic file, double click on it, then
return to your InDesign document and click where
you wish to place the graphic.
z Choose Window>Text Wrap.
z Click on the “Wrap Around Shape Object” icon.
From the pop up menu, choose Alpha Channel. This
will activate the text wrap effect.
z Clean and simple text wrapping around a photo!
©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 8
Following the same procedure will give me
clean results no matter how many pictures
I insert?
z No, there is a limit. However, with three
photos on this page, there was not a
problem.

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 9
You are the boss.
z Only you can make the ultimate decisions
about how the page looks. This one still
needs refining, but it is on its way to being
ready for publication!

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 10
Design a small newsletter for
your first project. Perhaps even
just one page, back and front.
z Trying to tackle an 8 page newsletter may be
too much for the first time. Work just with
text, photos, and a headline for your story.
z Those three elements are a great introduction
to this program, even though it does so much
more than just those things.
z Remember, you could produce a magazine
with this program when you are a pro!
©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 11
Your most important tools for
this introductory project:
z Text boxes
z Photo placement (File>Place) Then double-
click on saved photo file.
z Text Wrap
z Text placement from Word (File>Place) Then
double-click on saved Word.doc
z It is as easy as that!

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 12
Graphic Arts
Desktop Publishing:
Simple Elements Working
Together in Adobe InDesign

©2003 Texas Trade and Industrial Education 1

Trade & Industrial Education 1


How can I get started with my
newsletter?
z Simply create a master page with 3 text
boxes and one photo inserted into the right
text box.

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 2

•Safety rules protect you and those around you from injury.

Whose responsibility is safety and health in the classroom laboratory?


(Students’, teachers’, everyone’s)

Trade & Industrial Education 2


Can I import an interesting
background for the newsletter?

z Create one in Adobe Photoshop and place it


into InDesign as a .tif file. This adds color and
interest.

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 3

Trade & Industrial Education 3


Where will the text be created?
z Work in Illustrator to create an interesting
headline to save as a .tif and place in
InDesign.

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 4

Trade & Industrial Education 4


What about the body text?
Where will that be created?
z It is as simple as creating a document in
Microsoft Word. This can then be placed
directly into your text boxes.

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 5

Trade & Industrial Education 5


Will the text come in as it was
formatted in Word?
z InDesign will set the text up in the columns
that are already designated on your page.

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 6

Trade & Industrial Education 6


Will the text flow nicely around
my inserted graphics?
z Yes, with a few simple steps, you can get
professional results in typesetting integrated
with graphics.

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 7

Trade & Industrial Education 7


Remember these tips:
z With nothing selected in your document, choose
File>Place.
z Go to your saved graphic file, double click on it, then
return to your InDesign document and click where
you wish to place the graphic.
z Choose Window>Text Wrap.
z Click on the “Wrap Around Shape Object” icon.
From the pop up menu, choose Alpha Channel. This
will activate the text wrap effect.
z Clean and simple text wrapping around a photo!
©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 8

Trade & Industrial Education 8


Following the same procedure will give me
clean results no matter how many pictures
I insert?
z No, there is a limit. However, with three
photos on this page, there was not a
problem.

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 9

Trade & Industrial Education 9


You are the boss.
z Only you can make the ultimate decisions
about how the page looks. This one still
needs refining, but it is on its way to being
ready for publication!

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 10

Trade & Industrial Education 10


Design a small newsletter for
your first project. Perhaps even
just one page, back and front.
z Trying to tackle an 8 page newsletter may be
too much for the first time. Work just with
text, photos, and a headline for your story.
z Those three elements are a great introduction
to this program, even though it does so much
more than just those things.
z Remember, you could produce a magazine
with this program when you are a pro!
©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 11

Trade & Industrial Education 11


Your most important tools for
this introductory project:
z Text boxes
z Photo placement (File>Place) Then double-
click on saved photo file.
z Text Wrap
z Text placement from Word (File>Place) Then
double-click on saved Word.doc
z It is as easy as that!

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 12

Trade & Industrial Education 12


How can I get started with my
newsletter?
Simply create a master page with 3 text
Graphic Arts z
boxes and one photo inserted into the right
text box.
Desktop Publishing:
Simple Elements Working
Together in Adobe InDesign

©2003 Texas Trade and Industrial Education 1 ©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 2

Can I import an interesting


background for the newsletter? Where will the text be created?
z Create one in Adobe Photoshop and place it z Work in Illustrator to create an interesting
into InDesign as a .tif file. This adds color and headline to save as a .tif and place in
interest. InDesign.

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 3 ©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 4

What about the body text? Will the text come in as it was
Where will that be created? formatted in Word?
z It is as simple as creating a document in z InDesign will set the text up in the columns
Microsoft Word. This can then be placed that are already designated on your page.
directly into your text boxes.

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 5 ©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 6

Trade & Industrial Education 1


Will the text flow nicely around
my inserted graphics? Remember these tips:
z Yes, with a few simple steps, you can get z With nothing selected in your document, choose
professional results in typesetting integrated File>Place.
with graphics. z Go to your saved graphic file, double click on it, then
return to your InDesign document and click where
you wish to place the graphic.
z Choose Window>Text Wrap.
z Click on the “Wrap Around Shape Object” icon.
From the pop up menu, choose Alpha Channel. This
will activate the text wrap effect.
z Clean and simple text wrapping around a photo!
©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 7 ©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 8

Following the same procedure will give me


clean results no matter how many pictures
I insert?
You are the boss.
z No, there is a limit. However, with three z Only you can make the ultimate decisions
photos on this page, there was not a about how the page looks. This one still
problem. needs refining, but it is on its way to being
ready for publication!

©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 9 ©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 10

Your most important tools for


Design a small newsletter for
this introductory project:
your first project. Perhaps even
just one page, back and front. z Text boxes
z Trying to tackle an 8 page newsletter may be z Photo placement (File>Place) Then double-
too much for the first time. Work just with click on saved photo file.
text, photos, and a headline for your story. z Text Wrap
z Those three elements are a great introduction z Text placement from Word (File>Place) Then
to this program, even though it does so much
more than just those things. double-click on saved Word.doc
z Remember, you could produce a magazine z It is as easy as that!
with this program when you are a pro!
©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 11 ©2003 Texas Trade and Industrial Education Graphic Arts I: The ABC's of Desktop Publishing with Adobe InDesign 12

Trade & Industrial Education 2


Designer Name: Date:

Editor Name:

Newsletter Proofing Rubric


DESIGNER DIRECTIONS: Select 5 of your classmates to edit your work. Each editor should
individually complete a rubric for your newsletter.

EDITOR DIRECTIONS: As you review the publication, place a check in the appropriate column
beside each of the evaluation criteria. Include any comments for improvement in the space
provided.

Evaluation Criteria Yes No Comments

Document is free from


spelling errors.

There is a background
placed behind the body of
the page to add color.

There is a header created in


Illustrator or Photoshop.

There are three columns of


text on each page.

There are photographs


placed inside a column of
text.

There are at least two


examples of text wrapping.

Graphic Arts I: Newsletter Proofing Rubric


©2003 Texas Trade and Industrial Education
1
Designer Name: Date:

Four-Page Newsletter Rubric


Evaluation Scale Points Points
(Circle one in
Criteria each area) Available Earned Comments
No Errors 10
Spelling < 2 Errors 5
> 2 Errors 0

Background Color .tif 10


Placement White-no .tif 0

Artistic 10
Story Header Plain Text 5
No Header 0

2-3 per page 10


Text Columns None 0

Photos/ Graphic 10
Graphics None 0

3 Instances 10
Text Wrapping 2 Instances 6
1 Instance 3

TOTAL 60

Point Conversion:
0-20 Need to redo (Unacceptable)
21-30 Barely acceptable (D)
31-40 Keep improving (C)
41- 50 On the way! (B)
51- 60 This is looking good! (A)

Graphic Arts I: Four-Page Newsletter Rubric


©2003 Texas Trade and Industrial Education
1