COMPUTER COMMUNICATION DEVELOPMENT INSTITUTE

Learning Management System

ADOBE PHOTOSHOP

Adobe Photoshop
Adobe Photoshop is a software application for image editing
and photo retouching for use on Windows or MacOS computers.
Photoshop offers users the ability to create, enhance, or otherwise edit
images, artwork, and illustrations. Changing backgrounds, simulating
a real-life painting, or creating an alternative view of the universe are
all possible with Adobe Photoshop. It is the most widely used software
tool for photo editing, image manipulation, and retouching for
Image 1.0 – Photoshop Logo
numerous image and video file formats.
The tools within Photoshop make it possible to edit both individual images as well
as large batches of photos. There are several versions of Photoshop, including Photoshop
CC, Photoshop Elements, Photoshop Lightroom and Photoshop Express, a version of
Photoshop for iOS with reduced features. Adobe Photoshop is available on its own as a
subscription that includes Photoshop Lightroom, and as part of the larger Creative Cloud
subscription.

Photoshop CS & CC Versions

CS Version CC Version

Photoshop CS: Photoshop CS was released Photoshop CC: Released in June 2013
in October 2003.
Photoshop CS2: Released in May 2005. Photoshop CC 2014: Released in June 2014
Photoshop CS3: Released in April 2007. Photoshop CC 2015: Released in June 2015
Photoshop CS4: Released in October 2008. Photoshop CC 2017: Released in November 2016
Photoshop CS5: Released in April 2010. Photoshop CC 2018: Released in October 2017
Photoshop CS6: Released in May 2012. Photoshop CC 2019: Adobe announced the
Photoshop CC 2019 update at the Adobe Max
conference in late 2018.
Photoshop CC 2020: The most current version of
Photoshop was made available in the fall of
1

2019 and received minor updates in June 2020.

Page

Course: IT Software Solutions for Business www.ccdisorsogon.edu.ph

Instructor: Aljon N. Frivaldo
E-mail: [email protected]
 COMPUTER COMMUNICATION DEVELOPMENT INSTITUTE
Learning Management System

What's New in Adobe Photoshop CS6

Adobe Photoshop CS6 is the sixth generation of the Photoshop program, and it's
come a long way! CS6 boasts of a lot of improvements to an already impressive program.
These improvements include major updates such as:
• Improved Blur Gallery. For those who like to add special effects and filters to their
photos, such as blurs, Photoshop CS6 gives you a new blur gallery with on-image
controls.

• Content Aware Patch. Retouch images even faster than before using the Content
Aware Patch.

• Less panels for less confusion. The Properties panel does away with the need for so
many panels. You can now access masks through the Layers panel - then use the
Properties panel to edit and create them.

• New crop tool gives you greater control and precision when cropping images.
• Mercury Graphics Engine makes editing quicker than before - and Photoshop
more powerful. See things like Puppet Warp, Liquify, and lighting effects in real
time - instead of waiting for the program to process the changes like you have to
in other programs.

• Improved auto corrections for even better photo adjustments.

• A new, modern look to the user interface.
• And much more!

Navigating Photoshop

In the snapshot below, you'll see the main Photoshop CS6 window. This is what you'll see
whenever you open the program.

2
Page

Course: IT Software Solutions for Business www.ccdisorsogon.edu.ph

Instructor: Aljon N. Frivaldo
E-mail: [email protected]
 COMPUTER COMMUNICATION DEVELOPMENT INSTITUTE
Learning Management System

Image 2.0 – Photoshop CS6 window

At the top of the window is the Menu bar (pictured below).

Image 3.0 Menu Bar

Throughout the lesson, we'll use this menu bar to perform functions, utilize features, and
execute commands.
The menu bar includes the following menus:
• File • Filter
• Edit • 3D
• Image • View
• Layer • Window
• Type • Help
• Select

The workspace is all the space below the menu bar. It includes the area where you will
open images, as well as the tool bars and panels that we'll learn about in just a few
minutes. In CS6, the workspace is darker than earlier versions.
3
Page

Course: IT Software Solutions for Business www.ccdisorsogon.edu.ph

Instructor: Aljon N. Frivaldo
E-mail: [email protected]
 COMPUTER COMMUNICATION DEVELOPMENT INSTITUTE
Learning Management System

Image 4.0 – Workspace

PANELS
In Photoshop, panels help you edit or modify your work. There is a
different panel for different tasks that you want to accomplish. Panels
are located in the Panel Dock, which is located to the right of the
workspace.

