Lesson 5: Image File Types Lesson 6: Scanning Lesson 7: Scanning 2 Lesson 8: Digital Photography 1 L

1
Lesson 5 Image File TypesLesson 6
ScanningLesson 7 Scanning 2Lesson 8 Digital
Photography 1Lesson 9 Digital Photography 2
LESSONS 5-9
Module 4 Working with Images
2

• Lesson 5 Image File Types
• In this lesson, we will
• Use the Internet to produce a definition for
  three graphic file types most often used on the
  Internet.
• GIF
• JPEG
• PNG
• Work in cooperative teams and teach the rest of
  the class about your assigned graphic type

3

• Lesson 5 Image File Types
• Guiding Questions
• In Web design, images are saved as different file
  types. What are they? When should the designer
  choose one over the other?

4

• Lesson 5 Image File Types
• Web sites
• Graphic file types http//www.webstyleguide.com/
  graphics/formats.html
• Image file types and how to choose
  http//www.wfu.edu/matthews/misc/graphics/formats
  /formats.html
• All image files http//www.fileinfo.net/filetype
  s/image

5

• Lesson 5 Image File Types
• Exploring image file types
• Research an image file type
• Create a mini-lesson
• Present the mini-lesson to the class
• Complete the Image File Type worksheet

6

• Lesson 5 Image File Types
• Lesson Review
• JPEG A graphic file type that is used primarily
  for photographs and has lossy compression.
• GIF A graphic file type that is used primarily
  for line art and simple animations.
• PNG A graphic file type that is used for static
  images with lossless compression.

7

• Lesson 5 Image File Types
• Assessment
• Why is it critical to know what file type you are
  working with or want to save as?
• If you were creating an animation for a Web page,
  what file type would you save the image as?
• What is the significance of a PNG file type, and
  when would you use it?
• What file type is commonly used in the
  photography world, and why?

8

• Lesson 6 Scanning
• In this lesson, we will
• Learn when and why scanned images are appropriate
  for the Web.
• Practice using a scanner and making appropriate
  choices, depending on the image and output.
• Create a sketch using line art (black marker)
  that will be scanned in the next lesson.

9

• Lesson 6 Scanning
• Guiding Questions
• In Web design, when is there a need for scanning
  images?
• How can the designer manipulate an image by
  scanning?
• Why is the resolution important when scanning?

10

• Lesson 6 Scanning
• Web sites
• What is a logo Visual Literacy
  http//k-8visual.info/
• Presenting Effective Web Graphics
  http//docs.rinet.ru/WebGraphics/ch6.htm

11

• Lesson 6 Scanning
• Scanning Activity
• Participate in class discussion
• Take notes on the Scanning Outline
• Observe the scanning process
• Sketch a caricature of your favorite pet,
  teacher, or food.

12

• Lesson 6 Scanning
• Lesson Review
• Review
• Resolution
• File type
• Flatbed scanner
• Scanning Modes
• line art
• halftones
• grayscale
• color
• true color
• spot color
• scanning with a specific palette

13

• Lesson 6 Scanning
• Assessment
• Why and when would you use a scanner in Web
  design?
• A client would like to scan a color photograph of
  broken glass, but would like the photo to create
  a dramatic impact. What scanning mode would you
  choose and why?
• When would a designer use black-and-white
  scanning mode?

14

• Lesson 7 Scanning 2
• In this lesson, we will
• Scan your sketch from the last lesson, and other
  photographs or pictures.
• Create an Image folder where all scanned images
  will be saved.

15

• Lesson 7 Scanning 2
• Guiding Questions
• Do you know how to scan in various modes for Web
  design?

16

• Lesson 7 Scanning 2
• Web sites
• Scanning tips http//www.scantips.com/
• How to scan using Microsoft Scanning Wizard
• http//www.ehow.com/how_2112067_image-using-mi
  crosoft-scanner-wizard.html
• How to scan using a Canon scanner
  http//www.cs.rutgers.edu/resources/howto/scanImag
  es/
• Scanning Tips, Tricks, Tutorials, and Techniques
  http//desktoppublishing.com/scanning.html

17

• Lesson 7 Scanning 2
• Last Lesson Check
• Why would we need scanned images for Web design?
• What type of scanner do we use and how do we
  orientate the picture to be scanned?
• What are the different scanning modes?
• When would you use the line art option?
• What option would you use for a color photograph?
  

18

• Lesson 7 Scanning 2
• Your family is throwing a family reunion in
  Cancun, Mexico.
• Each person in the family will post a personal
  Web site, including interests, pets, other
  family, and friends.
• Prepare for your Web site by collecting pictures
  showing the true you!
• Scan printed pictures (possibly of you as a baby
  and other activities).
• Next, you will scan the final logo and banner you
  have created for your Web site.
