American School of Kuwait

PHOTOSHOP 1

Theme: Graphic Manipulation (Introductory)

Prerequisite: None

Description: Students are introduced to graphic design and photo manipulation using images obtained from the internet, hardcopy and digital capture devices (scanners, digital cameras).

Parameters: Access to a computer, software (Adobe Photoshop CS2, Photoshop CS2 Video Files), scanner and/or digital camera.

Notes:

You have 18 classes to complete this module.

In this class, time is of the essence and you will not have time to chat with friends, play games or do other assignments. You are allotted 1 class period for each day. If you fall behind, you are responsible for completing all module components outside of class time (before class, lunch, after school) or for homework.

You must NEVER flatten your final images unless specifically told to do so. If you do flatten the image, you will receive and “F” for the assignment.

All assignments are considered due at the end of the class on the due date. Assignments handed in after these times are considered late. All assignments handed in late will receive the following deductions. There are no exceptions.

1 day late – deduct 10%
2 days late – deduct 20%
3 days late – deduct 30%

More than three days late – 0% for the assignment (although the assignment will receive a grade of 0%, it must be completed in order for the student to receive credit for the module).

If the assignments are due on the Wednesday and are not handed in until the Saturday, this will be considered as one day.

Plagiarism or any other form of academic dishonesty will not be tolerated. Students caught trying to copy the work of others will receive an automatic “0%”, and be referred to the administration. In addition, the offence will be recorded in the student’s permanent file.

Grading: Grading your work is straight forward task for your instructors as rubrics are used for each and every assignment. Components for these rubrics dictate what grade you will receive in several specific areas. These component grades are then tallied up and a final grade for your assignment is recorded. Your grades are nonnegotiable.

Interface Essentials & the Document Window

As you work with Adobe Photoshop CS2, you'll discover that there is often more than one way to accomplish the same task. To make the best use of the extensive editing capabilities in Photoshop, you must first learn to navigate the work area.

Lesson Overview

At the end of this lesson, the student will be able to:

Navigate the Default Workspace.

Manage Palettes.

Customize the Workspace.

Customize the Menus.

Customize Keyboard Shortcuts.

Manipulate Tools and Tool Presets.

Use the Help feature.

Manipulate the Document Window.

Use the Navigator Palette.

Pan and Zoom Documents.

Change Screen Modes.

Manage Multiple Document Windows.

Change the Matte Color.

Let’s Begin!

Put on you headset or earphones and click here to watch the first lesson, The Default Workspace. Once you have finished the video, exit the video player and return here.

Now that you know how to use the videos, complete the following tutorials. This should take you approximately 50 minutes.

Palette Management
Customizing Your Workspace
Customizing the Menus
Customizing the Keyboard Shortcuts
Tools and Tool Presets
Using Help
The Document Window
Using the Navigator Palette
Panning and Zooming

Because you may need to review some of the videos and try out some of what you’ve learned on Photoshop, we will give you some extra time to ‘play’. Because Photoshop is such a powerful tool, it may seem a little overwhelming at first. Be patient, take your time and soon, you will ‘get it’.

ASSIGNMENT 1 & 2 - 1 Day

Below are the files needed for this assignment.

Leaves

Flowers

Tidepool

Branches

Open up the Leaves, Flowers and Tidepool files. Do this by right clicking on the selection and then moving down the menu to ‘Open With Adobe Photoshop CS2’.

When the three pictures are open in Photoshop, set the Zoom level of the Leaves to 118%, the Flowers to 50% and the Tide pool to 25%

Select the following tools on the toolbar:

Elliptical Marquee Tool
Polygonal Lasso Tool
Brush Tool
Red Eye Tool
Vertical Type tool
i. Century Gothic
ii. Italic
iii. 30 point
iv. Sharp
v. Red (text color)

Once you have made all of these adjustments, take a screen shot using Snagit or another screen shot program. Copy it to a word document and email it as an attachment to your teacher. Here’s an example (yours will obviously look different)

You’ve just completed your first assignment. Now, watch the next two videos and complete the accompanying assignments.

Changing Screen Modes
Managing Multiple Document Windows

Click here to see the the rubric for this assignment.

ASSIGNMENT 2

Below are the files needed for this assignment.

Leaves

Flowers

Tidepool

Branches

