Photoshop Project 1: Create Vector Art

Transcription

1 Photoshop Project 1: Create Vector Art Duplicate and name layers Create new layers Show and hide layers Apply the desaturate adjustment Work with the Pen tool Work with shape layers Zoom in and out of a document 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. 1. Open your image in Photoshop. 2. Save your Photoshop document as vector art. 3. Duplicate the background layer twice. 4. Rename the middle layer posterized. 5. Rename the top layer trace reference. 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 picture, 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.) 1

2 Photoshop Project 1: Create Vector Art 11. Select the Pen tool, and then set options to create Shape layers, as shown in the figure below. Shape layers button Create new shape layer button Add to shape area (+) button Set color for new layer 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 vector 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. Don t merge or rasterize the shape layers. The shape layers are vector shapes and can be resized without becoming pixelated. Critical Thinking Research the movie poster for the film A Scanner Darkly to see a well-done line art drawing based on a photo. 2

3 Photoshop Project 2: Coloring Line Art Duplicate and name layers Create new layers Show and hide layers Working with the curves adjustment Applying the desaturate adjustment Use the Paint Bucket tool Use the Dodge and Burn tools Zoom in and out of a document Work with the Type tool Apply layer styles Work with channels 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. 1. Open your image in Photoshop. 2. Save your Photoshop document as line art. 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. The image needs to be black and white; the image you are working with may have smudges or marks from the scanner. 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.) 3

4 Photoshop Project 2: Coloring Line Art 11. Select Stroke on the Edit menu. 12. In the Stroke dialog box, set the width to 2 px, 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 Press Ctrl+D (Win) or command+d (Mac) to deselect the active selection. 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. Critical Thinking Search for a line art image using Google Images, and then choose Line drawing as the type when searching. 4

5 Photoshop Project 3: Create the Andy Warhol Effect Create and name layers Make selections Apply filters Create guides Create groups Duplicate groups Work with adjustments 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. 1. Open an image in Photoshop. 2. Save your Photoshop document as Warhol photo. 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 necessary 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 The Cutout filter is found under the Artistic category. The Levels command can be found under the Image menu when pointing to the Adjustments category. simplicity. 5

6 Photoshop Project 3: Create the Andy Warhol Effect 12. Save your Photoshop document. 13. Create a new Photoshop document. 14. In the New Document window, set the size to 24" 3 18", the mode to CMYK Color, and the resolution to 300 ppi. 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 color square. Minimize the Warhold photo and continue to work in the Warhol. 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.) 6

7 Photoshop Project 3: Create the Andy Warhol Effect 28. Create a new layer between the color and photo layer in Group 1, and then name it image color. 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 for each group. 34. Save and close your Photoshop documents, and then exit Photoshop. If necessary, select the image color layer and adjust the Hue/Saturation to fine-tune the color. Critical Thinking Research Andy Warhol on the Internet and analyze his work. 7

8 Photoshop Project 4: Convert a Photo to a Line Art Duplicate layers Make selections Work with adjustments Apply filters Work with masks Work with the Polygonal Lasso tool 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. 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. Create a black-and-white image that appears to look like clip art. 8. Open the Filter Gallery, expand the Texture category, and then apply the Grain filter. 8

9 Photoshop Project 4: Convert a Photo to a Line Art 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. 9

10 Photoshop Project 5: Create a Cityscape Collage Create and name layers Import digital images Extract images from their backgrounds Blend layers Work with text Apply layer styles Work with masks 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.) 1. Create a new Photoshop document. 2. In the New Document window, set the size to 18" 3 24", and the mode to CMYK Color. 3. Save your Photoshop document as cityscape collage. 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.) 10

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. Critical Thinking Find 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. 11

12 Photoshop Project 6: Create an Electronic Scrapbook Page Duplicate and name layers Create new layers Show and hide layers Change the order of layers Make selections Zoom in and out of a document Apply filters Work with adjustments 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. 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 complement 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.) Select a complementary color to the picture you are framing with a shape. 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. 12

13 Photoshop Project 6: Create an Electronic Scrapbook Page 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. 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. 13

14 Photoshop Project 7: Create an Inspirational Poster Work with text Change the order of layers Work with brushes Work with custom shapes 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. 1. Create a new Photoshop document. 2. In the New Document window, set the size to 13" 3 19", 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 complement your layout. 7. Save your Photoshop document in the native PSD file format and as a JPEG image to facilitate printing. Placing text on separate layers will make it easier to place the text in a creative way and to change the formatting. To find more custom shape libraries, visit www. myphotoshopbrushes.com. 8. Close your Photoshop document, and then exit Photoshop. Critical Thinking Conduct research on the Internet for inspirational quotes. 14

15 Photoshop Project 8: Design a Theatre Arts Production Poster Duplicate and name layers Create new layers Show and hide layers Change the order of layers Make selections Zoom in and out of a document Apply filters Work with adjustments 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. 1. Create a new Photoshop document. 2. In the New Document window, set the size to 11" 3 17" and the mode to CMYK Color. 3. Save your Photoshop document as theatre poster. 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.) 15

16 Photoshop Project 8: Design a Theatre Arts Production Poster 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. Research West Side Story on the Internet to understand the storyline, which will help you develop an original poster. Critical Thinking Conduct research on the Internet for Broadway theatre posters for ideas on how to design your poster. 16

17 Photoshop Project 9: Design a Book Cover Create new layers Show and hide layers Change the order of layers Use the Dodge tool Use the Burn tool Apply layer styles Use the Paint Bucket tool 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.) 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 book cover. 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. Critical Thinking Search for vegetables with Google Images; choose the Line drawing option when searching. 17

18 Photoshop Project 10: Design a Pillar Poster Create new layers Work with filters Work with the Brush tool Apply layer styles Work with text Reorder layers Work with custom shapes 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.) 1. Create a new Photoshop document. 2. In the New Document window, set the size to 13" 3 19" 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. 18

19 Photoshop Project 10: Design a Pillar Poster 13. 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. Critical Thinking Research 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. 19