LESSON 1: Photoshop’s Workplace

OBJECTIVES
 Understand - Selection tools
- Photoshop - Retouching tools
- Parts of a Photoshop Window - Drawing and type tools
- Toolbars and panels - Annotation. Measuring and
- Photoshop’s Workspace navigating tools
 Know the different kinds of tools  Open and save images

What is Photoshop CS5?

Photoshop CS5 is a tool to create, modify, combine and optimize digital photos and images in your
computer. This program excels in digital photograph and is used to perform subtle changes such
as adjusting brightness and contrast of the images, combines different image elements and keeps
your images organized.

Starting Photoshop CS5

1. Click the Start button.

2. Click All programs.
3. Select Adobe then choose Adobe Photoshop. Some installations of Photoshop are part of an
Adobe Suite. Select the Adobe Suite and then scroll to where Photoshop is found.
4. Select Adobe Photoshop CS5.

Understanding Photoshop

Photoshop is a powerful tool to modify the photo images from cameras or other sources.
Understanding how photos work will let you understand more of Photoshop and its tools to
make your work easier.
The Photoshop Window

Using the Mouse

The mouse directs the movement of the pointer on the screen. As you move your mouse, the
pointer on the screen also moves. You can point your mouse on the Menu Bar or Photoshop tools
to select a tool or command by clicking the mouse.

TERM HAND MOVEMENT

Point Move the mouse until pointer is pointing an item on the
screen
Click Press and release the left mouse button
Double- click Press and release the left mouse button twice
Triple - Click Press and release the left mouse button trice
Right - Click Press and release the right mouse button
Drag Point and hold down the left mouse button while moving the
mouse to a new location

Using the Keyboard

Photoshop provides you with any shortcuts and keyboard options indicated beside the tool name
and on the drop down menus from the Menu Bar.
Changing Window Display

Using Photoshop’s Workspace

Photoshop’s workspace has a vast selection of tools starting from selecting images that you want
to edit, to panel based features to create and edit images in Photoshop.

A workspace is the arrangement of tools and panels. You can create your own workspace by
choosing the tools or commands from the Menu Bar and dragging them to the document window
or work area. By customizing the workspace, you can make your own setting and display the tools
you frequently use for designing, editing and other tasks. You can move the panel to other
locations within the workspace by clicking and dragging the panel’s title bar. To close the panels,
click Close x button on the panel’s gray bar. You can go back to the original set up of the
workspace by clicking the Window>Workspace>Essentials (Default) from the Menu Bar.
The Applications Bar
The Applications bar provides quick access to Bridge and Mini Bridge, Arrange Documents, Zoom
level and Screen Mode options.

The Menu Bar

The Menu Bar contains all the functions available in Photoshop. By clicking a menu in the Menu
Bar, a dropdown list of tools or commands will appear. You can access the tools directly from the
Menu Bar, from the Tools panel or you can customize your workspace to make your tools readily
available as you are working in your work area.

The Options Bar

The Options bar is where you can choose a wide variety of options to design and modify your
image or text. The Options bar changes depending on what tool you have selected form the Tools
panel. It will show the settings related to the tool you have selected. You can customize the
settings for almost every tool in the Tools panel.
The Hidden Tools or Fly Outs
Each tool in the Toolbar has one or more tools inside which will be described in the later topics.
Place the pointer on the tool to display the name of the tool. By clicking and holding the small
triangle beside the tool, a fly out will appear.

Working with Panels

The small windows you can see at the right side of the Photoshop window are called panels. The
panels can be collapsed into an icon size or it can be expanded to see the options. Panels can be
docked or grouped together or moved around anywhere in the workspace. You can organize your
panels anyway you want which will make your work easier and faster.
To collapse the panel to an icon size, click the Collapse >> button or the Expand << button to
display the options. Click the Close x button to close the panel or click and drag the dark gray bar
of the panel to move it around.
The Tools Panel

The Tolls panel is on the left side of the screen. It has many tools that allow you to control and
modify the image that you opened in Photoshop. The tools in the Tools panel are the frequently
used tolls and they are automatically displayed when you launch Photoshop. You can display the
tools in two columns by clicking Collapse << button and return them to one column by clicking the
button again. You can also hide and display the tools panel on the Menu Bar by clicking Window
> Tools.
You can move the Tools panel in any location within the workspace by clicking and dragging
dotted lines :::::::: on top of the Tools panel.
The Selection Tools
The Selection tools are the first five icons from the top of the Tools panel. These tools help you
easily select the objects in your images.

The Retouching tools

