Picture
MULTIPLE PORTRAIT ILLUSTRATION
Fine ART
In this assignment, you will be working as an FINE ARTIST to create a multi-image digital PORTRAIT. 
Here you will find the steps to create an Andy Warhol inspired MULTIPLE PROTRAIT ILLUSTRATION
LEARN ABOUT ANDY WARHOL
​You will select a portrait image, crop it tightly while keeping some of the background, then (uniquely) color each image several times in the style of Andy Warhol.
​
Your OBJECTIVE in this assignment is to continue to familiarize yourself with:
  • The WORKSPACE
  • CROPPING an image
  • LAYER MASKING
  • Making SELECTIONS
  • LAYERS, LAYER GROUPS and LAYER BLENDING MODES
  • and SAVING your files

​1. HIGH-RESOLUTION IMAGE 

Search for a HIGH-RESOLUTION image to use for your project - or better yet, use your own photograph for this project!

To find files that have Higher-Resolution, 
  • Do your Google IMAGE SEARCH
  • then choose TOOLS 
  • Then choose LARGE
  • Choose a picture that is a "Head and shoulders portrait"
  • Hover your mouse over the IMAGE and make sure it has enough pixels -  The smallest number should be at least 1000 px
  • Right Click the image you like and choose...
  • Save image as... to download to your computer or if you are on a Chromebook to your GOOGLE DRIVE​
Here, I dragged the downloaded image directly into PHOTOSHOP from the bottom of the  Chrome Browser to start.

2. OR...OPEN your image

If you don't drag your image into photoshop directly, you can also open your image into PHOTOSHOP
  • Choose OPEN in the MENU or on the left of your WORKSPACE
  • Navigate to the image your found and choose OPEN - the image file should either be in your DOWNLOADS folder or in your GOOGLE DRIVE (Chromebook)
  • I like to SAVE my FILE (FILE > SAVE AS) at this point and MAKE SURE IT IS SAVED AS a .PSD (Photoshop Document File)
  • If it asks for MAXIMIZE COMPATIBILITY click OK!
Remember where you are saving your file...
It's best to make a folder for class to save you work - you will always be able to find it easily!

3. CROP Your IMAGE

Here is where you will CROP your image to a specific size​
  • Select the CROP TOOL​
  • In the TOOL OPTIONS - change RATIO to W x H x Resolution
  • Your image size should be:
  • 2.75 in x 3.5 in with a resolution of 300
  • You decide if you want a vertical or horizontal composition - easily change with the arrows!
  • Make sure that DELETE CROPPED PIXELS is checked.
Picture

LAYER MASKS

You will be using a LAYER MASK to remove the background of your portrait.  Be neat and  precise in this step for the best results!
  • You can either choose ADD A MASK at the bottom of the LAYERS PANEL to add a LAYER MASK
Or you can use:
Layer > Layer Mask > Reveal All
to add your LAYER MASK
  • Both ways will do the same thing!
This video shows that there are often many ways in PHOTOSHOP to achieve the same thing!

Removing the BACKGROUND

  • Make sure you are painting on your LAYER MASK and not on your image - there should be a thin box around your LAYER MASK
  • Use your BRUSH TOOL and pure BLACK to paint on the LAYER MASK.
  • If your brush is painting black, you have your image selected!  Click on the LAYER MASK in the LAYERS PANEL to fix!
  • You can make sure you are using Pure BLACK by clicking on the tiny DEFAULT COLORS button on the bottom of your TOOL BAR
  • You can easily switch Foreground and Background colors using the tiny color switcher button.
When you paint with BLACK on a LAYER MASK, the image becomes erased.  What's cool is that the information is still there and when you paint with WHITE it comes back.  Give it a try!  This is an example of
​"Non-Destructive" editing
Picture
This is a finished LAYER MASK - look at the small BLACK & White mask in the LAYERS PANEL
To finish cutting out the background, you need to APPLY your LAYER MASK - you can achieve this a couple ways...
  • Layer > Layer Mask > Apply
​or
  • Right click on the Layer Mask in the Layers panel and choose APPLY

