Graphic Design 2B

Review & New

Monkey Business - Basic File Management

This is a quick exercise that demonstrates how you will be expected to manage files during the term. For every project you need to keep all files, keep them in the same location, name them appropriately, use the proper file types, and be aware of resolution.

1. Create a folder called "Graphic Design 2B" in your network space.

2. Create a folder called "monkey business" in your GD2B folder.

3. Go online and find a photo (jpeg) of a monkey (greater than 2000 px in size). Download the full sized image. Copy the jpeg into your monkey business folder.

4. Go online and find a photo (jpeg) of a briefcase. Download the full sized image. Copy the jpeg into your monkey business folder.

5. Open the monkey image using Photoshop.

6. Use the Crop tool to crop the image to 6" x 6" @200ppi.

7. Keep the monkey image open and open the briefcase image using Photoshop.

8. Use any selection tool to select the briefcase. Copy it. Switch back to the monkey image. Paste the briefcase into the monkey image (it will create a new layer).

9. Save this file as a Photoshop document (.psd) into your monkey business folder. Name the file "monkey business.psd"

10. Save the file for export by "saving as" a TIFF file. DO NOT check "layers." Name this file "monkey business.TIFF. Save this file into your monkey business folder.

11. Create a new Illustrator file. Name it "monkey business.ai." Save it into your monkey business folder.

12. Import the composite image (TIFF) into the Illustrator page by using File>Place. DO NOT simply drag it in.

13. Save.

All files should live in the same folder like one happy family. Show Mr. Eagen your Illustrator file and monkey business folder. They should look like this:

 

Cleaning Up - Things To Address Right Up Front

These are very short activities that will cover some basic principles that you will need to be aware of for nearly any image that you work with throughout the term.

1. Download the files.

2. Levels - tutorial video

3. Crooked Image - tutorial video

4. Unsharp Mask - tutorial video

 

Basic Techniques - Some review...some new

This is a series of 9 short activities which will introduce some fundamental Photoshop skills. Each activity will have certain skills which will be EMPHASIZED.

You may pull photos from the internet as long as they are appropriate and they are at least 1,500 X 1,500 pixels.

NOTE: Ignore any instructions in the videos that relate to flattening and printing these out. I've changed the assignment since the videos were created. Just show me your files (layers when applicable).

Preparation - tutorial

Each assignment will use these specifications:
width: 2 inches
height: 2 inches
resolution: 300ppi
color mode: RGB Color - 8 bit

1. Threshold
tutorial

Threshold separates the colors into either black or white to create a high contrast image similar to what pop artist Andy Warhol did in the 1960's. You will move the threshold slider around until you get the effect the you want.

posterize

2. Hue Change
tutorial

This will allow you to change the color of the entire image. Remember the "Oompa Loompas" from Willie Wonka? Choose a photo of a subject that has very distinctive colors associated with it. For instance, these yellow bananas were turned purple. Perhaps a stop sign, fire truck, Kermit the Frog, American flag, etc.

posterize

3. Saturation
tutorial

Very simple concept - take the existing colors and amplify them. Any "Spinal Tap" fans out there? Make these colors go to 11! To emphasize this concept choose something that is not overly colorful to begin with.

4. Desaturation
tutorial

Very simple concept again - take the existing colors and eliminate them. Turn a color photo into a black & white photo. This isn't the best method....but it works. To emphasize this concept choose something that is very colorful to begin with like a rainbow, blood, clouds & sky, flag, etc.

posterize

5. Invert
tutorial

No brainer! This technique makes a photo negative of the image. It works for both color and black & white image so try both. Use the desaturate technique to turn half of the image black & white.

6. Strokes
tutorial

Photoshop allows you to put a stroke (line) on any marching ant selection. It will use the foreground color. You can have a stroke as thin as 1 pixel and as wide as 16 pixels. You can also determine if you want the stroke to be placed inside of the marching ants, outside of the marching ants, or centered on the marching ants. Show a wide variety of colors and thicknesses.

7. Vector Clip Art
tutorial

Photoshop allows you to import vector artwork (clip art) however you won't be using the import command. Normally, copy/paste is the best method but not in this situation. Instead, you will use File> Place to bring the clip art EPS file into Photoshop.

Note: CC difference from video - Use the "Place Embedded" option.

We will learn about accessing our clip art collection later. For now, use one of these files.

posterize

8. Soft Shadow
tutorial

Put a shadow below something simple. You'll use a layering method here. Later in the term you'll learn a more efficient way to achieve shadows...but this is a good starting point.

Note: CC difference from video - Use the "Place Embedded" option.

Use one of these files.

posterize

9. Layer Opacity
tutorial

The background layer is pretty much locked and you can't change its opacity. However, when you paste something Photoshop automatically puts it on its own layer (transparent plastic) so that you can mess with its opacity.

posterize

Extra Credit 1. Irregular Mask
tutorial

This is fun. Find one image that you want to place inside of some irregular shape. It will make life a bit easier if you search for a silhouette. You'll get a chance to practice this one on the next activity.

posterize

Extra Credit 2. Gradient Layer Mask
tutorial

Similar to layer opacity, this technique fades one layer on top of another layer. However, this time you have more control. You will smoothly fade one image into the other in a linear manner.

 

4+4+4 Masking - Because masking is your friend!

Watch this video on masking. This will be a bit of review but the concepts are monumental! Do some quick repetitive practice. Download any images and demonstrate 4 different examples of each of the following.

Must show Layers palette to earn credit.

posterize

4 Regular Masks
big example

Similar to layer opacity, this technique fades one layer on top of another layer. However, this time you have more control. You will smoothly fade one image into the other in a linear manner.

posterize

4 Irregular Masks
big example

Similar to layer opacity, this technique fades one layer on top of another layer. However, this time you have more control. You will smoothly fade one image into the other in a linear manner.

posterize

4 Painted Masks
big example

Similar to layer opacity, this technique fades one layer on top of another layer. However, this time you have more control. You will smoothly fade one image into the other in a linear manner.