The Retouching tools are the next group of tools after the Selection tools. These tools can help
you remove irregularities to improve your images.
The Drawing and Type Tools
The Drawing and Type tools are the next group of tools following the Retouching tools. They allow
you to create images from shapes and text and can be inserted in the images that you prefer.

The Annotations, Measuring and Navigation Tools

The last tools in the Tools Panel are the Annotation, Measuring and Navigation tools. They help
you navigate through the images and give you the capability to make notes in your image for
organization.
The Panel Viewer
The Panel Viewer allows you to navigate through the images that you have worked through. It
allows you to preview finished work history of your works in the past. This will let you work easier
when you want to preview images without saving the image first in your computer.

The Panel Dock

The Panel dock located at the right side of the window is collection of panels or panel groups. You
can add and remove panels. You can view all functions available by clicking window from the
Menu Bar. You can check or uncheck panels that you want to view or hide. You can hide the
Panel dock and display it again from the Menu Bar by clicking Windows>
Workspace>Essentials.

Zooming the Image

You can change the size of the view of your image on the screen to have a closer look at your
image to work on it with better control and flexibility. One way is to zoom in and out of your image
by clicking the Zoom tool in the Tools panel. Then select the part of your image where you want to
zoom in. The image will now move closer and can now be edited in a bigger and closer view. You
can also use the keyboard shortcuts Ctrl + to zoom in or Ctrl- to zoom out.

When you click the Zoom tool, a plus = sign will appear. The image will be magnified more each
time you click the mouse. To zoom out or decrease the magnification, click the Zoom icon and
hold the Alt key. A minus – sign will appear. The view will be reduced each time you click the
mouse.
Short Cuts
Ctrl + Zoom
Ctrt – Zoom

You can view another area image by selecting the Hand tool and dragging to the area you want to
view in. You can use this tool when you want to edit another part of the image and instead of
zooming out, you can just move the image using the Hand tool to see your desired area as you
can see from the iage above to the image below.

You can also use the Navigator panel at the right side of your screen to zoom in and out of your
image. Just by scrolling the sliding tab under the image in the navigator tab, you can zoom in and
out of the image. You can also enter values to where you want to zoom in or out of the image at
the left side of the sliding bar.
Opening an Image
There are two ways to open an image in Photoshop. One is double click the gray are and when
the Open dialog box appears select the file name of the image you want to open.

Another way to open an image is from the Menu Bar click File>Open and when the Open dialog
box appears select the file name of the image you want to open.
In the Open dialog box, go to the Look in and select where the image is stored. From the list,
choose an image in the files and click the file name or type it in the File name box and click Open.
The image will now appear in the window and ready for editing.

Getting Images from Other Sources

You can also get images from other sources like scanned photos from your scanner, digital photos
from your camera, images from the internet or start from scratch using the Paint program.
Creating a New Image in Photoshop
You can create new images in Photoshop from scratch to make your own image using the
different tools of the program.
1. On the Menu Bar click File.
2. Click New
 3. When the New dialog box appears, fill up the name and settings required.
4. Click Ok.
5. A black window will open where you can work on your image.

(Picture)

Creating New Window Image

You can create multiple windows for you image. This allows you to compare the original image
from your edited image an make it easier to navigate through with multiple windows to organize.
To create a new window for your image, you can go to the Menu Bar and click
Window>Arrange>New Windows. A new window will appear for you image.

Importing an Image
There are number of ways to import images to your Photoshop. One way is by going to the Menu
Bar and click File>Open. A dialog box will appear for you to select the image you would like to
place in Photoshop.
Another way is by dragging an image file from another folder going to Photoshop window. This is
the quickest way to import an image so that you do not have to find the image that you would like
to import in Photoshop. Just choose the image that you would like to insert and then drag it to the
Photoshop window. You need to minimize Photoshop so that you can click and drag your image
easily to the Photoshop window.

To import multiple files in your Photoshop using the Open dialog box, you can select as many
images as you want simultaneously for multiple image imports. Just by highlighting the images
that you want to import and then clicking the Open button will import all the images in the
Photoshop window.

After importing multiple files, you will see separate windows for the respective file that you opened.
Displaying the Information of an Image
You can display the information of your image which is located in the lower left part of the image
window. You will see the values, the image size and many more. This is useful to know your
images pixels and for any adjustment you want to make.
Click the arrow> to show the menu and select the information you would like to see. The
information will be displayed at the bottom of the window.

Using Rulers
Short Cuts
To view ruler Ctrl = R
Rulers help you position your images accurately. They will help you organize your images and
measure your design precisely.
To view the ruler go to the Menu Bar and click Window>View>Ruler. This will show the ruler at
the left side of the image and at the top of the window.
Snapping
Snapping lets you snap the image to a precise point in the ruler. The default snapping location is
(0,0). To snap your image, go to the Menu Bar and click View>Snap.

