Photoshop: Collage

Today and tomorrow we are going to build a collage that we can use as a computer wallpaper. The collage must have a theme, include several images, have some sort of text (i.e. a title), and fit the dimensions of a typical computer screen.

You will have the next two days to build your collage.

1. Create a new Photoshop document using your choice of the following dimensions:  (Dimensions from W3Schools 9/19)
1. 1366x768 (18.7% of computer screens use this resolution) 
2. 1024x768  (13% use this resolution)
3. 1280x1024  (11.5%)
4. 1280x800 (10.7%)
5. 1440x900 (8.1%)
2. Sometimes it's better to fill your canvas with a certain color (i.e. black, blue, or green) to serve as a base for your pasted images, although you can create some interesting collages by using a textured background or even an image (i.e. the example showing Asian writing).
3. Begin finding images [within your theme as well as being classroom appropriate] and save them to a folder on your Thawspace or USB drive.  Make sure the images are large enough that you don't have to stretch them on your canvas.
4. Begin "pasting in" images and dragging them to the best fit on your canvas.
5. You may want to use a soft, feathered brush as an eraser and soften the edges of your images.
6. You may also want to try adjusting the opacity on some of your images [layers] to help the layers "melt together" better.
7. You may even try a color gradient overlay with low opacity for some interesting effects.
8. Choose a font that fits your theme, and place a title on your page.
9. Choose a small font and put your name on your new artwork.
10. Try some layer styles (drop shadows, bevel & emboss, stroke, etc.) to improve your text layer.

Finally, make sure you save your file as a PSD (Photoshop Document) as well as a JPEG, then upload the JPEG to your Blogger portfolio.

---

Here are some examples of Photoshop collages:

Photoshop: Colorize (Spray On Layer)

Today we will be learning to colorize a black and white image.  The image we are starting with, however, is already in color.  What we will do is take this image into PhotoShop, convert it to black & white, then colorize it.

1.  Click on the image (below) to view it full-size.

2.  Right-click and save the image to your folder.

3.  Open the image in PhotoShop.
4.  Convert it to Black & White by going to:  IMAGE > MODE > GRAYSCALE
5.  Balance it by going to: IMAGE > ADJUSTMENTS > AUTO CONTRAST
6.  Convert the image back to RGB Color by going to:  IMAGE > MODE > RGB COLOR
7.  Create a new layer:  LAYER > NEW > LAYER
8.  Pick a bright color (pink, blue, red, etc.)
9.  Choose a soft (feathered) brush and paint on your new layer over an object (hat, pants, overalls, etc.).  Don't worry about the bright, ugly color because we're going to adjust that in the next step.
10.  Next, adjust the opacity (transparency) of your painted layer by clicking the arrow next to OPACITY above the Layer.  Drag the arrow left or right to adjust the opacity. 

This is a quick example of the project:

Here are a few examples of adding color to a black & white photograph to create different effects:

If [for some reason] you don't see your layers, click F7.


Also, if you have access to YouTube you can check out this video tutorial that I put together a few years ago.  It's on a Macintosh, but the concepts are the same:

Photoshop: Colorize (Spray On Layer)

Today we will be learning to colorize a black and white image.  The image we are starting with, however, is already in color.  What we will do is take this image into PhotoShop, convert it to black & white, then colorize it.

1.  Click on the image (below) to view it full-size.

2.  Right-click and save the image to your folder.

3.  Open the image in PhotoShop.
4.  Convert it to Black & White by going to:  IMAGE > MODE > GRAYSCALE
5.  Balance it by going to: IMAGE > ADJUSTMENTS > AUTO CONTRAST
6.  Convert the image back to RGB Color by going to:  IMAGE > MODE > RGB COLOR
7.  Create a new layer:  LAYER > NEW > LAYER
8.  Pick a bright color (pink, blue, red, etc.)
9.  Choose a soft (feathered) brush and paint on your new layer over an object (hat, pants, overalls, etc.).  Don't worry about the bright, ugly color because we're going to adjust that in the next step.
10.  Next, adjust the opacity (transparency) of your painted layer by clicking the arrow next to OPACITY above the Layer.  Drag the arrow left or right to adjust the opacity. 

This is a quick example of the project:

Here are a few examples of adding color to a black & white photograph to create different effects:

If [for some reason] you don't see your layers, click F7.


Also, if you have access to YouTube you can check out this video tutorial that I put together a few years ago.  It's on a Macintosh, but the concepts are the same:

Photoshop: Colorize (Spray On Layer)

Today we will be learning to colorize a black and white image.  The image we are starting with, however, is already in color.  What we will do is take this image into PhotoShop, convert it to black & white, then colorize it.

1.  Click on the image (below) to view it full-size.

2.  Right-click and save the image to your folder.

