** REMEMBER **

Save your working files (files that aren’t done yet) to the Desktop,
then drag to Google Drive.

Save it like this:
From your program, go to FILE>SAVE AS and choose DESKTOP,
then drag from the DESKTOP to GOOGLE DRIVE and the Correct Class Folder.

Save your final file in Google Classroom.
Just add the file from Google Drive.


In this class, you will be using the program Adobe Photoshop
to change photos, draw, and other cool things.

 Before we start, however, we have to learn the Photoshop Toolbar and what all the tools do.
Later on this year, we will be learning other
Adobe software, such as Flash and InDesign.

All Adobe software uses similar toolbars, so once you learn the Photoshop toolbar,
you will find the other programs A LOT easier to learn! OK, this is boring, so let’s get going!

If you don’t finish this lesson in one class period, you should save your photo to the Desktop
and Upload to Google Drive so you can use it next time!

The first thing you need to do is open Photoshop!
You will find an icon at the bottom of your screen that looks like this:

photoshop-icons

Click it! You will see a screen like this:

Photoshop-screen

If it doesn’t quite look like this, go to Window > Workspace > Essentials
(the menu is on the top of your screen) and all the panels will be reset.

Here is the the Photoshop Toolbar!

Photoshop-screen-toolbar

Below is a close up of the Toolbar. Similar tools on the toolbar panel
are grouped together, but only one icon is shown
(you’ll know which ones because they have a little triangle at the bottom right corner).

If you want to display all the tools in the group hold the cursor
over a specific tool icon and press the mouse button.

If you want to know what the tool is called,
place the mouse over the tool, wait a second, and it’s name will appear!

Plus, all the tools have a shortcut key to get to them quicker.
You’ll see what it is when you look at the tool’s name.

p-toolbar

Let’s check out what these tools do!

Move Toolmove-tool

Shortcut – V.
The Move Tool is used for moving things on the screen.
You can move text, layers, selected areas, and other stuff.

The shortcut for this tool is the “V” key, but to temporarily access it
while having another tool selected just hold Command and do the moving.

Once you’re done moving release Command and ­you will have control of your previous tool
(the tool you had before pressing Command).


Before we move on, let’s get a picture for you to use to test out these tools!

Open Google and search for an image (any image, as long as it’s school appropriate!)

As you mouse over the image, look for numbers that are over the image that
are about 800 pixels for the first number (a little bigger or smaller is fine.)

Click on the image, then choose VIEW IMAGE on the right (to get the largest version).

You will be doing this a lot in this class, so this is good practice for you!

Hold down the CONTROL key and click on the image.

Choose COPY IMAGE.

Go back to Photoshop and on the top menu, choose FILE>NEW
(anytime you see a command in the assignment that has a > like FILE>NEW,
it’s talking about the menu at the top of the screen!)
.

Click OK. Then choose EDIT>PASTE.


OK, Awesome! You can try all these tools on this picture.
There’s ways to
fix mistakes, but I will talk about those later. Let try some tools!

The Marquee Tools marquee-tool (Rectangular, Elliptical, Single Row and Single Column)
Shortcut – M.

The Rectangular Marquee Tool is used for making rectangular selections and
the Elliptical Marquee tool is used for making elliptical (circular) selections.

If you want to create perfect circles or squares hold Shift while dragging with the respective tool.

marquee-tool-hold-down


The Lasso Tools 

lasso tool

(Lasso, Polygonal, and Magnetic Lasso Tool)
Shortcut – L.

The Lasso Tool is used for selecting a certain part of a picture.

The Polygonal Lasso tool is a bit more precise (I use this all the time!),
allowing you to create a selections formed by straight lines.

The Magnetic Lasso Tool has the most precision of all the tools in the group.
It works by snapping to the edges of the objects.

You simply click once on the edge of the object you want to select and release the mouse button.
Then carefully drag around the object and notice how the Magnetic Lasso Tool “snaps” to the edges.

NOTE: If the  colors of the object and background are similar,
the magnetic lasso might not be able to figure out the difference!

lasso-tool-sub

You can see below a selection I made with the Magnetic Lasso Tool.
It’s the blue umbrella.
Not a very bad selection considering the fact that I spent 20 seconds to create it.
This is a recommended tool for beginners.

magnetic-lasso-example

Go ahead and try the different Lasso Tools on your image.


The Quick Selection and Magic Wand Tools 

magic-wand-tool

Shortcut – W.

The Quick Selection tool has the advantage of being, as the name suggests, quick.
Its icon looks like a brush and if you start painting with this brush inside of an object you will quickly select it.
It helps a lot if the object has strong edges but even if it has soft edges
(like a face against a reddish sky) it still behaves pretty well.
Highly recommended for quick work or if you don’t know how to use other tools.
Not recommended for precise selections.

The Magic Wand Tool is a nice little tool that has its uses from time to time.

If you click somewhere in the image it will select all pixels
in that area that have colors close to the colors you clicked.

You can set how many similar colors by entering a value in the Tolerance box
(the Tolerance is situated in the tool option bar along the top of the screen).

tolerance-box

In the image below I set the Tolerance setting to 2 and I clicked on the wall.
Notice how ragged and ugly my selection is.

9

After I changed the Tolerance level to 20 and clicked on the same spot on the wall
(after deselecting the previous selection) the selection is much better.
This number means that more of similar colors will be selected when you click.

NOTE: To deselect a selection, click COMMAND + D.
You will use this a lot!

10a

Also in the tool option bar is a checkbox that allows you to select areas that are not connected,
so if I click again on the same spot on the wall after
removing the check from the Contiguous check box

I would select both the wall on the left and right and
generally every pixel with a close color to the clicked area.
Check out the picture below.

contiguous

11


Crop Tool, Slice Tool and Slice Select Tool

crop-tool

Shortcut – C.

The Crop Tool allows you to crop your images to the desired size.
Click, drag, press Enter and you just cropped your image.

The Slice Tool and Slice Select Tool are mainly for Web Designers and have very few uses for regular uses.
How it works? Well, you drag with the Slice Tool and create rectangles (usually web pages layouts).

Don’t worry about learning the Slice tool right now!


Eyedropper Tool

eyedropper-tool

Shortcut – I.

If you’re doing color correction in an image then the Eyedropper Tool is your best friend.
If you click with this tool anywhere on the image you will set the Foreground color
to the color below the Eyedropper Cursor.

A quick way to access the Eyedropper tool while having
the Brush Tool selected it is to press the Option/Alt key.
You will be using this tool a lot in future projects!

Go ahead and click on some spots on your picture to see how
the Eyedropper chooses the color that you clicked on.

Look at the bottom of the toolbar to see the color that you picked.


ASSIGNMENT ONE:

  1. Make sure you have a part of your picture selected using the Magic Wand or Quick Selection Tool.

  2. Use the Eyedropper Tool to pick a different color from your picture.

  3. Go to EDIT>FILL on the top menu and make sure FOREGROUND COLOR is selected.

  4. edit-fill
  5. Click OK

  6. The color should change to the color you picked!

  7. Save your final picture to the Desktop. Choose FILE>SAVE AS and choose DESKTOP.
    Just leave the name as it is and click
    OK. Make sure the end of your filename is .PSD


That’s the end of part one of the toolbar!

From your program, go to FILE>SAVE AS and choose DESKTOP,
then drag from the DESKTOP to GOOGLE DRIVE and the Correct Class Folder.

Save your final file in Google Classroom.
Just add the file from Google Drive.

GOOD JOB ON PART ONE!