aDUST your IMAGE

  • You may need to adjust the BRIGHTNESS and Contrast of your image
  • Go to:
  • IMAGE > ADJUSTMENTS > BRIGHTNESS/CONTRAST
  • Your goal here is to make your highlights a little brighter and your shadows a little more dense
  • Your probably don't have to do much here...
  • Try clicking AUTO - if the image does not look better, click cancel!

Make your image BLACK AND WHITE

  • Go to:
  • IMAGE > ADJUSTMENTS > BLACK & WHITE
  • Don't change anything
  • Click OK

FILTER GALLERY

In this step, you will simplify the image using the CUTOUT FILTER found in the FILTER GALLERY
  • Go to:
  • FILTER > Filter Gallery...
  • Open the ARTISTIC FOLDER and choose CUTOUT​
When you click on Filter Gallery... a new window will open for you to adjust your image with the chosen filter.
  • NUMBER OF LEVELS - Adds more grays (and in turn, more detail) as you slide to the right.
  • EDGE SIMPLICITY - makes the shapes more or less complex
  • EDGE FIDELITY - Doesn't do much...
Using the CUTOUT filter will make your image look like a SCREEN PRINTED OR SILKSCREEND IMAGE which is the same technique that ​ANDY WARHOL used.
*This is where you can make your ART your own - change the simplicity of your image to suit your taste!

​There is no "right or wrong" here!

COLOR your Image

FIRST COLOR 
You will create your first color by using a COLOR OVERLAY
  • Select the PORTRAIT LAYER in the LAYERS PANEL
  • Create an overlay by going to:
  • LAYER > LAYER STYLE > COLOR OVERLAY
  • Set the BLEND MODE to OVERLAY to make your color transparent
  • You can also adjust the OPACITY if you want
You can also add a LAYER STYLE by clicking the fx button at the bottom of the LAYERS PANEL
*In this step...
Don't pick a color that is too light or too dark...
Second COLOR
In this step you will add color to the DARKEST SHADOWS
  • You will select the SHADOWS in the image
  • Go to:
  • SELECT > COLOR RANGE
  • This command will make what is known as a MARQUEE SELECTION​
  • Leave FUZZINESS at 40
  • Select SELECTION under the thumbnail
* DARKER COLORS work better in this step.
  • Move your mouse (which should look like an eyedropper) over the actual image and CLICK on the darkest part of the image
  • this should show a white area in the preview of what will be SELECTED
  • Click OK
  • You should now have an area selected
  • Make a NEW LAYER above the original layer.
  • Name this layer SECOND COLOR
  • Fill the SELECTION on the NEW LAYER with NEW COLOR.
  • EDIT > FILL
  • In the CONTENTS dropdown menu, choose COLOR...
  • Pick a DARK COLOR
Third COLOR
Follow the same process as the Second COLOR to add a Third COLOR.
  • This time make your SELECTION using the MAGIC WAND TOOL - This tool selects similar colors
  • Make sure you are on your original LAYER (in this case Layer 0)
  • Choose the tool and click on a color you want to change in the image.
  • Fill the SELECTION on A NEW LAYER with new color.
  • EDIT > FILL
Background COLOR
In this step you will fill the BACKGROUND with a solid COLOR
  • Create a NEW LAYER and name it TILE
  • FILL this layer with color using:
  • EDIT > FILL
  • Or you can try the PAINTBUCKET TOOL
  • Choose a color in your COLOR or SWATCHES PANEL
  • CLICK the PAINTBUCKET on the empty LAYER
  • Move this (Tile) layer to the bottom.
Filling color with the PAINTBUCKET TOOL

COLOR Choices

Make good COLOR CHOICES!
  • Try not to use light colors where it should be dark
  • Don't put dark colors where it should be light
  • Experiment with different COLOR COMBINATIONS
COLOR THEORY
Knowing color combinations and how they relate to each other will help you choose...
Picture
CLICK to ENLARGE

COMMON ERRORS when using COLOR

