curriculum.naf.orgcurriculum.naf.org/packaged/assets/downloads/shared... · web viewin this image...

NAF Graphic Design

Lesson 4Getting Started with Photoshop

Student Resources

Resource Description

Student Resource 4.1 K-W-L Chart: Image Size, Canvas Size, and Resolution

Student Resource 4.2 Reading: Tips on Composition Balance

Student Resource 4.3 Practice and Notes: Creating and Manipulating Layers

Student Resource 4.4 Image Series: Editing Using Selections

Student Resource 4.5 Practice Exercises: Using Selection Tools

Student Resource 4.6 Assignment Sheet: Creating an Original Multilayer Image

Student Resource 4.7 Planning Sheet: Multilayer Image

Copyright © 2011–2015 NAF. All rights reserved.

NAF Graphic DesignLesson 4 Getting Started with Photoshop

Student Resource 4.1

K-W-L Chart: Image Size, Canvas Size, and ResolutionStudent Name:_______________________________________________________ Date:___________

Directions: For each topic, write what you know about the topic in the first column, and write what you would like to know in the second column. As you learn new things about image size, canvas size, and resolution in this lesson, write what you learn in the third column.

What I Know What I Want to Know What I Learned

Image size

Canvas size

Resolution




Reading: Tips on Composition BalanceDirections: Read the following selection according to your teacher’s instructions.

There are many ways of balancing a photograph to compose an interesting image. Effective composition can be a mix of light and dark, of big and small objects, or of sharp and soft areas.

Symmetry and patterns, such as those in this forest, are very eye-catching. Symmetrical balance means everything is perfectly and evenly distributed. A picture is even more interesting when the symmetry is broken, as it is by the log that the person is walking over in this example. This creates tension and makes the image come to life. This image showcases another trick to make a composition more interesting: it uses a little splash of red color in an overall gray image. That creates a picture with more impact.

Geometric shapes within an image can make for an interesting composition. Look at the image of the barracuda swirl. The spiral draws your eye in and lands your focus on the diver. The fish spiral serves as a natural frame at the same time. The balance of dark and light in this shot adds visual interest and keeps everything from looking alike.

Another composition tip is to use different viewpoints. Shooting from a vantage point other than eye level can make for a really captivating photo. Both the forest and the barracuda swirl are shot from below, and this unusual viewpoint adds intrigue.



In this image with the man in the tree, the subject is slightly off center. This makes the image more dynamic. The tree is a good example of something diagonally leading your eye into the image toward the focal point of the scene: the man who is on the lookout. The eye likes to follow lines and will follow them naturally. The difference in scale between the man and the trees creates a nice sense of depth.

Don’t be afraid to crop in very close to your subject as in this portrait. Crop tight to make sure the viewer looks at your subject with undivided attention. Cropping this way eliminates any distraction in the background.




Practice and Notes: Creating and Manipulating LayersStudent Name:_______________________________________________________ Date:___________

Directions: Follow along on your computer as your teacher demonstrates different ways you can edit an image using layers. You will be starting with the image on the left, below, and your final image should look something like the image on the right. Use the prompts listed on this page to take notes that will help you remember the different procedures you learn. The first one is done as an example.

1. Naming layers

Every layer should have a meaningful name. Select layer and double-click to rename.

2. Grouping layers

3. Duplicating a group or a layer

4. Using free transformation to resize a layer

5. Deleting a layer



6. Creating a new layer

7. Specifying a color

8. Using the Rectangle tool

9. Using free transformation to rotate

10. Using the Brush tool

11. Creating a Hue/Saturation layer




Image Series: Editing Using SelectionsDirections: Follow your teacher’s instructions to answer questions about how the final image in each series is constructed using a selection from the first image.

Framed Leopard Series

Cloudy Beach Houses Series



Sweater Series

Musician on Stage Series




Practice Exercises: Using Selection ToolsDirections: Complete the exercises below by using what you already know about selections and by following the instructions.

Exercise 1: Putting the Musician on StageFollow the steps below to put the musician on stage. For this selection, try using the Quick Selection tool. It allows you to click an area of color to have Photoshop create a selection based on adjacent pixels. It also detects the edge. An easy solution is to use the Quick Selection tool to select all of the background (everything except the musician and his guitar). In this case, it is much easier to select what you don’t want than what you do want! Then you can inverse the selection so that only the musician and his guitar are selected. Follow these steps:

1. Open the Musician.jpg and Stage.jpg files in Photoshop and arrange them as tiles.

2. Click the Musician image to activate it, and select the Quick Selection tool (Shift+W).

3. Starting in the upper left corner of the image, click and drag the Quick Selection tool all around the outside edges of the image. Everything except the musician and guitar will be selected.

4. Look for areas of the musician that are included in the selection (like the hand on the guitar and

the shoes). Use the Subtract from Selection icon in the Options bar to refine these parts,

so that none of the musician is included in the selection.

5. Use the Shift+Control+I shortcut to inverse the selection. Now the musician and guitar should be selected. If there’s time, try using a combination of tools for even more precise selections. See how using the Magic Wand tool, set at different tolerance settings (Options bar), affects the ease and accuracy of the desired selection.