• Save all of these images in an Images folder
  you have created in your personal folder or on a
  flash drive, and save them for Web use
  (resolution 72-96 dpi, Web palette).
• You must have at least 6 images in your Images
  folder.

19

• Lesson 7 Scanning 2
• You will join a group and rotate to scan. Help
  one another.
• While other groups are scanning, go to
  Flickr.com, Ditto.com, or Yahoo images. Collect
  photographs that are pleasing to your eye.
• Find a photo, right-click on it, and save it in
  your Images folder.
• Think about what makes a good photograph and
  collect at least six. This will set up the next
  lesson on Digital Photography.

20

• Lesson 7 Scanning 2
• Lesson Review
• During this lesson, you practiced scanning images
  for your family reunion. You also saved
  photographs for the next lesson on Digital
  Photography.
• Scanning Modes Scanning modes refers to the
  various ways to scan images such as line art,
  halftones, grayscale, color, true color, spot
  color, and scanning with a specific palette

21

• Lesson 7 Scanning 2
• Assessment
• Just for kicks What scanning mode represents
  you? Why?
• What mode would represent other people, such as
  the
• principal
• coach
• custodian
• president

22

• Lesson 8 Digital Photography 1
• In this lesson, we will
• Explore digital photography .
• Discover compositional styles.
• Analyze and share photographs collected in the
  last lesson.

23

• Lesson 8 Digital Photography 1
• Guiding Questions
• How is digital photography changing the
  photography world?
• How is digital photography used in Web design?
• What compositional techniques help make a good
  photograph?

24

• Lesson 8 Digital Photography 1
• Web sites
• Digital Photography Class http//digitalphotogra
  phyclass.net/
• Composition tips http//www.photolaureates.org/t
  utorial/composition/
• More composition tips http//digital-photograph
  y-school.com/blog/category/composition-tips/

25

• Lesson 8 Digital Photography 1
• Digital Photography A form of photography that
  uses digital electronic technology to create
  digital images of subjects. Digital images can
  be displayed, printed, manipulated, transmitted,
  and stored using computer techniques.

26

• Lesson 8 Digital Photography 1
• Composition The layout of elements in a
  photograph
• Factor framing Enclosing a subject in a natural
  frame
• Lighting The use of light in a photograph to
  create strategic effects.
• Lead Room The space in front of an object that
  appears to be moving in a photograph.
• Rule of Thirds A composition rule - photograph
  is split into 9 equal parts and the subject is
  placed on one of the 4 intersecting points.
• Background The area behind the subject in a
  photograph.
• Orientation The photograph format either
  portrait or landscape.

27

• Lesson 8 Digital Photography 1

28

• Lesson 8 Digital Photography 1
• Activity
• Share the photos you collected from the previous
  lesson with a partner.
• List the compositional techniques found in the
  photos collected. (Some may not have any
  composition techniques, just a picture!)
• Pick your favorite photograph that shows one of
  the compositional techniques discussed.
• Place the photo in a class folder on the server
  and rename as with your name.
• Be prepared to share with the class.

29

• Lesson 8 Digital Photography 1
• Lesson Review
• Compositional techniques
• Digital Photography
• Factor framing
• Lighting
• Lead Room
• Rule of Thirds
• Background
• Orientation

30

• Lesson 8 Digital Photography 1
• Assessment
• How is digital photography integrated into the
  World Wide Web?
• What is your favorite compositional technique of
  photography? Why?
• Draw the grid of the Rule of thirds. Where do
  you place your subjects on the grid?
• Make a list of objects that can frame a subject
  in your photograph.

31

• Lesson 9 Digital Photography 2
• In this lesson, we will
• Solve a problem by using photography.
• Take photographs at school and create a
  mini-multimedia presentation.
• Share this presentation with another audience
  other than classmates.

32

• Lesson 9 Digital Photography 2
• Guiding Questions
• How can photography create a message?
• How can photography solve a problem?

33

• Lesson 9 Digital Photography 2
• In your group, list possible problems you see in
  our school. Now, with each problem, list
  possible solutions. You will share these with
  the class.
• Individually, choose a problem/solution you would
  like to produce into a Photo Story.
• If another student is working on the same
  problem/solution, you can work on the initial
  storyboarding together, but in the end, you will
  be responsible for your own Photo Story.

34

• Lesson 9 Digital Photography 2
• Lesson Review
• During this lesson, we learned how photographs
  have an impact and can solve a problem. We
  created a Photo Story and presented it to an
  audience.
• Reflect in your journal What impact did my
  Photo Story make on my audience?
• Is composition/subject of the photos important
  for my message? If so, why?

35

• Lesson 9 Digital Photography 2
• Assessment
• In Photo Story, what other key components convey
  your message?
• Is it possible to post your Photo Story to a Web
  site? If so, how and why?