INTRODUCTION TO PHOTO

EDITING AND PHOTOSHOP

PREPARED BY:
CHRISTIAN F. ALAVAZO
What is Photo Editing ?
PHOTO EDITING

• The process of altering, changing, modifying,

whether they are processed photographs,
traditional analog photographs or
illustrations.
PHOTO EDITING

• Photo Means…. • Edit Means…

- Photographs - Alter
*Digital - Change
*Analog - Modify
- Illustrations
BASICS IN PHOTO EDITING
•Cropping
•Resizing and Compression
•Correcting
•Sharpening and softening
WHAT IS ADOBE
PHOTOSHOP ?
Photoshop is tool to create, modify, combine and
optimize digital photos and images in your
computer.
It excels in digital photograph and used to
perform complex changes such as adjusting the
brightness and contrast of the image, combines
image elements and keeping it organize.
SHORT HISTORY
• Created by American brothers, Thomas and John
Knoll in 1987
• Was named as ImagePro before then renamed as
Photoshop
• Purchased by adobe in 1988
• First released on February 19, 1990 exclusively for
Macintosh.
Photoshop Document (.psd file). A .psd
file is the default file format of Photoshop. It
is a multi-layer document that retains its full
editing options when saved. In many cases,
you will export web graphics from a psd
document file format.
Layers. Photoshop documents are composed
of layers, which can basically be described as
single transparent sheets that hold particular
pieces of an images. These layers can contain
images, text and vector graphics. They can be
rearranged and grouped according to user
needs.
Selections. This refers to regions in an image that
will be affected by the various tools. Once you
have selected an area, you can apply a tool to it,
such as paintbrush, or perform an operation such
as copy or crop. Selections can be any shape and
size; the shape depends on which selection tool
you are working with.
Resolution. Resolution refers to the number
of pixels in a full size image. An image with
high resolution (hi-res) contains more
information than an image with low
resolution (lo-res)
• Color mode. Color mode refers to the types of colors you
will be using in your image. CMYK and RGB are the most
important of these modes to be familiar with.
CMYK is the setting for images that will be printed to paper.
The letters refer to the four channels of color used to create
every color available: cyan, magenta, yellow and black.
RGB refers to the three channel color mode suitable for
images to be viewed on the web: red, green and blue.
THE PHOTOSHOP WINDOW
MENU BAR

Display menus that contains the most of the

Photoshop commands.
OPTIONS BAR

Displays the controls that are used to customize

the selected tool in the Toolbox
DOCUMENT TAB

Displays the name, color mode and magnification

of the open file or image.
TOOLS PANEL
Displays the different icons or tools that
are used to modify or edit the image.
PANELS

These are the small window

that allow you to access
common commands. They can
moved anywhere within the
window.
IMAGE WINDOW

Displays he image or
file that you have
opened.
STATUS BAR

Displays the magnification of the image

and its information.
Pallettes

• Palettes are groups of tools used to edit and manipulate your

image. Description of the most commonly used palletes in
adobe Photoshop CS6. Palletes used for more advanced image
editing will be not be covered in this specific presentation.
COLOR, SWATCHES, STYLES

• The Color Pallete displays the current

foreground and background colors and RGB
values for these colors.

• In the Swatches Pallete you can choose a

foreground or background color and add
customized color to the library.

• The Styles Pallete allows to view, select, and

apply present layer styles. You can also use
the styles in the pallete or add your own
using the Create New Style icon.
HISTORY
The history pallete store and displays each action
performed allowing you to jump any recent stage
of the image iteration.

ADJUSTMENTS
The Adjustments layers palette give you the
ability to apply an effect to a group of layers in
Photoshop (with a layer mask), and you can edit
that effect later, while preserving the original
layer.
LAYERS
Layers is probably the most important
and most used pallete. It lets you
organize your work into distinct levels
that can be edited and viewed as
individual units.
Layer Panel Options
• Layer Visibility – The eye shows that the selected layer is visible. Click
on or off to see or hide a layer.
• Layer locking Options – Click the checkered square icon to lock
Transparency, click the brush icon to lock the Image, click the arrow
icon to lock the position, and click the lock icon to lock all the other
options.
• Layer Blending Mode – Located above the Locking Options, Defines
how the layer’s pixels blend with underlying pixels in image.
• Layer Lock – The lock icon shows when the layer is locked and
disappear when it unlocked. Double click the icon to unlock the layer.
Layer Options Menu
• Displays the following options: New layer, Duplicate Layer, Delete
Layer, Layer Properties, etc. Some of the options are also displayed as
icons at the bottom of the Layers palette.