6. Use the Move tool to move (drag) the musician onto the Stage image. This will create a new layer in the Stage image.

7. Use free transformation (Ctrl + T) to resize the musician so that he looks right on the stage. Hold down the Shift key when you do this to maintain proportions of the musician.

8. Save your new image as a PSD file.

Write a complete answer to the following question:

Why is an inverse selection easier when selecting the musician?



Exercise 2: Putting Clouds over the Beach HouseIn this exercise, you will try different selection tools to determine which one is the best for selecting clouds in the Clouds.jpg image and placing them in the BeachHouses.jpg image.

1. Open the BeachHouses.jpg and Clouds.jpg files in Photoshop, and arrange them as tiles.

2. Use the following tools to select clouds in the Clouds image and move them into the sky of the BeachHouses image.

a. Magnetic Lasso tool: Using what you have already learned about the Lasso tool, try using the Magnetic Lasso tool to select clouds and move them to the BeachHouses image.

b. Magic Wand tool: Try using the Magic Wand tool to outline clouds and move them to the BeachHouses image.

c. Rectangular Marquee tool: Using the Rectangular Marquee tool (or Select > All in the menu bar), select the entire image and move it to cover the sky of the BeachHouses image.

3. Save your new image as a PSD file.

Write a complete answer to the following two-part question:

Which tool works best? Why do you think this tool is best for this task?




Assignment Sheet: Creating an Original Multilayer Image

Student Name:_______________________________________________________ Date:___________

Directions: In this assignment, you will plan, create, and annotate a multilayer image to put on the cover of your Graphic Design course notebook. To begin, look at the specifications for the image you will be creating, and look at the assessment criteria so that you understand how your work will be assessed. Then follow your teacher’s instructions to work through the three parts of this assignment.

Design SpecificationsYour image must include:

At least five graphics/photos that you have cut out using any of the selection tools.

At least one adjustment layer.

The name of this course and your name.

Interesting placement of photos and text. Items must work together and be pleasing to the eye.

Your cover should be 8 by 10 inches, 300 dpi, since it will be printed and will need to fit nicely on your notebook.

Annotation SpecificationsWrite a note to explain your image, making sure to answer the following questions:

Why did you create this particular image for your notebook?

Describe each of the selections in your image. What tool did you use to make each selection, and why did you choose the tool?

How does your image show composition balance?

Tips for Handling Your Layers You can add or delete layers at any time without affecting other objects in the image. To add a

new layer, open the Layers panel and click on the little icon on the bottom next to the Trash icon. If you are not sure what an icon does, hover your mouse over it until its title appears.

Give your layers meaningful names.

Stacking order: layers on top in the Layers panel are seen first.

Use the eye icon to show or hide layers.

Grouping layers helps to keep things organized and keeps the Layers panel from getting too big.

Tips for Choosing the Right Selection Tool Marquee selection tools: Select by shape.

Polygonal Lasso tool: Draws straight edge segments for a selection border. Click to set end points for selections. Use Delete key to remove segments. (You can also remove parts of selected segments by going to the Options bar and toggling between Add to Selection and Subtract from Selection.)



Magnetic Lasso tool: Detects edges and sticks to them. Use Delete key to remove segments. (You can also remove parts of selected segments by going to the Options bar and toggling between Add to Selection and Subtract from Selection.)

Magic Wand tool: Selects by color. Works well with large areas of similar color.

Quick Selection tool: Detects edge in combination with selection by color. Works well with inverse selections.

Make sure your work meets or exceeds the following assessment criteria: Selections are accurate and show evidence of careful work to get them just right.

Layers are in the correct order to achieve the desired result.

All layers have names that are meaningful, indicating their content.

Layers that go together are grouped appropriately.

An adjustment layer is used effectively to enhance the image.

The image complies with all of the specifications.

The image shows composition balance, with all of the items working together.

The image annotation gives the reader a clear idea about how you created your image and explains why you worked the way you did.

The annotation is neat, with correct spelling and grammar.




Planning Sheet: Multilayer ImageDirections: Answer the questions below to plan out the image you want to create for your Graphic Design course notebook cover. Remember that creating a good plan before you start working will help you to create an effective image. If you want to do something but you’re not sure how to do it, make sure you list this in your questions. You can get help with your questions from a peer or from your teacher.

1. What is the message you want to communicate on the cover of your Graphic Design notebook? What do you want to tell the people who see your notebook?

2. Describe the image that you plan to create. What does it look like? What is the final size specification?

Write the names of the image files that you will use to create your image. You can find royalty-free images at http://commons.wikimedia.org/wiki/Main_Page, or visit http://www.rastervector.com/resources/free/free.html for a list of sites with images in the public domain.

3. Write the names of the layers you plan to create.

Background layer:

4. Describe the selections that you plan to bring into your image.

5. Additional notes about what you want to accomplish with your image.

6. Questions you have about how best to achieve effective results.


http://www.rastervector.com/resources/free/free.html

http://commons.wikimedia.org/wiki/Main_Page

curriculum.naf.orgcurriculum.naf.org/packaged/assets/downloads/shared... · web viewin this image...

Documents