Open the Branches file in Photoshop. Remember, you last did this in lesson one.

Using SnagIt, take a screenshot while the Branches are on ‘black screen mode’. Paste this into a Word document.

Change the settings on the Word document so that the picture is exactly 4 inches wide.

Click here and open all four pictures in Photoshop.

Tile the pictures vertically.

Adjust the zoom on the pictures so that the two on the left are at 50% and the two on the right are at 22%.

Using SnagIt, take a screenshot and add this picture to the same Word document you placed the last picture on.

Resize this picture so it is 3.5 inches wide.

Email this document as an attachment to your teacher’s email account.

Click here to see the the rubric for this assignment.

Digital Image Essentials

For most people, grasping an understanding of the tools and basic workings of Photoshop is the most boring aspect of learning the program. Those of us who use Photoshop have all dealt with the same frustrations some of you are experiencing. Just keep a positive attitude and do your best. With Photoshop, practice does make perfect.

Lesson Overview

At the end of this lesson, the student will be able to:

Save in different File Formats.
Manipulate Resolution, Color Mode, and Bit Depth.
Recognize when to use different Resolution settings.
Use the Print Size Preview feature.
Crop Images.
Change Canvas settings.

Start this section by watching the following videos. This will take you approximately 30 minutes.

File Formats
Resolution, Color Mode, and Bit Depth
What Resolution Does Your Image Need to Be?
Accurate Print Size Preview
Cropping Images
Adding a Border by Extending the Canvas

Now that you’ve finished the videos, you need to get onto the internet and find a picture of your favorite musician or singer.

ASSIGNMENT 3 - 1 Day

Now that you’ve finished the videos, you need to get onto the internet and find a picture of your favorite musician or singer. The overall size isn’t that important but it must be at least 2 inches wide. Open this photo in Photoshop.

Give the photo a 0.6 inch black or white border using the canvas options. This will be 0.6 inches on each side of the picture. If you only type in 0.6, you will end up with 0.3 on each side.

Change the layer name to that of the singer.

Save the image as a TIFF and name the file the same name as the singer.

Without placing the image on a Word document, send the image as an attachment to your teacher’s email.

Write the word ‘Singer’ and then the name of the singer in the subject line of your email. (i.e. Singer Sting or Singer U2 or Singer 50 Cent)

Example:

Click here to see the the rubric for this assignment.

Undo and History

How do you usually undo a mistake you’ve made on a computer application? Most people click ctrl + z and others click edit > undo or click on the undo arrow. In Photoshop, undo means much, much more.

In Photoshop, you can use the History Palette to undo a step or several steps. You can also use the History Palette to compare changes to a document before and after you apply changes to it. It is one of the greatest tools in the Photoshop program.

Lesson Overview

At the end of this lesson, the student will be able to:

Understand the workings of the History Palette.

Let’s begin!

Start this section by watching the following videos. This will take you approximately 12 minutes.

Undo and History
History Palette Options

ASSIGNMENT 4 - 1 Day

Below are the files needed for this assignment.

History

Snapshots

History Log

Open the History JPEG image using Adobe Bridge and then Photoshop.

Watch the Undo and History video again and go through each of the steps done in the video using the History JPEG. You can pause or rewind the video as often as you’d like. If you make a mistake, use the history palette to go back a step or two. When you are done, take a screen shot of your work with the edited picture. You must include the history palette in your screen shot.

Save the picture as a JPEG and send it to your teacher.

Type the word ‘History’ in the subject line of your email.

Example:

Click here to see the the rubric for this assignment.

Transformations

Lesson Overview

At the end of this lesson, the student will be able to:

Rotate and flip pictures.
Straighten crooked images.
Use tools to crop and straighten photos automatically.
Correct perspective with the Crop Tool.
Scale, Skew and Rotate with Free Transform.
Warp Images.

Let’s begin!

Start this section by watching the following videos. This will take you approximately 21 minutes.

Rotating and Flipping
Straightening Crooked Images
Cropping and Straightening Photos Automatically
Correcting Perspective with the Crop Tool
Scaling, Skewing and Rotating with Free Transform
Warping Images

ASSIGNMENT 5 - 1 Day

Below are the files needed for this assignment.

Crop & Straighten Multiple

Perspective Crop

Free Transform