• Link Layers – Can be used to link layers together.

• Link Syles – If a layer has a style, an “Fx” icon shows at the bottom
of the Layers palette.

• Layer Mask – Allows you to hide certain parts of the layer,

which can then be revealed by using the paintbrush and
the white paint color to expose portions of the layer and
vice-versa with black paint color.
• Create New Fill or Adjustment Layer – Click the icon and
select an option to create a new fill or adjustment layer.

• Create New Layer – Click the icon to create new layer

• Delete Layer – To delete a layer, select a layer in the

Layers pallete and drag it to the trash can icon, or select a
layer and click the icon.
ToolBox
• These tools have a small triangles in the right-hand corner. To view
the “hidden” tools, click and hold down on any tool that has a gray
triangle in the corner.
Selections Tools
• Move Tool – used to select and move objects on the page. Click
on any objects on the page you wish to move.

• Marquee Tool – Selects an object by drawing a rectangle or

elipse arount it. Drag the marque over the area of the image you
wish to select.

• Lasso tool – Selects an object by drawing a freehand border

around it. Drag to draw a freehand border around the area of the
image you wish to select.

• Magic Wand – Selects all objects in document with the same or

similar fill color, stroke weight, stroke color, opacity or blending
mode. By specifying the color range or tolerance, you can control
what the magic want tool selects.
• Crop Tool – Click and drag the tool over the part of the
image that you want to keep. Resize the selected area
dragging the square at the sides & corners . Click the
Return/Enter key when you crop box is sized correctly.

• Eye Dropper – Takes color samples from colors on the

page and displays then in the Color Boxes, Select the
tool, click the color in the image you wish to sample.
ALTERATION TOOLS
• Healing Brush Tool – Corrects small blemishes in scanned
photos. Hold down the ALT key and left-click on the base color
you need to heal & left over the blemish.

• Brush tool - Draws brush strokes of different thickness and

colors. Click on the selected area, drag to draw lines.

• Clone Stamp Tool – Takes a sample of an image and applied over

another image, or a part of the same image.

• ART HISTORY – Paints over an image using the source data from
a specified history state or snapshop.
ALTERATION TOOL
• Eraser Tool – Removes part of an existing path or
stroke.

• Paint Bucket Tool – Applies a color fill to a selected

part of the image or to an entire layer.

• Blur Tool – Blur the sharp edges of an image.

DRAWING & SELECTING TOOLS
• Path Selection Tool – Select Path and path segments.

• Type Tool – Types text on a page.

• Pen Tool – Draws smooth-edges paths.

• Line Tool – Draws a straight line. Other shape are

hidden in this tool are: Rounded Rectangle Tool, Ellipse
Tool, Polygon Tool and Custom Shape Tool.
ADDITIONAL TOOLS

• Hand Tools – Allows you to move around within the

image.

• Zoom Tool – Magnifies or reduces the display of any

area in your image window. Choose Zoom In or Zoom
out in the options bar, click on the area of the image
you wish to magnify or reduce.
COLOR BOXES & MODES

• The foreground color appears in the upper color

selection box & represents a color that is currently
active. The background color appears in the lower box
and represent inactive color.
 Activity #1 FOR MIDTERM

Create your own 2 by 2 picture using photoshop.

What Can You Actually Do
With Adobe Photoshop?
Line art or line drawing is any
image that consists of distinct
straight or curved lines placed
against a (usually plain)
background, without gradations in
shade (darkness) or hue (color) to
represent two-dimensional or
three-dimensional objects.
A vector image is a 2D digital
image that is often used in
graphic design, and usually
involves bold, striking colors like
logos and printed graphics. A
vector image can be one of
several different file types, most
commonly an EPS, SVG, AI or
PDF.
Double exposure photography
is a technique that layers two
different exposures on a single
image, combining two
photographs into one. Double
exposure creates a surreal
feeling for your photos and the
two photographs can work
together to convey deep
meaning or symbolism.
One design element that’s certainly
trending is the neon glow effect. By
incorporating and playing with
various lighting effects, you can
create emphasize an element of your
site or add some subtle mystery to
the overall design. Whether you
want to make a literal neon sign or
just add a fun pop-culture vibe to
your site, this effect is such a fun
trend that allows designers to
experiment!