Whenever you open a panel, it appears in the Panel Dock. Below you
can see the Color panel, which is open by default in Photoshop CS6.

Image 5.0 – Color Panel

Page

Image 6.0 – Panel Dock

Course: IT Software Solutions for Business www.ccdisorsogon.edu.ph
Instructor: Aljon N. Frivaldo
E-mail: [email protected]
 COMPUTER COMMUNICATION DEVELOPMENT INSTITUTE
Learning Management System

Some panels are grouped together. If you look at the Color panel above, you'll see a tab
for another panel, the Swatches panel. This tab appears as a darker gray.

If you wanted to open the Swatches panel, you'd simply click on the Swatches tab.

Showing and Hiding panels

You'll also be able to view and
modify information on the current file
through the other panels in the
workspace. For example, you can
view the document's layers in the
Layers panel. To show or hide any
panel, click the Window menu, then
select the desired panel (currently
visible panels are indicated by a
check mark). In the image below,
we're using the Window menu to turn
on the History panel.

Image 7.0 – Window Menu

You can use the double arrows to

expand or collapse panels. This can
be helpful if you want to temporarily
hide a panel without removing it from
the workspace.

Close a Panel
To close a panel, click and select
Close.
Image 8.0 – Expanding Panel

* You can also press the Tab key on your keyboard to show or hide all active panels.
5
Page

Course: IT Software Solutions for Business www.ccdisorsogon.edu.ph

Instructor: Aljon N. Frivaldo
E-mail: [email protected]
 COMPUTER COMMUNICATION DEVELOPMENT INSTITUTE
Learning Management System

The Toolbox
The Photoshop Toolbox is located on the left side of the workspace. Every tool in
the Toolbox allows you to edit, paint, view, or alter images or documents open in
the workspace.

Each tool in the toolbox is represented by an icon. Beside each icon is a

downward arrow. By right clicking a downward arrow, you can see variations of
the tool that basically have the same purpose, but perform slightly different
functions. For example, there is a Rectangular Marquee Tool. An Elliptical Marquee
tool is grouped with it and is accessible by right clicking the downward arrow. Even
though they are both marquee tools, one produces a rectangular marquee and
the other an elliptical. These different tools are grouped together in the Toolbox.

Learning all the tools in the Toolbox can seem like an overwhelming task because
there are so many. For that reason, Photoshop broke up the tools into different
sections to make it easier to get a basic idea of which tools perform what
Image 9.0 functions, as well as to make them easier to find.
– Tool Box

In the first section (at the top), you'll see all of the selection tools. These tools are
used for making selections. Making a selection is the process of separating or
isolating one or more parts of an image, which needs editing or apply effects to.

Below the selection tools, you have all of the paint tools. The paint tools allow you
to paint, change the colors in an area of an image, or even erase colors all
together.
6
Page

Course: IT Software Solutions for Business www.ccdisorsogon.edu.ph

Instructor: Aljon N. Frivaldo
E-mail: [email protected]
 COMPUTER COMMUNICATION DEVELOPMENT INSTITUTE
Learning Management System

Next, are all of the path, shape, and text tools. You will use these to add shapes,
text, and determine paths.

Lastly, the bottom section of the toolbox contains the different view tools that allow
you to view your image, as well as the background/foreground color tool.

For the time being, it's just important that you become familiar with the toolbox and the
different sections it contains.

The Options Bar

The Options Bar is located in the upper left-hand corner of the workspace below the
Menu Bar and above the Toolbox. It contains preferences and settings for the different
tools. For example, if we select the Text tool, the Option Bar would contain options and
preferences available for the Text tool. See the snapshot below.

Image 10.0 – Options Bar

7
Page

Course: IT Software Solutions for Business www.ccdisorsogon.edu.ph

Instructor: Aljon N. Frivaldo
E-mail: [email protected]
 COMPUTER COMMUNICATION DEVELOPMENT INSTITUTE
Learning Management System

References:
1. Get Started with Adobe Photoshop,
Retrieved from:
https://www.universalclass.com/articles/computers/adobe/photoshop/get-
started-with-adobe-photoshop.htm
2. What is Photoshop,
Retrieved from: https://www.agitraining.com/design-news/photoshop-training-
news/what-photoshop

3. Image 1.0 – Photoshop Logo,

Image source: https://www.pngfind.com/pngs/m/620-6201938_how-to-resize-a-
layer-in-photoshop-photoshop.png

8
Page

Course: IT Software Solutions for Business www.ccdisorsogon.edu.ph

Instructor: Aljon N. Frivaldo
E-mail: [email protected]