Open the 02_Flip, 05_Crop&Straighten and 06_Crop&Straighten Multiple JPEG images in Photoshop.

Go through each of the steps in the video to correct the three images. You can pause or rewind the video as often as you’d like. If you make a mistake, use the history palette to go back a step or two.

Remember: You must NOT flatten your images. You need to straighten the original image.

Save the pictures in your Schart folder in the following way:

Create a new folder in your Schart folder and call it Graphic Design.
Inside the Graphic Design folder, create a new folder and call it Photoshop 1.
Inside the Photoshop 1 folder, create a new folder and call it Assignment 5.
Inside the Assignment 5 folder, save the 5 corrected images as PSD (Photoshop Document) files
Name them Flip, Crop&Straighten and Crop&Straighten_Multiple_1, Crop&Straighten_Multiple_2 and Crop&Straighten_Multiple_3 (for this particular part of the exercise, you end up with 3 separate photos).

Click here to see the the rubric for this assignment.

Layers Essentials

Layers are another one of the amazing characteristics of Photoshop. Each layer can be manipulated, added or deleted without affecting other layers. Start the lesson and find out more.

Lesson Overview

At the end of this lesson, the student will be able to:

Understand the concept of layers.
Create new layers.
Manipulate layers.

Let’s begin!

Start this section by watching the following videos. This will take you approximately 26 minutes.

The Background Layer
Working with Layers (this video is a long one!)
Changing the Opacity of a Layer
Using a Clipping Mask

ASSIGNMENT 6 - 1 Day

Below are the files needed for this assignment.

Layer Essentials

Kalalau

Clipping Masks

Open the 01_Layer_Essenials and the 02_Kalalau images in Photoshop.

Go through each of the steps in the Working with Layers video.

Do NOT flatten the images.

Save the picture in your Schart folder in the following way:

Inside the Photoshop 1 folder, create a new folder and call it Assignment 6.
Inside the Assignment 6 folder, save the PSD file and call it Layer Fun.

Click here to see the the rubric for this assignment.

Selections and Channels

As you continue your work with Adobe Photoshop CS2, you'll discover that there is often more than one way to accomplish the same task. To make the best use of the extensive editing capabilities in Photoshop, you must first learn to navigate the work area.

Lesson Overview

At the end of this lesson, the student will be able to:
Use the Marquee and Lasso Tools
Use the Magic Wand Tool
Use the Magnetic Lasso Tool
Saving and Reusing Selections

Let’s Begin!

Put on your headset and watch the first lesson, Using the Marquee and Lasso Tools. Once you complete this video, move on to the next three in the series.

Using the Marquee and Lasso Tools
Using the Magic Wand Tool
Using the Magnetic Lasso Tool
Saving and Reusing Selections

PROJECT 1 - Collage of Our Times... - 3 Days

Objective - experiment with the various selection tools you have learned through your tutorials such as quick mask, marquee tool, and the magic wand.

You are going to make a collage of 3 current celebrities, 3 politicians, 3 hot tech products, and 1 automobile. You will find these on the internet or in pictures that you may scan.

Create a psd document that is 1024 x 768 and at 150 dpi.

You will use the appropriate selection tools tools to 'remove' the elements from their background surroundings and place them on the document with the rest of the images.

You must find a background of the sky that will be your first layer. This will be behind all of the images.

Although it is easiest to manipulate the individual images in their own windows before dragging them to the final document, you can do this however you choose.

You must remove all materials that you can see through the image. (hair, clothing, bodily stance) This means that if you use a person standing, you will need to remove the background from under their arms and from between their legs.

Do NOT flatten the image.

Image Selection: Make sure that the original images you select are of high quality so as to avoid pixilation in your final product. If you have any pixilation on any of your images, you will lose marks.

You must rename all of the layers to coincide with the name of the image.

On the top left corner of your final document, you must use a 'lens flare' filter. Do not ask your teacher where to find this. Use the help menu if you're unsure.

Name the PSD 'Monument' and save it in a file named Project 1.

Click here to see the the rubric for this project.

Transparent GIFs

One of the unique things that you can do with Photoshop CS2 is create transparent GIFs. A transparent GIF is a document where part of the image has been removed leaving the remaining image on a transparent background. They are often used in Web Pages, PowerPoint presentations and other graphical works. Today you are going to learn how to create transparent GIFs.