3.  Open the image in PhotoShop.
4.  Convert it to Black & White by going to:  IMAGE > MODE > GRAYSCALE
5.  Balance it by going to: IMAGE > ADJUSTMENTS > AUTO CONTRAST
6.  Convert the image back to RGB Color by going to:  IMAGE > MODE > RGB COLOR
7.  Create a new layer:  LAYER > NEW > LAYER
8.  Pick a bright color (pink, blue, red, etc.)
9.  Choose a soft (feathered) brush and paint on your new layer over an object (hat, pants, overalls, etc.).  Don't worry about the bright, ugly color because we're going to adjust that in the next step.
10.  Next, adjust the opacity (transparency) of your painted layer by clicking the arrow next to OPACITY above the Layer.  Drag the arrow left or right to adjust the opacity. 

This is a quick example of the project:

Here are a few examples of adding color to a black & white photograph to create different effects:

If [for some reason] you don't see your layers, click F7.


Also, if you have access to YouTube you can check out this video tutorial that I put together a few years ago.  It's on a Macintosh, but the concepts are the same:

Photoshop: Colorize by Erasing Layers

Colorize an Image by Erasing Layers

Another interesting way of "colorizing" an image is by pasting a black and white layer on top of the color layer and erasing the areas you want in color.  Confusing?  It will make sense after we try it.

Here's a sample image to get started [of course you can use your own]:

1. Open an image.
2. Do a CTRL+A (to "Select All") then CTRL+C (to "Copy)
3. Go to Image > Mode > Grayscale to convert the image to grayscale ("black & white").
4. Go to Image > Mode > RGB Color to convert the image back to color.
5. Do a CTRL + V (to "Paste").
6. Double-Click the bottom layers name ("Background") and change it to anything else (i.e. "Layer 0").
7. Drag the bottom (grayscale) layer above the color layer.
8. Select a soft (feathered) brush small enough to get details.
9. Use the eraser tool to erase areas you want in color.

Next, locate another image where you can perform the same steps.  Make sure to add your finished projects to your portfolio.

Some Examples:

You can also view the video tutorial below for step-by-step instructions:

Photoshop: Basic Retouching

BASIC RETOUCHING

Today we are going to explore some photo retouching.  Next we will be creating a "before and after" picture to save to our portfolios.

First we will get an original source image to work with:

1. Begin by right-clicking the image below and selecting "Copy Image" or "Copy" (depending on which browser you are using). 
2. Open Photoshop and select FILE > NEW
3. Select EDIT > PASTE
4. Use the tools I demonstrate in class to touch up the photograph 

Next we will create the Before & After picture:

1. Select IMAGE > CANVAS SIZE
2. Change your settings to "PERCENT"
3. Click on the "Right Arrow"
4. Change your Width to 200% and click OK
5. You should now have an image with space on the left
6. Copy the original image (from this web page) again
7. Paste the image into your Photoshop document and drag it to the left (as the "before" image)
8. Use the Text tool to add your name to the image.
9. Save your image to your Thawspace as a PSD and as a JPG

Next we will upload these pictures to our portfolio:

1. Open your Blogger account (you may want to open Gmail and then go to http://www.blogger.com/).
2. Select your "Portfolio" page.
3. Click "New Post"
4. Click the "Image" button in the post window.
5. Locate and select your picture (the JPG version), then click "OK"
6. Click on the picture in your post and select the size you want it displayed.
7. Write a brief summary of what this project is about (either before, after, or on either side of your image).
8. Click "Publish"
9. Click "View Blog" (at the very top of your window)

Finally, choose another picture that you can retouch.  I'm attaching a couple examples, but you can select another image if you like.  (I recommend clicking the picture to view it full-size before copying it.)

Photoshop: Replace Color

Today we will continue playing with the "Replace Color" tool:

Step I: Getting Started

1. Click on one of the sample images below to view it full screen
2. Copy the image
3. Open PhotoShop and create a New Document
4. Paste the image

Step II: Making a "Warhol Grid"

1. Go to IMAGE > CANVAS SIZE
2. Change "Inches" to "Percent"
3. Change BOTH Width and Height to 200 [percent].
4. Click the "Upper-Left" Arrow
5. Click OK
6. Click VIEW > FIT ON SCREEN
7. Paste another copy of your picture
8. Use the arrow to drag the picture to the upper-right corner
9. Paste another copy of your picture
10. Use the arrow to drag the picture to the lower-left corner
11. Paste another copy of your picture
12. Use the arrow to drag the picture to the lower-right corner.

Step III: Changing Colors

1. Select the layer that you want to adjust (top-right, bottom-left, and bottom-right)
2. Go to IMAGE > ADJUSTMENTS > REPLACE COLOR
3. Use the Dropper tool to click on one of the bright colors
4. Hold Shift and select other shades of that color
5. Drag the "HUE" slider left or right to adjust the color
6. Repeat steps 1-5 for the other two squares.

Step IV: Finishing

1. Add your name to your image
2. Save your image to ThawSpace as a PSD
3. Save your image to ThawSpace again -- this time as a JPG
4. Log in to your portfolio (Blogger) page
5. Create a New Post and insert your JPG picture
6. Write a quick summary of the project and what you did to get the look you came up with

If you have access to YouTube you can watch the following video tutorial explaining this process: