Adobe Photoshop
Interface
Activity
Ask:
1. Who has heard of or used Photoshop before?
2. What did you use it for?”
Lesson Objectives
a. identify the parts of the Adobe Photoshop interface;
b. describe the function of each component;
c. navigate the Photoshop workspace effectively.
Lesson Objectives
Think Pair Share
Guide Questions:
Are you familiar with the interface?
What can you say about the interface?
List down the different parts of the interface
that you are familiar.
Adobe Photoshop Interface
Adobe Photoshop Interface
Menu Bar
Contains menus organized by tasks. For example, the Layers menu
contains commands for working with layers. In Photoshop, you can
customize the menu bar by showing, hiding, or adding color to menu items.
Menus are probably the most familiar interface elements to a new
Photoshop user. They contain all sorts of options, but since these are not as
visible as panes or the toolbar, they are often only partially explored. Below
are the features on the menu bar.
1. File Menu contains all of the stuff you expect. It lets you open and
close documents with a few extras including import, which deals with
scanning, and save for web, which allows you to export a web-ready
image from your Photoshop file.
Adobe Photoshop Interface
Menu Bar
2. Edit Menu is another familiar menu. In Photoshop, edit houses all of
the expected options as well as fill and stroke, and other image-altering
functions. Handles copy, cut, and paste. It is also where you set color
spaces and transform layers.
3. Image Menu affect a whole image for the most part. Here you will find
color adjustments, size adjustments, and any other changes you need to
make globally when working with a Photoshop file.
Adobe Photoshop Interface
Menu Bar
4. The layer menu is similar to the image menu. It allows you to make
changes to an image without altering your original image data. It contains
options that affect only current or selected layers. Just understand that an
image in Photoshop consists of stacked transparent layers. Options in the
Layer menu affect these pieces of the image rather than the complete
image.
5. The select menu deals with selections you make. Selecting the specific
parts of an image you would like to change is a difficult part when working
with Photoshop. This menu gives you some options regarding selections,
including the ability to save selections, reverse them, or add to them.
Learning the options on the selection menu can really save you some time.
Adobe Photoshop Interface
Menu Bar
6. The filter menu is probably what most people think when they work
with Photoshop. The filter menu allows you to apply filters to any part of
your image. These filters include ways to change the texture of the image,
with some potentially radical results.
7. The view menu is where you change the view settings. You can use this
to show and display guidelines on the image and to zoom in and out,
among other things.
8. The window menu allows you to toggle back and forth between hide
and show for each interface element. This is the first place you should go if
you lose track of a particular window while you are working.
9. The help menu. The help documentation is not so helpful, but for some
reasons, this menu contains two nice features: resize image and export
transparent image.
Adobe Photoshop Interface
Options Bar
The Options Bar displays options for whichever tool we've selected in the
Toolbar. You'll find the Options Bar along the top of the interface, just above
the document window.
The Panels
Along the right of Photoshop's interface is where we find the panels.
Panels give us access to all sorts of commands and options, and there are
different panels for different tasks. The most important panel is the Layers
panel. It's where we add, delete and work with layers in our document.
Adobe Photoshop Interface
Document Window
Document window is the large area in the center of the interface where
the image is displayed. It's also where we edit the image. The actual area
where the image is visible is known as the canvas.
Paste Board
The dark area surrounding the image is the pasteboard. The
pasteboard doesn't really serve a purpose other than to fill in the space
around the image when the image itself is too small to fill the entire
Document window
Document Tab
At the top of the Document window is the document's tab. The tab
displays the name and file type of the document
("Untitled-1@100%(RGB/8)") and its current zoom level (100%). The tab is
also how we switch between document windows when we have more than
one image open in Photoshop.
Adobe Photoshop Interface
Toolbox
The Toolbox is where Photoshop
holds all of its tools. You'll find it
along the left of Photoshop's
interface. There's tools for
making selections, for editing and
retouching images, for painting,
adding type or shapes to your
document.
Adobe Photoshop Interface
The Zoom Level and Status Bar
Located at the bottom of every document window and displays useful
information—such as the current magnification and file size of the active
image, and brief instructions for using the active tool. The current zoom
level is displayed, just like it is in the document's tab. And to the right of
the zoom level is the Status Bar. By default, the Status Bar displays
the color profile of the image.
Activity
Live Demonstration
Launching the Photoshop Application
Steps in Launching the Photoshop
Application
Click the start button on the Windows
taskbar. Point to All Programs on the
start menu. Point and click Adobe
Photoshop.
Or double the shortcut icon for adobe
Photoshop in the desktop
Once you have opened the application
(after a few moments of loading time),
the Photoshop interface will appear as
shown.
Launching the Photoshop Application
Opening a Photoshop Document
To open or create a new document in Photoshop, follow these
steps:
Click “File” on the menu bar, and then select “New”.
You will see a New dialog box like this.
Launching the Photoshop Application
Use the New dialog box to create a new, blank document. Then, select the
attributes for the new file.
Type a name for your new document and select a preset size from a drop
down list. Then set the resolution and background of your new Photoshop
document. You can choose a colored, white, or transparent background.
The resolution which tells how much information is contained in your image,
how clear it is, how big the file is and what it looks like in the format you want
to output it in.
As a beginner, just use the default resolution of 72. The recommended
setting is: width=11 inches and height=8.5 inches
Saving a Photoshop Document
Saving a Photoshop Document
To save your file after working on your new
Photoshop document, follow the steps
below:
1. Click the file menu.
2. Click Save as.
3. Choose the file format (e.g. in PSD) you
wish to save the file.
Closing a Photoshop Document
After saving your Photoshop document, follow the steps below to close
it:
1. Click the file menu.
2. Click the Close button, or simply press Ctrl+w.
Activity: Memory Enhancer
Directions: Label the parts of the Adobe Photoshop Interface. Write your answer in your paper.
Reflect:
“How can learning Photoshop help in
school projects or future jobs?”
Generalization
“Why is it important to know the interface
before using any software?”
Hands-on Activity
Interface Navigation (Hands-On)
Instructions: Perform the following tasks in Adobe Photoshop.
Once done, take a screenshot and submit it (printed or uploaded as
instructed by your teacher).
Tasks:
[Link] Adobe Photoshop.
[Link] a new file (11” for the width and 8.5” for the height , RGB
Color).
[Link] White background color.
[Link] 100 for the resolution