Lesson Overview

At the end of this lesson, the student will be able to:

Create Transparent Gifs.
Use the Internet to find online Photoshop tutorials.

Let’s Begin!

To start, open up your internet browser and navigate to the Google search page. In the search box, type "How to make a transparent gif".

Take 10 minutes to explore some of these different sites. If you don't find one you like, use www.good-tutorials.com. Use the Good Tutorials search function to find tutorials on creating transparent GIFs.

Read a lesson or two and decide which method you are going to use to create your transparent GIF.

When you feel comfortable with making one, you can start your assignment.

ASSIGNMENT 7 - 1 Day

Use a photo of yourself from an earlier assignment or take a new one in class. You are going to use this photo to create a shoulder up shot of yourself with a transparent background.

Make sure that you have nice clean edges. Your hair will be hard to do, especially if it is wispy and sticking out all over the place, so take your time and do it well.

Here's an example of Brad Pitt without the transparent background and with a transparent background.

When you are done creating the GIF of your head, save it as Assignment 7.gif in a folder called Assignment 7. This folder must be located in your PS 1 folder.

Note: When you save your GIF, it is imperative that you use the settings on the window below!

Using your transparent GIF, place it on a PSD document that has a rainbow gradient for a background. Save this photo as Assignment 7.psd in the same Assignment 7 folder.

Second, use your GIF and insert it into l page Powerpoint presentation. Choose a non-white color background and save the document as Assignment 7.ppt

Click here to see the rubric for this assignment.

Layer Masks

Have you ever imagined putting your head on the body of a super model or famous actor? After this lesson, that's exactly what you'll do. Soon, you'll do this so well, nobody will be able to tell the difference.

Lesson Overview

At the end of this lesson, the student will be able to:

Create and manipulate Layer Masks.

Let’s begin!

Start this section by watching the following videos. This will take you approximately 36 minutes.

Layer Mask Essentials
Swapping Heads in a Family Portrait
Adding a Gradient to a Layer Mask to Isolate Corrections

For this final video, you will do Assignment 8 at the same time as the online tutorial.

Flowers of Hawaii Composition Project

ASSIGNMENT 8 - 1 Day

Below are the files needed for this assignment.

Flowers Final 1

Flowers Final 2

Follow along with the online tutorial.

Do NOT flatten the images.

Save the pictures in your Schart folder in the following way:

Inside the Photoshop 1 folder, create a new folder and name it Assignment 8.
Inside the Assignment 8 folder, save the PSD file and name it Hawaii.

Click here to see the the rubric for this assignment.

PROJECT 2: Head Blend - 2 Days

Use a digital camera to take a picture of your upper torso. Save this picture in a folder called Project 2. The Project 2 folder should be inside your PS 1 folder. Name the picture your first name (Mohammad, Joe, etc.)

Find someone in class to swap pictures with. Name the picture their first name and save it in the Project 2 folder.

Open up both images in Photoshop.

Using the skills you've learned in the past lessons, you are going to blend your head (from the picture) onto your friends picture. You MUST use Mask Layers to do this. If you forget how to do it, refer to the Swapping Heads in a Family Portrait video.

Make sure to BLEND the top face and DO NOT SIMPLY CUT IT OUT.

SECOND - In your photo, in which you are leaning, BLEND IN a celebrity of your choice. The final product should have you leaning on that celebrity. Keep the original background. You will need to use layer masking to bring in the body of the celebrity.

Do NOT flatten the images.

Save the picture as a PSD inside your Project 2 folder. Name it Head Blend.

Click here to see the the rubric for this project.

Type Essentials

Lesson Overview

At the end of this lesson, the student will be able to:

Select and manipulate type and type tools.

Let’s begin!

Start this section by watching the following videos. This will take you approximately 25 minutes.

Character (Point) Type
Paragraph (Area) Type
Checking Spelling
Type on a Path
Warping Text

ASSIGNMENT 9 - 1 Day

Create a a new folder inside Schart called Assignment 9.

Create a new 5 inches wide by 7 inches high PSD document and call it Flyer.

Use the Type tool to type the title of your flyer. The title must as follows:

"Which iPod are You?"

Choose a color for the text other than black.

Use the Berlin Sans font.

Size the text to 18.