Saving Your Images

Short Cuts
To save your file using the keyboard- Press Ctrl + S
It is important to know the options to save a file. New, edited and opened document may be saved
for future use or for a succeeding action such as printing and modifying.
SAVE COMMANDS
COMMAND FUNCTION
Save This save function overwrites a previously saved
file. This save command opens a Save As dialog
box the first time a document is saved. You can
enter a file name and location where the file will
be saved.
Save As This save function opens the Save As dialog box
which you can save an existing file either using
the same name or a different one, also you can
choose to save the file in a different file location,
name or file type.

You save your images to many kinds of files. If you are not ready to save your image permanently
to another application, you can save your image to a Photoshop file. You can do this by just
clicking on Save As on the File menu and ten a dialog box will appear that will ask you where you
will save the file and what kind of application you want it to be saved in.

As you type your file name and the folder where you want to save, on the format drop down menu
select Photoshop. The file extension for that application is .psd or.pdd. This will save your
application to the Photoshop image and can be edited again with the layers and effects that you
have placed in the image.
You can also save you image through any kind files like the .jpeg file or the .bmp file in case your
image is final. Just by selecting the format drop down menu, choose the file name where you want
to save to your image.
 ACTIVITY 1

Identify the parts of the Photoshop window. Write your answer on the space provided.

1. _________________________________

2. _________________________________

3. _________________________________

4. _________________________________

5. _________________________________

6. _________________________________

ACTIVITY 2

Answer the following questions

1. How do you open an image or a file?

______________________________________________________________________________________

______________________________________________________________________________________

______________________________________________________________________________________
2. How do you save an image or a file?

_______________________________________________________________________________________

_______________________________________________________________________________________

_______________________________________________________________________________________

3. What are the four groups of tools in the Tools panel?

_______________________________________________________________________________________

_______________________________________________________________________________________

_______________________________________________________________________________________

4. What is a workspace?

______________________________________________________________________________________

______________________________________________________________________________________

______________________________________________________________________________________

5. What is a panel viewer?

_______________________________________________________________________________________

______________________________________________________________________________________

______________________________________________________________________________________

HANDS-ON 1

1. Open in Photoshop a sample picture in your computer.

2. Observe the Panel clock, Panel Viewer, Tools Panel and other parts of the Photoshop window.
3. Click each button of the Tools panel and see the changes in the Options bar.
4. Save the picture in Photoshop.

ACTIVITY 3

Identify the following Retouching tools and give their functions.

ICON NAME FUNCTION

 ACTIVITY 4

Identify the tools described below. Choose the answers from the box below.

Shapes tool Path Selection tool Text tool

Pen tool Slice tool Crop tool
Quick Selection tool Lasso tool Marque tool
Move tool

1.
It draws smooth edge paths.
2.
It creates text.
3. It makes shape or segment selections showing
anchor points, direction lines and points.
4.
It draws shapes and lines.
5.
It moves selections, layers and guides.
6.
It makes rectangular selections.
7.
It makes free hand or snap to selections.
8. It makes you quickly paint a selection using a round
brush tip.
9.
It crops the image.
10.
It makes you slice the images free handedly.
 ACTIVITY 5

Encircle the letter of the correct answer.

1. It is a tool to create, modify, combine and optimize digital photos in your computer.

A. Photoshop CS5 B. InDesign CS5 C. Illustrator CS5 D. Acrobat 9

2. It makes the window as big as the screen.

A. Close B. Maximize C. Minimize D. Restore

3. It contains all the functions available in Photoshop.

A. Options bar B. Applications bar C. Menu bar D. Hidden tools

4. It makes the window shrink to a button size on the Task bar.

A. Close B. Maximize C. Minimize D. Restore

5. It provides quick access to Bridge, Mini Bridge and others.

A. Options bar B. Applications bar C. Menu bar D. Hidden tools

6. It has many tools that allows you to control and modify the image that you opened in Photoshop.

A. Tools panel B. Selection tools C. Type tools D. Hidden tools

7. It allows you to navigate through the images that you have worked on.

A. Selection tools B. Applications bar C. Tools panel D. Panel Viewer

.8. It helps you to position your images accurately.

A. Snapping B. Ruler C. Close button D. Hidden tools

9. It allows you to snap the image to a precise point in the ruler.

A. Snapping B. Ruler C. Close button D. Hidden tools

10. These are the first five icons from the top of the tools panel.

A. Tools panel B. Selection tools C. Type tools D. Hidden tools