PhotoshoP Project 1georgejenkinshs.com/wp-content/uploads/Photoshop_proj1_10.pdf6 PhotoshoP Project...
Transcript of PhotoshoP Project 1georgejenkinshs.com/wp-content/uploads/Photoshop_proj1_10.pdf6 PhotoshoP Project...
1
PhotoshoP Project 1: Create Vector Art
1. Open your image in Photoshop.
2. Save your Photoshop document as vectorart.
3. Duplicate the background layer twice.
4. Rename the middle layer posterized.
5. Rename the top layer tracereference.
6. Hide the trace reference layer.
7. Select the posterized layer.
8. Desaturate the layer by clicking Image on the Application bar, pointing to Adjustments, and
then clicking Desaturate. (Note: The next step will make the shading more pronounced and
give you an idea how to draw your vector shapes.)
9. Posterize the layer by clicking Image on the Application bar, pointing to Adjustments, and then
clicking Posterize. (Note: Set the level to a number that will highlight the colors in your pic-
ture, approximately 9.)
10. Hide the posterized layer, and then show the trace reference layer. (Note: Do not select the
trace reference layer; you will use the posterized layer as a guide when tracing your image when
you have trouble deciding where to draw a shape.)
ObjectivesPracticed
Duplicate and name layers Work with the Pen tool
Create new layers Work with shape layers
Show and hide layers Zoom in and out of a document
Apply the desaturate adjustment Use the Color picker
Apply the posterize adjustment
You want to surprise your mother with a picture of you that looks hand drawn. Take a digital picture of yourself or scan your school portrait to use in this project. You will convert the photograph in Photoshop to vector art.
04_C7867_PS01-10_ptg01_hr_01-19.indd 1 9/9/11 9:02 AM
2
PhotoshoP Project 1: Create Vector Art11. Select the Pen tool, and then set options to create Shape layers, as shown in the figure below.
Create new shape layer button
Shape layers button Set color for new layer button
Add to shapearea (+) button
12. Using the Color picker, click the face to set the color for the trace reference layer.
13. With the posterized layer selected, trace the face. (Note: The new vector mask layer is below
the trace reference layer.)
14. Rename the layer face.
15. Hide the trace reference layer to check your work.
16. Show the trace layer, and then make corrections on the face layer, if necessary.
17. Lock the face layer when you are satisfied with your work.
18. Continue to trace the image using this process. (Note: Trace portions of the image based on
shading, using the posterized layer as a guide.)
19. Hide the posterized layer, trace reference layer, and background layer. (Note: Only your vec-
tor shape layers should remain visible, and your
picture should be complete.)
20. Save your Photoshop document in the native
PSD file format and as a JPEG image to facilitate
printing.
21. Close your Photoshop document, and then exit
Photoshop.
hint
Don’t merge or rasterize the shape layers. The shape layers are vector shapes and can be resized without becoming pixelated.
CriticalThinkingResearch the movie poster for the film A Scanner Darkly to see a well-done line art drawing
based on a photo.
04_C7867_PS01-10_ptg01_hr_01-19.indd 2 9/9/11 9:02 AM
3
1. Open your image in Photoshop.
2. Save your Photoshop document as lineart.
3. Unlock the background layer.
4. Remove any color that may be in your image by
clicking Image on the Application bar, pointing to
Adjustments, and then clicking Desaturate.
5. Click Image on the Application bar, point to
Adjustments, and then click Curves.
6. In the Curves dialog box, adjust the line to clean up the image and remove the smudges and
marks. (Note: Be sure the Preview box is selected while you adjust the image.)
7. Click OK when you are satisfied with the image.
8. Open the Channels panel from the Window menu, press and hold Ctrl (Win) or command (Mac),
and then click each channel.
9. Select Inverse on the Select menu.
10. Open the Layers panel, create a new layer, and then name it outline. (Note: You should still
have the selection.)
Your school is having an anime festival to raise money for your prom. The festival sponsor has heard about your skills in Photoshop and has asked you to create a poster to advertise the event. She would like you to find some manga line drawings on the Internet that you can then color. ( Note: Always check the copyright information on any media you download from the Internet.) The event will take place in the school auditorium on March 25 at 6:30 pm, the cost is $5.
ObjectivesPracticed
Duplicate and name layers Use the Paint Bucket tool
Create new layers Use the Dodge and Burn tools
Show and hide layers Zoom in and out of a document
Working with the curves adjustment Work with the Type tool
Applying the desaturate adjustment Apply layer styles
Work with channels
PhotoshoP Project 2: Coloring Line Art
hint
The image needs to be black and white; the image you are working with may have smudges or marks from the scanner.
04_C7867_PS01-10_ptg01_hr_01-19.indd 3 9/9/11 9:02 AM
4
PhotoshoP Project 2: Coloring Line Art11. Select Stroke on the Edit menu.
12. In the Stroke dialog box, set the width to 2px, the color to black, the location to Center, and
then click OK. (Note: Your goal is to create a clean black line of your drawing. If you see that
your line is not “filled” with black, select the area again and paint over it with a black Brush
tool color or fill it with the Paint Bucket tool.)
13. Deselect the selection.
14. With Layer 0 selected, begin coloring your line art
with the Paint Bucket tool. (Note: If your colors do
not “spill” nicely, you may need to zoom in on the
image and close the line on the outline layer with the Pencil tool or the Brush tool.)
15. Use the Dodge tool and the Burn tool to create shading.
16. Add text to your document, including the name of the event, location, time, and cost.
17. Add layer styles to your text.
18. Save your Photoshop document in the native PSD file format and as a JPEG image to facilitate
printing.
19. Close your Photoshop document, and then exit Photoshop.
hintPress Ctrl+D (Win) or command+D (Mac) to deselect the active selection.
CriticalThinkingSearch for a line art image using Google Images, and then choose Line drawing as the type
when searching.
04_C7867_PS01-10_ptg01_hr_01-19.indd 4 9/9/11 9:02 AM
5
1. Open an image in Photoshop.
2. Save your Photoshop document as Warholphoto.
3. Unlock the Background layer and rename it photo.
4. Create a new white layer, move it to the bottom of the Layers panel, and then rename it
background.
5. On the photo layer, crop your image, and then make any corrections to it with any of the neces-
sary tools to do so. (Note: Tools could include the Spot Healing Brush tool, Healing Brush tool,
Red Eye tool, or Clone Stamp tool.)
6. On the photo layer, isolate your image from the background, and then remove the background.
7. Select the photo layer, and then desaturate the layer.
8. Adjust the brightness and contrast to create a dramatic photo in black, white, and grays.
9. Apply the Cutout filter, reducing the number
of colors in the image.
10. Adjust the levels. (Note: Move the sliders so that
the photo becomes black, white, and a few shades
of gray.
11. Apply the Cutout filter again, adjusting the edge
simplicity.
You have been studying famous artists in your art class. Your instructor has asked you to mimic a style of one of the artists you have studied using a picture of yourself. You have decided to create two posters in the style of artist Andy Warhol.
ObjectivesPracticed
Create and name layers Create guides
Make selections Create groups
Apply filters Duplicate groups
Work with adjustments
PhotoshoP Project 3: Create the Andy Warhol Effect
hint The Cutout filter is found under the Artistic category.
hintThe Levels command can be found under the Image menu when pointing to the Adjustments category.
04_C7867_PS01-10_ptg01_hr_01-19.indd 5 9/9/11 9:02 AM
6
PhotoshoP Project 3: Create the Andy Warhol Effect12. Save your Photoshop document.
13. Create a new Photoshop document.
14. In the New Document window, set the size to 24"318", the mode to CMYK Color, and the
resolution to 300ppi.
15. Save your Photoshop document as Warhol.
16. In the Layers panel, create a new group.
17. Arrange your documents with the 2-Up option.
18. Drag your photo from the Warhol photo to the
group you created in the Warhol document.
19. Create a new layer below the photo layer, and then
name it colorsquare.
20. Select the Rectangle tool, choose a bright color, and then draw a rectangle on the color square
layer the size of the image. (Note: Be sure the color square layer is selected and the mode is
set to Shape layers before drawing the rectangle.)
21. Display rulers in inches if necessary, create vertical guides at 6", 12", and 18", and then create
horizontal guides at 3", 9", and 15". (Note: Right-click the ruler, and then select inches.)
22. In the Layers panel, click Group 1. (Note: This will select both layers in the group.)
23. Select Free Transform on the Edit menu.
24. Move the selection to the second square in the first column, resize the selection to fit in the
square, and then press Enter (Win) or return (Mac) to apply the scaling. (Note: Press and hold
Shift while resizing the image so the image’s proportions remain intact.)
25. Duplicate Group 1, change the number of the group in the Duplicate Group dialog box to 2,
and then repeat until you have eight groups. (Note: Right-click (Win) or ctrl-click (Mac) the
group, and then choose Duplicate Group.)
26. Arrange the groups so there is one in each square in the middle rows.
27. Change the colors so each group has a different bright color. (Note: Double-click the color
square layer thumbnail to change the color.)
hintMinimize the Warhold photo and continue to work in the Warhol.
04_C7867_PS01-10_ptg01_hr_01-19.indd 6 9/9/11 9:02 AM
7
28. Create a new layer between the color and photo layer in Group 1, and then name it imagecolor.
29. Select the image color layer, and then Ctrl-click (Win) or command-click (Mac) the photo layer
thumbnail in Group 1 to create a selection.
30. Select the Paint Bucket tool, choose a complementary bright color to the color in Group 1, and
then click inside the selection to spill the color. (Note: The color mode will be adjusted on the
photo layer in step 32 to make the color visible.)
31. Deselect your selection.
32. In Group 1, select the photo layer, and then change the Blending mode to Screen.
33. Repeat steps 28–32 for each group.
34. Save and close your Photoshop documents, and
then exit Photoshop.
PhotoshoP Project 3: Create the Andy Warhol Effect
CriticalThinking
Research Andy Warhol on the Internet and analyze his work.
hintIf necessary, select the image color layer and adjust the Hue/Saturation to fine-tune the color.
04_C7867_PS01-10_ptg01_hr_01-19.indd 7 9/9/11 9:02 AM
8
1. Open your image in Photoshop.
2. Save your Photoshop document as house.
3. Duplicate the Background layer.
4. Select the Background copy layer, hide the Background layer, and then remove the background
from the image of the house.
5. Desaturate the Background copy layer by clicking Image on the Application bar (Win) or Menu
bar (Mac), pointing to Adjustments, and then clicking Desaturate.
6. Show the Background layer.
7. With the Background copy still selected, adjust
the threshold by clicking Image on the Application
bar, pointing to Adjustments, and then clicking
Threshold.
8. Open the Filter Gallery, expand the Texture category, and then apply the Grain filter.
A local homebuilder has hired your design company to create a new ad. The client would like you to take a picture of one of its homes and make it look like line art blended into a photo. The client wants the image to go from a hand-drawn sketch, or blueprint, of a house to a final digital image of the house. You have decided to create a sample image as a design comp, using a photo of your own home while they take time to decide which house they plan to use.
ObjectivesPracticed
Duplicate layers Apply filters
Make selections Work with masks
Work with adjustments Work with the Polygonal Lasso tool
PhotoshoP Project 4: Convert a Photo to a Line Art
hintCreate a black-and-white image that appears to look like clip art.
04_C7867_PS01-10_ptg01_hr_01-19.indd 8 9/9/11 9:02 AM
9
9. Click the New effect layer icon, expand the Sketch category, and then change the top Grain
filter to the Photocopy filter. (Note: This will make the image look like it is similar to a
blueprint.)
10. Close the Filter Gallery window.
11. Create a layer mask on the Background copy layer, draw a diagonal selection on the right side
of the layer, and then with the mask selected, spill the color black into the selection and turn
off the selection. (Note: The original image should now appear where you spilled the black
color.)
12. Save your Photoshop document in the native PSD file format and as a JPEG image to facilitate
printing.
13. Close your Photoshop document, and then exit Photoshop.
PhotoshoP Project 4: Convert a Photo to a Line Art
04_C7867_PS01-10_ptg01_hr_01-19.indd 9 9/9/11 9:02 AM
10
1. Create a new Photoshop document.
2. In the New Document window, set the size to 18"324", and the mode to CMYK Color.
3. Save your Photoshop document as cityscapecollage.
4. Place the images into your document, and then resize them as necessary.
5. Rename the layers with appropriate names that describe the picture on the layer.
6. Work with each of the images to extract images from their backgrounds to help create layering.
(Note: Consider applying filters to images and adjusting layer opacity.)
7. Reorder layers, if necessary, when layering the images. (Note: Use masks to help with layering
and blending of images.)
8. Change the color of the background to complement your layout.
9. Use the Type tool to add a title to the page. (Note: Apply layer styles if you would like to
enhance your text.)
The Travel and Tourism Bureau in your town has announced a contest for a new promotional poster. The poster needs to be 18" 3 24" in the CMYK color mode. You need to include a text file citing the sources of your image. If your poster is selected, they would like to contact the owners of the images for permission to use their photos. You have decided to use your Photoshop skills and enter the contest. Create a cityscape collage using landmarks, buildings, and other identifiers of your town. (Note: Always check the copyright information on any media you download from the Internet.)
ObjectivesPracticed
Create and name layers Blend layers
Import digital images Work with text
Extract images from their backgrounds Apply layer styles
Work with masks
PhotoshoP Project 5: Create a Cityscape Collage
04_C7867_PS01-10_ptg01_hr_01-19.indd 10 9/9/11 9:02 AM
11
PhotoshoP Project 5: Create a Cityscape Collage
10. Save your Photoshop document in the native PSD file format and as a JPEG image to facilitate
printing. The figure below shows an example of a cityscape collage.
11. Close your Photoshop document, and then exit Photoshop.
CriticalThinkingFind images of your town or city on the Internet to use for this project; be sure to obtain large
images. Keep a sources cited list when gathering your images.
04_C7867_PS01-10_ptg01_hr_01-19.indd 11 9/9/11 9:02 AM
12
1. Create a new Photoshop document.
2. In the New Document window, set the Preset to U.S. Paper, the size to Letter, and the mode to
CMYK Color.
3. Save your Photoshop document as scrapbook.
4. Place your images into your document, and then resize them as necessary.
5. Rename the layers with appropriate names that describe the picture on the layer.
6. Use the Custom Shape tool and the Custom
Shape picker to select shapes to draw around your
pictures.
7. Apply layer styles to the shapes you have drawn.
8. Change the color of the background to comple-
ment your layout.
9. Use the Type tool to add captions to the images,
as well as a title for the page. (Note: Apply layer
styles if you would like to enhance your text.)
You really enjoy scrapbooking, but the supplies are very expensive. You have decided to use some of your childhood pictures to create an electronic scrapbook page in Photoshop that you can print. Collect at least five images from when you were in grade school to use for this project.
ObjectivesPracticed
Duplicate and name layers Make selections
Create new layers Zoom in and out of a document
Show and hide layers Apply filters
Change the order of layers Work with adjustments
PhotoshoP Project 6: Create an Electronic Scrapbook Page
hintSelect a complementary color to the picture you are framing with a shape.
hint
Use the Eraser tool to customize the shape of your picture to fit the shape you have selected; you will need to rasterize the layer before you can erase parts of the image.
04_C7867_PS01-10_ptg01_hr_01-19.indd 12 9/9/11 9:02 AM
13
10. Save your Photoshop document in the native
PSD file format and as a JPEG image to facilitate
printing.
11. Close your Photoshop document, and then exit
Photoshop.
PhotoshoP Project 6: Create an Electronic Scrapbook Page
hint
When selecting a new shape library in the Custom Shape picker, click Append to add tool presets to your choices rather than replacing the current tool presets.
04_C7867_PS01-10_ptg01_hr_01-19.indd 13 9/9/11 9:02 AM
14
1. Create a new Photoshop document.
2. In the New Document window, set the size to 13"319", and the mode to CMYK Color.
3. Save your Photoshop document as inspiration.
4. Use the Type tool to add the quote. (Note: Apply
layer styles if you would like to enhance your text.)
5. Use the Brush tool or Custom Shape tool to
enhance your poster.
6. Change the color of the background to comple-
ment your layout.
7. Save your Photoshop document in the native PSD
file format and as a JPEG image to facilitate printing.
8. Close your Photoshop document, and then exit Photoshop.
Your teacher wants to decorate the classroom with inspirational quotes to motivate her students. She has asked each student in your class to create a poster using inspirational quotes. She would like you to demonstrate your Photoshop skills and creativity by only using resources available in Photoshop to create your poster.
ObjectivesPracticed
Work with text Work with brushes
Change the order of layers Work with custom shapes
PhotoshoP Project 7: Create an Inspirational Poster
hint
Placing text on separate layers will make it easier to place the text in a creative way and to change the formatting.
hintTo find more custom shape libraries, visit www.myphotoshopbrushes.com.
CriticalThinking
Conduct research on the Internet for inspirational quotes.
04_C7867_PS01-10_ptg01_hr_01-19.indd 14 9/9/11 9:02 AM
15
1. Create a new Photoshop document.
2. In the New Document window, set the size to 11"317" and the mode to CMYK Color.
3. Save your Photoshop document as theatreposter.
4. Place your images into your document, and then resize the images as necessary. The figure
below shows an example of a high school theatre production. (Note: Always check the copyright
information on any media you download from the Internet.)
Your school is putting on their annual theatre production. The theatre art’s director has heard that you are very creative and quite skilled in Photoshop. He has asked you to design the poster for this year’s performance. The show will be held in your school’s auditorium on October 22 at 8:00 pm. Tickets are $5. This year’s production will be West Side Story.
ObjectivesPracticed
Duplicate and name layers Make selections
Create new layers Zoom in and out of a document
Show and hide layers Apply filters
Change the order of layers Work with adjustments
PhotoshoP Project 8: Design a Theatre Arts Production Poster
04_C7867_PS01-10_ptg01_hr_01-19.indd 15 9/9/11 9:02 AM
16
5. Rename your layers with an appropriate name that describes the picture on the layer.
6. Apply adjustments to the layers with the pictures on them.
7. Use the Type tool to add the title, time, location, and cost. (Note: Apply layer styles if you
would like to enhance your text.)
8. Change the color of the background to complement your layout.
9. Save your Photoshop document in the native
PSD file format and as a JPEG image to facilitate
printing.
10. Close your Photoshop document, and then exit
Photoshop.
PhotoshoP Project 8: Design a Theatre Arts Production Poster
CriticalThinkingConduct research on the Internet for Broadway theatre posters for ideas on how to design
your poster.
hint
Research West Side Story on the Internet to understand the storyline, which will help you develop an original poster.
04_C7867_PS01-10_ptg01_hr_01-19.indd 16 9/9/11 9:02 AM
17
1. Create a new Photoshop document.
2. In the New Document window, set the Preset to U.S. Paper and the size to Letter.
3. Save your Photoshop document as bookcover.
4. Place your vegetable images into your document, and then resize the images, if necessary.
5. Color your vegetables. (Note: Use the Dodge tool and the Burn tool to add shading to your
vegetables.)
6. Rename your layers with an appropriate name that describes the picture on the layer.
7. Reorder the layers, if necessary.
8. Change the color of the background to complement your layout.
9. Use the Type tool to add the title and author’s name to the page. (Note: Apply layer styles if
you would like to enhance your text.)
10. Save your Photoshop document in the native PSD file format and as a JPEG image to facilitate
printing.
11. Close your Photoshop document, and then exit Photoshop.
The author of a children’s book has asked you to design the cover. The title of her book is Eating Vegetables is Fun. It is a picture book to teach young children who are learning to read the names and appearance of vegetables. She would like the cover of the book to include the title, her name—Ann Harring, and cartoon images of vegetables that will attract children to her book. (Note: Always check the copyright information on any media you download from the Internet.)
ObjectivesPracticed
Create new layers Use the Dodge tool
Show and hide layers Use the Burn tool
Change the order of layers Apply layer styles
Use the Paint Bucket tool
PhotoshoP Project 9: Design a Book Cover
CriticalThinking
Search for vegetables with Google Images; choose the Line drawing option when searching.
04_C7867_PS01-10_ptg01_hr_01-19.indd 17 9/9/11 9:02 AM
18
1. Create a new Photoshop document.
2. In the New Document window, set the size to 13"319" and the mode to CMYK Color.
3. Save your Photoshop document as pillar.
4. Place the image in your document, and then rasterize the image so you can edit it.
5. Rename the layer with the person’s name.
6. Use filters to enhance the image of the person.
7. Use the Type tool to add the pillar as a title to your document.
8. Use the Type tool to add each of the adjectives you have identified.
9. Apply layer styles to enhance your text.
10. Use the Brush tool or Custom Shape tool to enhance your poster.
11. Reorder layers, if necessary.
12. Change the color of the background to complement your layout.
The school board in your district wants to recognize individuals in your community who represent the six pillars of character. The board is asking students to nominate their choice for each pillar. You have decided to use your Photoshop skills and create a poster of your nominee. Choose one of the six pillars: trustworthiness, respect, responsibility, fairness, caring, or citizenship. Create a list of at least six adjectives that describe why this person is a pillar to you. (Note: Always check the copyright information on any media you download from the Internet.)
ObjectivesPracticed
Create new layers Apply layer styles
Work with filters Work with text
Work with the Brush tool Reorder layers
Work with custom shapes
PhotoshoP Project 10: Design a Pillar Poster
04_C7867_PS01-10_ptg01_hr_01-19.indd 18 9/9/11 9:02 AM
19
PhotoshoP Project 10: Design a Pillar Poster13. Save your Photoshop document in the native PSD file format and as a JPEG image to facilitate
printing.
14. Close your Photoshop document, and then exit Photoshop.
CriticalThinkingResearch the definitions of each of the six pillars before choosing someone you feel represents
these characteristics. Take a picture of them to use on your poster.
04_C7867_PS01-10_ptg01_hr_01-19.indd 19 9/9/11 9:02 AM