Use the Warp tool to "funkify" your title.

Below this, add a text box. Include at least three sentences describing which iPod you like to use and why. If you do not use an iPod - WHAT IS WRONG WITH YOU? If this is the situation you find yourself in, explain why you chose to use an "mp3 player" rather than an ipod.

Justify your text box.

Create a path to type on by using the pen tool. Select the pen tool - make sure that "paths option" on the top tool bar is selected NOT the "default shape layers". Go to the point on your canvas where you would like the text to begin. Click once to set your beginning point. Without holding your cursor down, go to the end point on your canvas and click once. To add a bend to the path, select anywhere on the line and click and drag the line.

Now type on the path as shown on the video. Write:

"iAm an iPod rYou?".

Choose a color for the text other than black.

Use the Bradley Hand ITC font.

Size the text to 18.

Do NOT flatten the image.

Save the Flyer PSD into your Assignment 9 folder.

Click here to see the the rubric for this assignment.

Filters

Lesson Overview

At the end of this lesson, the student will be able to:

Use a number of select filters to manipulate images.

Navigate the filters menu.

Experiment with and apply filters.

Let’s begin!

Start this section by watching the following videos.

Gaussian, Surface and Lens Blurs
Lens Blur Pt. 2
Radial Blur
Simulating Film Grain with Add Noise
Reducing Noise
Smoothing Skin with Median
Smart Sharpening

ASSIGNMENT 10 - 1 Day

For this assignment, you are going to create a desktop wallpaper that will become a part of your 'user profile' . To do this, you will use pictures, text or any other objects you wish. It is important to note that your wallpaper must not be too 'busy'. That is to say that your icons and their corresponding titles must be easy to see on the desktop.

Click on the above picture to see a full-size example.

Create a new document that is 1024 x 768 pixels. Set the resolution to 72 pixels/inch. Insert an image of your self with friends or family.

You must use the following effects on the image (make sure you are on the layer that you want to adjust):

Liquefy must be used on the picture within reason; it can be comical but the integrity of the image must be retained.
The filter 'Lighting Effects' must be used on the image to enhance and highlight the image (experiment with the different types of Lighting Effects).

Use Layer Mask or the Select tool to remove the background of the original picture and then replace that background with a solid color.

Add a title to the canvas that relates to the image itself. Choose a font, color, and size that are clear and bold.

Once you've completed this assignment, save it as a jpeg named wallpaper1.jpeg under a folder titled Assignment 10.

Apply the picture you have created as your desktop.

Once the wallpaper appears, rearrange your icons so that they are visible. Reorganize your desktop so that all icons are on the colored background of the picture.

Use SnagIt to take a full screen shot of the desktop. Save this as wallpaper2.jpeg in your Assignment 10 folder.

Click here to see the the rubric for this assignment.

PROJECT 3: Magazine Cover - 3 Days

This project will be a culmination of all of the skills you've learned so far. You are going to take an existing magazine cover and manipulate the photo and text.

Click here to view the magazine covers that you may use. You MUST use one of these.

Here is a before and after view of a manipulated cover. The fonts, color, and over-all appearance need to remain the same. Do not create an entirely new look for the cover. If compared side-by-side, it should take a moment to actually recognize what has been changed.

Click here to see the full-size image.

Your project must follow these protocols:

The magazine must be taken from one of the sample magazines provided.
The document must be 150 pixels/inch. The magazine size must be the same as the original but with an added 10mm white border.
Your face must be blended into the face on the magazine. Image adjustments must be used to match skin tones. You may not cut and paste your head onto the original models head. It must be blended using a mask.
All text must be recreated. This means that you will need to find a matching font and manipulate it until matches the size and color of the existing font types. The new text may say whatever you want it to say.
Background colors must be cleaned up or redone.
Check the detail section of the rubric to see how to perfect your cover.

Do not underestimate the difficulty of this project. A well done cover may take 5 - 6 hours. This means that you will most likely need to come in outside of class time to complete it. The goal is for others to question which is the original cover and which is remake.

Create a Project 3 folder in your PS 1 folder. Save the document as magazine.psd and as magazine.jpg.

Once you've completed this, your teacher will print the picture for display.

Click here to see the the rubric for this project.

Accredited by the Middle States Association of Colleges and Institutions since 1971