INVERTED TONES - Patches of color that should represent darker shadows are filled with bright colors, causing visual confusion. The top right tile looks correct while the bottom right is awkward.
​SIMILAR COLORS TOUCHING - The top middle tile's cyan background touches the cyan air of the bottom middle tile. Similar colors should not appear side by side.
LIMITED COLOR VARIETY - This composition is dominated by violets. A violet hue is used eight times. This lack of variety produces a more mundane or boring finished work

​GROUPING your LAYERS

You will need to GROUP all the layers you have made to continue
  • Hold CTRL on your keyboard to select the LAYERS you want to GROUP
  • CLICK on the CREATE A NEW GROUP button (it looks like a folder on the bottom of the Layers Panel)
  • You can NAME your GROUP to help you stay organized
Creating MULTIPLE IMAGES
CANVAS SIZE
  • To make room for more images in the project you need to expand the CANVAS SIZE
  • Go to:
  • IMAGE > CANVAS SIZE...
  • The final project will have 9 total images so we need to multiply the current image size by 3
3(2.75" x 3.5")
In the example, it is a VERTICAL composition so the Height will be 10.5 and the width will be 8.25
8.25" x 10.5"
  • Place your ANCHOR in the upper left corner - this is where your image will be placed when your canvas enlarges.
Copy GROUPS
This is where we will make multiple images by COPYING GROUPS
  • DRAG your Group one down to the ADD A NEW LAYER button in the LAYERS PANEL to COPY your GROUP
  • Use the MOVE TOOL to move your groups
  • Make sure that AUTO SELECT is unchecked in the MOVE TOOL OPTIONS bar before you try to move your groups.
  • With the MOVE TOOL selected, you can nudge your groups using the arrow keys on the keyboard
  • Make sure to REMNAME your GROUPS - Group 1, Group 2, Group 3, etc.
  • You can select multiple groups to copy (hold CTRL and select the groups you want copied then drag to the ADD A NEW LAYER button)​
  • It's OK to have a little empty space on the edge of your file if your images don't fit perfectly...
*Renaming your GROUPS and LAYERS helps you stay organized!
Adjusting COLORS
In this step you will add a variety of different colors to your project
  • I will keep the original colors in GROUP 1 
  • Open each group and adjust the colors on each layer.
  • Open GROUP 2 and change the color of SECOND color, Third Color and TILE LAYERS by using HUE/SATURATION
  • Go to:
  • IMAGE > ADJUSTMENTS > HUE/SATURATION...
Changing the COLOR OVERLAY LAYER​
  • DOUBLE CLICK where it says COLOR OVERLAY in the LAYERS PANEL
  • CLICK the colored box to change the OVERLAY color
Follow the same steps to change the colors of each layer in each group
Changing colors in each group
BE SURE TO CHECK THE FOLLOWING WHEN YOU ARE DONE...

          Make sure you make good color choices - this will really affect your grade - if it looks wrong, change it! It is easy to adjust -            you may want to ask a neighbor to critique your choices!

          Make sure to name your file exactly right:    WARHOL_yourlastname with no spaces

          Make sure to SUBMIT your file(s) in SCHOOLOGY for assessment! Both JPEG and PSD files
​
          Before you turn in your file check the RUBRIC in Schoology to see what will be assessed!

ONLY WHEN YOU ARE DONE! - SAVE yOUR FILE AS A jpeg

In the MENU commands - ​
  • Saving as a .JPG will compress all your layers into a single layer so make sure you save as a .PSD first!
  • Choose FILE
  • then SAVE AS... (FILE > SAVE AS...)
  • then NAME your file properly (WARHOL_LastName)
  • then choose "Save as type" .JPEG (*JPG;*JPEG;*JPE)
  • JPEG OPTIONS window choose 8 HIGH with the slider
  • Turn in both files for credit (.JPG & .PSD)
​

​You can now turn in your work!

  • Turn in both the WARHOL_Lastname.PSD and WARHOL_Lastname.JPG files into Schoology.
  • In Schoology, go to:
  • SUBMIT > UPLOAD > FILE(S)

STUDENT WORK